July 21, 2024

Drop Down Menu Pada Dreamweaver

1 min read

Dreamweaver merupakan salah satu aplikasi web editor yang berfungsi untuk mendesain, mengedit halaman web. Pada  dreamweaver terdapat bermacam-macam menu diantaranya Drop Down menu. Menu drop down sering kita temui di website yang mempunyai sub menu, jika kita klik salah satu menu, maka akan tampil menu yang lainnya. Itu salah satu fungsi Drop Down Menu.

Fungsi Drop Down Menu saat ini banyak yang menggantikan  misalnya dengan CSS,  flash dan  Jquery. Namun kadang kala kita melihat selera masing-masing. Ikuti langkah-langkah berikut ini :

Langkah 1

Buatlah document HTML baru.

dropdown

Lakukan pengisian data pada table size seperti diatas kemudian Pilih OK.

Langkah 2

Baris 1 tambahkan text misalnya “Website Kesehatan”. Pada baris ke 2 akan kita tambahkan menu dropdown (Pilih Insert->Spry->Spry Menu Bar->Pilih Horizontal->OK) seperti berikut ini :

dropdown2

dropdown3

Setelah itu akan tampil seperti berikut ini :

dropdown4

Langkah 3

Pada Properties tanda ‘ + ‘ digunakan untuk menambah item, tanda ‘ – ‘ digunakan untuk menghapus item.

dropdown5

Pada  kolom isian, yang pertama isikan menu utama dan kemudian isikan sub menu yang akan ditampilkan.

Tanda ‘Text’  isikan item  dan ‘Link’ di isi untuk menghubungkan web yang berhubungan dengan item tersebut.

Langkah 4

Berikut hasil  yang akan di tampilkan.

dropdown6

Selamat mencoba. Semoga sukses.

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.