Adv

2/12/2012

Teknik Dasar Membuat Website dengan Flash (3)

OK...lanjut lagi ya..., lihat posting sebelumnya disini dan disini..

Pada bagian ketiga dan keempat,  kita akan menambahkan komponen sebagai berikut :
1. Tombol Navigasi (button) beserta penggunaan action script;
2. Content Web berupa halaman beserta isinya dengan konsep movie clip;
3. Mengimport file flash (*.swf) ke dreamweaver.

Lets Go!

1. Buka file flash yang tadi.
2. Buat dua buah layer baru dengan nama konten dan navigasi (lihat gambar) :


3. Click layer navigasi, pilih Text Tool, ketikkan tulisan sbb : HOME
4. Tekan F8, pilih Button, beri nama home_btn.
5. Ketikkan PRODUCT dan CONTACT, lalu ulangi langkah 3 dan 4 untuk membuat button,
    beri nama masing-masing product_btn dan contact_btn.
Lihat gbr sbb :


6. Double click tombol HOME, sehingga saat ini kita bekerja di home_btn
7. Buat layer baru, lalu arahkan kursor ke frame hit di layer 2.
8. Drag layer 2 ke bawah layer 1 (lihat gambar).
9. Buat kotak hijau dibelakang tulisan HOME, tujuannya untuk memberikan respon 
    kepada user saat mouse memasuki area button HOME, maka akan ada animasi warna hijau.  
10. Perhatikan baik-baik gbr berikut :


11. Terapkan langkah 6 sd 9 untuk button PRODUCT dan CONTACT. OK ?

sementara bagian tiga istirahat dulu sampai disini, besok lanjut ke bagian empat (akhir yaaa..)

Tidak ada komentar:

Posting Komentar