BLOG AND WEB DESIGN ( MEMBUAT TOMBOL ROLLOVER MENGGUNAKAN FIREWORKS )

"BELAJAR DESAIN WEB DAN BLOG , TIPS MEMPERCANTIK WEB DAN BLOG"

Sebelum Lanjut dengan artikel ini, jika belum memiliki Macromedia Fireworks, silahkan download disini.

I. Buatlah sebuah image Tombol persegi dengan ukuran (100x40 px) seperti gambar (1), menggunakan "Rectangle Tool (U)" gambar (2).

Gambar (1)

 

Gambar (2)

 

II. Langkah berikutnya adalah dengan memberikan tulisan "Tombol" pada Image persegi tersebut. Gambar (3)

Gambar (3)

 

IV. Setelah membuat tulisan, sekarang waktunya anda meng-klik tulian "Tombol" lalu tekan Shift pada keyboard, sambil mengklik image tombol persegi. Maksudnya adalah melakukan Select pada kedua image tersebut. Contoh lihat kembali pada gambar (3), disana anda melihat ada garis berwarna biru dan kotak-kotak kecil pada setiap sisi image. hal itu menandakn bahwa image tersebut sedang di select.

Kemudian dalam keadaan kedua image tersebut ter-Select, tekan F8 pada keyboard, dan akan muncul sebuah pop up, yang memberikan 3 pilihan terhadap image tersebut. Untuk kasus ini, silahkan pilih menu "Button". Gambar (4).

Gambar (4).

V. Nah setelah memilih "Button" pada pop up yang muncul tadi, maka tekan "OK" dan akan terlihat tampilan seperti pada gambar (5) di bawah. Hal ini menunjukan bahwa kedua image ( Persegi dan tulisan "Tombol) tadi telah menjadi satu berupa "Button".

Gambar (5)

VI. Untuk langkah berikunya, Klik ganda pada image tersebut, maka anda akan melihat sekali lagi Pop Up window seperti pada gambar (6).

Klik gambar dibawah untuk melihat hasil yang lebih jelas !!!!

Gambar (6)

 

VII. Kemudian silahkan klik menu "Over" seperti pada gambar (7)

Gambar (7)

 

Bersambung pada postingan selanjutnya ....