Membuat menubar part 1

Posted by bagus on Sunday, June 27, 2010 | 0 comments

Akhirnya setelah error gara2 ngepost ga aturan , sekarang bsa ngepost lagi . Tpi harus ngetik ulang hu.... T.T



Kembali ke tujuan postingan ini , membuat menubar di HTML tidak serumit yang di bayang kan . Saya menemukan caranya ketika membaca tutorial CSS Advance , memang awalnya akan terasa banyak yg harus dihafal tertama dalam tahapannya . Tpi saya akan menjelaskan caranya 1 per 1 , sedetil2nya tapi semampunya .
Yg masih belum ngerti atau ada error bisa nanya atau memberi ralat artikel ini .


Selamat Mencoba .....
Pertama-tama yang harus dilakukan adalah melakukan persiapan peralatan. Tidak perlu aplikasi yang ruwet (kecuali anda ingin membuat website yang kompleks ) . Yang dibutuhkan adalah :
  1. Text editor : notepad , notepad++ ( disunnahkan )
  2. Browser ( bohong kalo ga punya )
Sedangkan tag2 ato elemen2 yang akan di pakai adalah :
  •  <title></title>untuk menentukan judul halaman , contoh script :
<title>Judulnya</title>
  • <style type="text/css"></style> untuk mengatur tampilan dari menu bar . Contoh script:
<style type="text/css">Pengaturan Style</style>
  • <a> </a> untuk membuat link . Contoh script :
<a href=" alamat web"></a>
  • <ul><li></li></ul> untuk membuat daftar elemen , contoh script :
<ul>
<li>Tulisan yang akan dimasukkan </li>
</ul>
Dan masih banyak lagi , tpi tenang . Nanti akan dijelaskan langsung dari script menu barnya ........

Cape nulisnya pke box hrus ngetik script HTML , tapi ga pa2 kan dapat pahala gara2 memberi ilmu yang bermanfaat .... Amiiin .....

Lanjut , tahapan2 nya adalah
  1. kita mebuat list link atau daftar alamat
  2. kita menghilangkan titik atau embel2 yang biasa ada di list
  3. kita buat listnya terurut secara horizontal
  4. kita hias dengan box2 yang akan dijelaskan di Part 2 

Bersambung dlu ya .......