CARA MEMBUAT MENU BAR MENGGUNAKAN DREAMWEAVER CS5 DENGAN LEBIH MUDAH

Oleh peistar

Friday, 20 May 2016

Bagikan :

Tweet

Pada posting kali ini saya akan berikan tutorial mengenai cara  membuat Menu Bar menggunakan Dreamweaver CS5 dengan lebih mudah. Dengan menggunakan Menu Bar ini kita dapat mengeksekusi perintah –perintah yang akan kita gunakan.

Adapun langkah – langkah pengerjaanya sebagai berikut :

- Langkah Pertama : Buka halaman baru dengan format PHP

- Langkah Kedua : Pada halaman baru kita tambahkan sebuah Table untuk meletakan posisi Menu Bar seperti gambar dibawah ini.

Tampilan Penambahan Tabel Baru

Catatan : 

• Ketika tabel telah tampil saudara dapat mengatur posisi tabel agar posisinya ditengah layar komputer.
• Simpanlah halaman baru ini kedalam Folder saudara dengan Nama Home.php (Apabila saudara tidak menyimpan halaman ini maka Spry Menu Bar tidak bisa digunakan).

 - Langkah Ketiga : Pada baris pertama silahkan saudara blok terlebih dahulu dari kolom pertama sampai kolom terakhir, tujuannya untuk menggabungkan kolom menjadi 1 (satu) dan meletakan Menu Bar berbentuk Horizontal.

Tampilan Penggabungan Columns

- Langkah Keempat : Pada baris pertama yang telah kita gabungkan tadi letakan kursor saudara kemudian pilih Menu Insert => Spry => Spry Menu Bar.

Tampilan Untuk Meletakan Spry Menu Bar

Keterangan : Pada Halaman Spry Menu Bara saudara dapat memilih bentuk atau model Menu Bar yang akan kita gunakan seperti Horizontal atau Vertical => OK untuk melanjutkan langkah berikutnya.

Tampilan Spry Menu Bar

Tampilan Menu Bar (Horizontal)

- Langkah Kelima : Setelah Menu Bar tampil saudara dapat merubah Item Name yang akan digunakan pada Bar Properties seperti gambar dibawah ini.

Tampilan Untuk Merubah Item Name

Tampilan Menu Bar

Tampilan Akhir

Demikianlah posting yang sederhana ini semoga bermanfaat untuk kita semua terimakasih banyak atas kunjungan saudara silahkan dicoba dan ikuti langkah – langkahnya dengan benar. Wasalaaaaammmmmm....!!! 

Tag : Dreamweaver