MENU DROP DOWN PEMBAGIAN NAVIGASI Inline Navigation Adalah

MENU DROP DOWN

PEMBAGIAN NAVIGASI • • • Inline Navigation. Adalah navigasi yang menjadi bagian dari suatu content (isi) utama, umumnya berupa link dan bentuknya sederhana. Site Navigation. Adalah navigasi yang letaknya terpisah dari content, umumnya terletak di atas, kiri atau kanan. Umumnya navigasi jenis ini dibuat semenarik dan sejelas mungkin. Search-based Navigation. Adalah navigasi yang didasarkan pada form pencarian, jadi disini pengunjung dapat menginputkan suatu kata kunci dan akan ditampilkan halaman sesuai. Fasilitas ini sangat penting jika situs memiliki content atau halaman yang cukup banyak.

JUMP MENU

JUMP MENU (MENU DROPDOWN) Menu berbentuk Dropdown (combo box). Umumnya digunakan untuk navigasi cepat. Di Dreamweaver dapat diakses melalui menu Insert > Form > Jump Menu.

JUMP MENU (DROPDOWN MENU) 1. Item menu 2. Teks menu 3. Link menu 4. Pilihan (opsi) menu 5. Tombol untuk menambah, mengurang dan mengatur posisi menu 5 1 2 3 4

JUMP MENU (DROPDOWN MENU)

NAVIGASI TABEL

NAVIGASI DENGAN TABEL Menu / navigasi dengan memanfaatkan tag <table> untuk mengatur item navigasi dan tampilannya. Macromedia Dreamweaver menyediakan beberapa bentuk navigasi tabel siap-pakai (snippets).

NAVIGASI DENGAN TABEL Panel Snippets merupakan kode yang sering digunakan disisipkan pada dokumen. Misalnya, membuat judul beserta menu, maka Anda harus memilih Headers, selanjutnya Anda bisa menentukan bentuk Headers tersebut. Selain Headers, Anda juga bisa menggunakan kode lainnya, seperti footer, layout navigasi, fungsi Java. Script, dan lain-lain

KELEBIHAN DAN KEKURANGAN § Kelebihan: mudah § Kekurangan: kurang menarik, tambahkan CSS agar menarik.

NAVIGASI DENGAN TABEL Pilih Window > Snippets

NAVIGASI DENGAN TABEL Pada Panel Snippets, pilih Vertical > klik Insert

NAVIGASI DENGAN TABEL

SPRY MENU BAR

SPRY MENU BAR Spry menu bar digunakan untuk membuat menu bertingkat (tree)

SPRY MENU BAR Klik Insert > Spry Menu Bar Pilih menu pilihan Layout Klik OK

SPRY MENU BAR Parent, adalah induk utama dari menu Children, adalah anak menu (ini akan menjadi menu drop down) Grand child , adalah sub menu dari menu drop down Text, adalah nama menu yang akan tampil di halaman web Link, adalah alamat website/link yang akan dituju ketika menu diklik 4 1 2 3

SPRY MENU BAR

SPRY MENU BAR Mengubah text dan warna background