Anda di halaman 1dari 1

MEMBUAT ROLLOVER BUTTON

=======================
Photoshop :
1. Buat lembar kerja baru berukuran
120 x 40 pixel, res: 72 pixel/inch
transparant
2. Klik rectangle Tools, ubah style
menjadi web rollover button
3. Buat gambar kotak sesuai lembar kerja
4. Buat new layer, isi dengan text "Home"
5. Klik File > Save as for Web > pilih
format gif > save dengan nama home.gif
6. Klik/Tambahkan new adjustment layer >
Color Balance > Ubah warna-nya
7. Save as for Web > beri nama home-over.gif
8. Unvisible / hidden -kan layer color
balance dan rubah text dengan nama "profile"
9. Save as for web dg nama profile.gif
10.Aktifkan visible pada layer color balance
dan save dg nama profile-over.gif
11.Ulangi langkah diatas untuk membuat
contact.gif dan contact-over.gif
12.Pastikan semua gambar di folder yg sama
Dreamweaver
===========
1. Buat file HTML baru.
simpan (Ctrl+S) di folder gambar tadi
2. Klik Insert > Image Object > Rollover Image
3. isi Original image dg home.gif dan Rollover
dengan home-over.gif > ok
4. Ulangi untuk tombol profile dan contact
5. Simpan (Ctrl+S) dan tekan F12 untuk preview.
-------

Anda mungkin juga menyukai