Menu Drop Down.

Presentasi berjudul: "Menu Drop Down."— Transcript presentasi:

1 Menu Drop Down

2 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.

3 JUMP MENU

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

5 Jump Menu (Dropdown menu)
Item menu Teks menu Link menu Pilihan (opsi) menu Tombol untuk menambah, mengurang dan mengatur posisi menu 5 1 2 3 4

6 Jump Menu (Dropdown menu)

7 NAVIGASI TABEL

8 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).

9 Navigasi dengan Tabel Panel Snippets merupakan kode yang sering digunakan dan 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 JavaScript, dan lain-lain

10 Kelebihan dan Kekurangan
Kelebihan: mudah Kekurangan: kurang menarik, tambahkan CSS agar menarik.

11 Navigasi dengan Tabel Pilih Window > Snippets

12 Navigasi dengan Tabel Pada Panel Snippets, pilih Vertical > klik Insert

13 Navigasi dengan Tabel

14 Spry Menu Bar

15 Spry Menu Bar Spry menu bar digunakan untuk membuat menu bertingkat (tree)

16 Spry Menu Bar Klik Insert > Spry > Spry Menu Bar Pilih menu pilihan Layout Klik OK

17 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

18 Spry Menu Bar

19 Spry menu Bar Mengubah text dan warna background