Membuat Pop-Up Menu dengan Fireworks 4.0

Untuk menambah daya tarik sebuah website dan efesiensi space menu halaman depan, para web designer sekarang banyak me-layout desainnya dengan menggunakan pop up menu. Sebelumnya, apabila kita ingin membuat pop-up menu halaman web, kita biasanya menambahkan javascript ke dalam html kita. Namun sekarang kita dapat membuat lay-out design web di Fireworks 4.0. Juga kita bisa langsung membuat pop-up menu. Di bawah ini adalah langkah-langkah sederhana dalam membuat Pop Up Menu

• Bagian 1 :

1. Buka program fireworks 4.0 pada komputer anda,
2. Klik tombok new, dan aturlah ukuran kanvas, lebar, tinggi dan resolusi serta warna canvas yang kita inginkan. [lihat gambar 1]
   
   [Gambar 1]
   
3. Ketikan menu yang akan kita desain, tekan tombol A text tool lalu ketikan misalnya,
   "Our Campus"
4. Klik tombol slice tool atau hotspot tool [gambar 2],
   kemudian drag ke tulisan "Our Campus" tadi.
5. Tekan tombol pointer tool, kemudian klik pada obyek
   [sampai keluar gambar kecil bulat mirip jam, lihat gambar 3]
   
   [Gambar 3]
   
6. Pilih dan klik toolbar Insert > Pop-Up Menu
7. Masukan menu-menu pada Text field, misalnya : "admission, peta kampus, perpustakaan"
   Klik tanda (+) untuk menambahkan menu. Untuk membuat submenu, klik tombol Indent Menu.
   
   [gambar 4]
   
8. Tentukan alamat web yang dituju pada Link field. Bila perlu tentukan juga Web target.
9. Bila sudah klik Next.

• Bagian 2 :

1. Pada Cells, pilih HTML atau Image.
   HTML = menggunakan format HTML untuk Up dan Over state-nya.
   Image = menggunakan image yang disediakan sebagai background Up dan Over.
2. Pilih font, typeface, ukuran dan lainnya.
3. Pada kolom Up State dan Over State tentukan:
   - bila HTML tentukan warna text dan cell-nya.
   - bila Image tentukan warna dan jenis background serta text
   
   
   [Tampilan di browser seperti gambar 5, warna background cell akan berubah manakala mouse di arahkan ke salah satu menu tsb]
4. Selesai, mudah bukan ayo dicoba !.

ket : Letak dari Pop-Up Menu bisa diatur dengan mendekatkan mouse ke Pop-Up Menu hingga berubah menjadi tangan. Panjangnya menu tidak akan mempengaruhi besar canvas kerja.