Cara Mudah Membuat Menu Bar Website Menggunakan Dreamveaver

Menu bar adalah sebuah teks yang didesain dengan cantiknya yang di linkkan sesuai tema menu bar itu sendiri. 

Menu bar biasanya selalu ada pada setiap website. Selain mempercantik tampilan, menu bar mempermudah pengunjung website untuk mencari informasi yang dibutuhkan. Seperti menu bar dengan nama Komputer yang artinya ketika diklik terdapat beberapa kumpulan artikel atau serba-serbi yang berkaitan dengan komputer.

Pada dreamweaver membuat menubar tidaklah sulit, karena dreamveaver menggunakan metode klik langsung jadi.

Berikut cara mudah membuat menu bar menggunakan adobe dreamveaver..

Arahkan bagian yang akan dikasih menubar, klick insert==> spry==> spry menu bar

pilih horizontal yang berarti menu bar datar dan pilih vertikal kalau ingin menu bar menurun  

hasilnya seperti ini

lakukan pengeditan sesuai kebutuhan dengan klik code

anda bisa mengganti code dibawah ini sesuai kebutuhan

<li><a href="<link yang dituju>">penamaan dalam menu bar</a></li>


Contoh
 <li><a class="MenuBarItemSubmenu" href="">Home</a>
          <ul>
            <li><a href="http://mbedudul.blogspot.com/search/label/Komputer">Komputer</a></li>
            <li><a href="http://mbedudul.blogspot.com/search/label/Network">Network</a></li>
<li><a href="http://mbedudul.blogspot.com/search/label/Pemrograman">Pemrograman</a></li>
          </ul>
      </li>
      <li><a href="http://mbedudul.blogspot.com">Site</a></li>
      </ul> 

Dan hasilnya seperti ini