Dream Weaver Tutorial "Membuat Spry Menu Bar"

Posted by : Unknown Rabu, 14 Mei 2014

Pada kesempatan kali ini saya akan memberikan tutorial cara membuat Spry Menu Bar di Adobe/Macromedia Dreamweaver..

Untuk menyisipkan Spry Menu Bar ke situs web Anda, Pergi ke menu Insert > Layout Objects > Spry Menu Bar

Kemudian kotak dialog akan terbuka dengan dua pilihan, Horizontal dan Vertikal. Pilih opsi yang anda inginkan dan tekan Ok. Di sini saya memilih Horizontal menu bar.

Setelah mengklik OK, Horizontal menu bar muncul seperti di bawah ini dengan nama standar seperti angka 1, angka 2, angka 3, dll

Untuk mengedit nama item, klik dua kali pada tab menu atau menggunakan Properties inspector.

Anda dapat menambahkan menu atau submenu item dengan memilih item apapun, tercantum dalam Properties inspector dan kemudian dengan mengklik tanda plus (+) di bagian atas bidang menu yang sesuai. Untuk menghapus item menu, pilih item dan klik tanda minus (-)

Sekarang saya akan mengubah nama item menu utama dengan nama menu saya sendiri.

Di sisi kanan jendela properties, Anda dapat menemukan field bernama "Text", di sana Anda dapat mengetik nama item menu seperti Home, About Us, dll ... Perubahan akan langsung muncul.

setelah mengubah nama item menu utama, Menu bar akan seperti di bawah ini

Sekarang kita perlu mengedit item submenu. Submenu sudah memiliki beberapa nama standar seperti Item 1.1, Item 1.2 dst.

Anda dapat menambahkan atau menghapus menu dan submenu dengan mengklik simbol "+" "-" yang muncul di atas kolom submenu atau kolom kedua. Kita bisa membuat "n" sejumlah menu & submenu.

Ubah nama item submenu dengan nama submenu Anda sendiri dengan menggunakan metode yang sama yang telah Anda lakukan untuk menu utama. Submenu juga bisa memiliki submenu. Pada Properties inspector, pilih nama item menu utama yang Anda ingin menambahkan submenu. Kemudian klik tombol plus di atas kolom kedua untuk membuat item submenu baru.

Terakhir, kita telah menciptakan Spry Menu Bar menggunakan Dreamweaver. Sementara menyimpan file secara otomatis akan membuat folder SpryAssets dengan javascript dan css.

Ini menu Spry Bar memiliki pilihan warna rollover default. Anda juga dapat menyesuaikan atau restyle dengan mengubah teks, warna, font, dan pilihan lainnya menggunakan SpryAssets.