Berikut ini langkah-langkahnya
1. Buka Macromedia Dreamweaver dan buatlah sebuah halaman HTML baru dengan mengakses menu File > New.
2. Aktifkan window Behaviors melalui menu Window > Behaviors atau dengan shortcut Shift + F4 (Lihat gambar 1)
3. Buatlah sebuah link dengan text atau gambar, isi halaman tujuan link dengan # yang menandakan bahwa link tersebut jika diklik nantinya akan tetap di halaman yang sama. Sorot (select) link tersebut, kemudian dari window behaviors yang telah diaktifkan di langkah sebelumnya klik tombol Add behaviour yaitu icon dengan tanda [+]. Akan ditampilkan beberapa pilihan behaviour dan pilih Show Pop-Up Menu. Lihat gambar 2.
4.contohnya di gambar 3. Jika ingin mengatur tampilan dari menu, dapat membuka
tab ‘Appearance’ dan jika ingin mengatur posisi dari menu bisa mengaktifkan tab ‘Position’
seperti terlihat pada gambar 4. Klik tombol OK jika menu sudah diatur sesuai keinginan.
tab ‘Appearance’ dan jika ingin mengatur posisi dari menu bisa mengaktifkan tab ‘Position’
seperti terlihat pada gambar 4. Klik tombol OK jika menu sudah diatur sesuai keinginan.
Gambar 3
Gambar 4
5.Simpan halaman dan tampilkan hasilnya di browser
dengan mengakses menu File > Preview in browser… atau shortcut F12.
Contoh tampilan menu terlihat di gambar 5.
dengan mengakses menu File > Preview in browser… atau shortcut F12.
Contoh tampilan menu terlihat di gambar 5.
Gambar 5
Kesimpulan::
Cara Membuat Tree Menu dengan Dreamweaver 8.0 ternyata sangat mudah. Teknik yang digunakan oleh Dreamweaver dalam membuat menu tersebut adalah dengan javascript, sehingga menu akan ditampilkan dengan baik pada browser yang mendukung javascript.
Semoga tutorial singkat ini bermanfaat untuk kita semua.
Cara Membuat Tree Menu dengan Dreamweaver 8.0 ternyata sangat mudah. Teknik yang digunakan oleh Dreamweaver dalam membuat menu tersebut adalah dengan javascript, sehingga menu akan ditampilkan dengan baik pada browser yang mendukung javascript.
Semoga tutorial singkat ini bermanfaat untuk kita semua.
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...
Sign up here with your email
3 comments
Write commentsBang tukar link dengan saya ya http://azizalstsetia.blogspot.com/ di sini ada download software tips blogging artikel hiburan dll
Replythanks sebelumnya
Siiip artikelnya
Replybikin aq berpikir...
tutorial yang seperti ini yang harus di kembangkan.
Replykeep blogging..
Tuliskan Saran & Kritik Anda.... ConversionConversion EmoticonEmoticon