Pada kesempatan kali ini saya akan membagikan sedikit tips untuk membuat menu horizontal dengan menggunakan Aplikasi Sublime Text. untuk langkah-langkah pembuatannya ikuti tutorial saya ini.
1. Langkah yang pertama teman-teman lakukan adalah membuka dan menyimpan file-nya dalam satu Folder Misalnya folder Menu, namanya adalah Menu_horizontal.html dalam Folder Menu. Dan tuliskan kode dibawah ini.
2. Dan pada langkah ini teman-teman tulis codingnya seperti berikut ini, setelah tulis jangan lupa untuk menyimpannya terlebih dahulu.
3. Untuk langkah yang ketiga ini kita akan uji coba terlebih dahulu untuk melihat hasil yang baru saja kita buat, untuk itu klik ganda pada file Menu_horizontal.html, atau boleh juga dangan klik kanan dan Open with kemudian pilih Browser yang kita pakai misalnya di Mozila atau Google. dan lain sebagainya. hasilnya seperti pada gambar dibawah ini.
4. Nah pada tahap ini kita akan memperganteng tampilannya dengan menggabungkan file Html dan file css untuk itu buka Dokumen baru pada Sublime Text, atau dengan cara lain tekan tombol CTRL + N kemudia Simpan Filenya dengan nama Style.css, dan jangan lupa membuat folder di dalam folder Menu untuk folder file css-nya. perhatikan Gambar dibawah ini.
5. Untuk menggabungkan file html dengan file css untuk itu buka kembali file Menu_horizontal.html kemudia input code dibawah ini.
6. Dan setelah itu itu ketik code-code dibawah ini di file Style.css kemudian di simpan.
7. Setelah proses pengkodean pada file css sudah sekarang tahapan selanjutnya adalah untuk melihat hasil dari tahapan-tahapan diatas. dan dibawah ini adalah proses akhirnya.
Itulah sedikit tutorial dari saya semoga bisa bermanfaat buat teman-teman sekalian,saya yang kamu juga pasti bisa membuatnya,
Sumber : Beatifull Animation With Css3 | Rohy | I Paper
0 Post a Comment:
Post a Comment