Teknik Dasar Membuat Website dengan Flash (4)

Tulisan ini adalah bagian terakhir dari tiga tulisan sebelumnya.
Lanjuut...

1. Buka kembali file flash yang sudah dibuat sebelumnya;
2. Click layer konten, buat kotak dengan fill : None dan stroke: abu-abu;
3. Tekan F8, pilih movie clip, beri nama : konten_mc , tekan OK;
4. Double click konten_mc, klik frame 1 buat tulisan sbb (lihat gambar) :

5. click frame 2, tekan f6 untuk membuat keyframe, lalu hapus tulisan

    dan ganti dengan gambar apa saja (lihat contoh) :

6. click frame 3, tekan f6 untuk membuat keyframe, lalu hapus gambar

    dan ganti dengan tulisan (lihat contoh) :

OK...pembuatan konten sudah selesai, tinggal membuat navigasi menggunakan button dan script ya...siaap ?

7. Pilih button HOME, click kanan>action, ketikkan script sbb :

on(release) {

konten_mc.gotoAndStop(1);

}

Penjelasan : script ini untuk memberikan respon, saat mouse di-click di button Home, maka halaman akan 

berpindah ke movie clip yang sudah diberi nama konten_mc, frame ke-1

8. Pilih button PRODUCT, click kanan>action, ketikkan script sbb :

on(release) {

konten_mc.gotoAndStop(2);

}

8. Pilih button CONTACT, click kanan>action, ketikkan script sbb :

on(release) {

konten_mc.gotoAndStop(3);

}

9. Double click konten_mc, pilih frame 1, ketikkan script sbb :

stop();

Tujuannnya agar pada saat masuk ke movie clip konten_mc, maka tidak langsung menjalankan frame berikutnya, tetapi nunggu respon user menekan button. Coba tekan ctrl+enter untuk mencobanya.

Selesai sudah pekerjaan kita di flash, selanjutnya web siap di-publish, caranya...?

10. Buka Dreamweaver>HTML, pilih design view.

11.Pilih Common> Media:Flash, lalu buka file flash tadi, kemudian simpan dan tekan F12...beres deh...!

Preview-nya seperti ini :

dan ini adalah web yang siap dipublish, dan sudah bisa dilihat di browser :

Selesai....sampai ketemu di tutorial selanjutnya, diantaranya Corel Draw, Photoshop, 3D Max, After Effect, PHP, MYSQL, dll...