MENU dan navigasi situs

Presentasi berjudul: "MENU dan navigasi situs"— Transcript presentasi:

1 MENU dan navigasi situs

2 Outline Karakteristik navigasi situs yang baik.
Jenis-jenis navigasi situs Membuat navigasi dengan fasilitas yang sudah tersedia di Dreamweaver Navigasi Flash Navigasi dari Snippet Pop Up Menu Membuat navigasi dengan tabel

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

4 Pembagian Navigasi Dilihat dari Bentuknya
List of contents. Breadcrumb trail Horizontal top bar Tabs 2-level top (bar or tabs) Top and side bars Buttons bar with revealed drop-down Multiple-level tree nav Paging

5 Navigasi yang Baik Jumlah item dalam navigasi tidak terlalu banyak.
Jangan menggantungkan sepenuhnya pada image grafis untuk navigasi. Jika menggunakan image, sertakan juga atribut alt pada tag <img>. Halaman utama (homepage) harus mudah ditemukan. Integrasikan fasilitas navigasi dengan content. Hindari frame jika mungkin (gunakan tabel atau CSS).

6 Navigasi dengan Flash Kelebihan: Kekurangan Jenis menu dengan Flash:
Dengan Dreamweaver cukup mudah. Animasi dapat dibuat untuk menarik pengunjung Kekurangan Tidak semua browser harus mendukung flash (terinstall flash player) Relatif lebih lambat (boros bandwidth) Jenis menu dengan Flash: Menu dengan Flash Text Menu dengan Flash Button

7 Menu dengan Flash Text (1)

8 Menu dengan Flash Text (2)
Jenis font dan ukurannya Warna tulisan dan warna background Teks menu Halaman / link menu Nama file flash

9 Menu dengan Flash Text (3)

10 Menu dengan Flash Button (1)

11 Menu dengan Flash Button (2)
Preview jenis tombol Jenis tombol Teks menu Jenis dan ukuran tulisan Halaman / link menu

12 Menu dengan Flash Button (3)

13 Jump Menu (Dropdown menu)
Menu berbentuk Dropdown (combo box). Umumnya digunakan untuk navigasi cepat. Memanfaatkan fungsi Javascript untuk mengatur menu / navigasi. Di Dreamweaver dapat diakses melalui menu Insert > Form > Jump Menu.

14 Jump Menu (Dropdown menu)