Robby Fahlevi's Blog: Cara membuat web sederhana

Cara membuat web sederhana

Cara Membuat Web Sederhana

Pada kali ini saya akan memberikan tutorial cara membuat web sederhana menggunakan Adobe Macromedia Flash.

Cara Pembuatannya :

Siapkan dokumen flash baru menggunakan Macromedia Flash CS 3, karena kita perlu Flash Player 9 agar dapat fullscreen pada browser.
Atur ukuran dari stage menjadi 640 pixel x 480 pixel.
Gambar 4 buah teks agar berguna sebagai link, yaitu : home, project, link, about me.
Tulisan tersebut masih berupa teks, sekarang kita ubah menjadi button / tombol, sehingga semua terdapat 4 button. Klik kanan pada masing-masing teks, pilih Convert to Symbol, pilih button dan klik OK.
Setelah itu klik 2 kali pada tombol yang baru saja dibuat, tambahkan area pada frame hit. Gunanya adalah agar ketika mouse masuk area tersebut, maka tombol akan bisa di-klik.
Setelah sudah, klik dua kali pada area kosong untuk kembali ke stage. Terapkan teknik tersebut ke masing-masing teks menu.
Beri instance name pada masing -masing tombol yang telah dibuat seperti gambar ini. Memberikan instance name, cukup klik pada button tersebut dan tekan Ctrl + F3 untuk menampilkan panel properties.
Buatlah sebuah kotak berukuran 2400 pixel x 350 pixel pada stage pada posisi x = 20 dan y = 70. dibagi menjadi 4 bagian, sehingga per bagian memiliki panjang 600 pixel.
Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih MovieClip. Pastikan titik registrasi berada di kiri.
Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc.
Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya, kira2 seperti ini :
Sekarang buat sebuah tombol untuk fullscreen. Beri nama fullscreen_btnsebagai instance name-nya.
Sekarang lanjut ke script (actionscript 2.0). Buat sebuah layer baru, klik pada frame 1, tekan F9 untuk memunculkan panel Actions – Frame. Ketik syntax berikut :

01 import mx.transitions.Tween;

02 import mx.transitions.easing.*;

03

04 tombol1_btn.onRelease=function(){

05     var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, 20, 1, true);

06 }

07 tombol2_btn.onRelease=function(){

08     var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -580, 1, true);

09 }

10 tombol3_btn.onRelease=function(){

11     var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1180, 1, true);

12 }

13 tombol4_btn.onRelease=function(){

14     var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1780, 1, true);

15 }

16

17 fullscreen_btn.onRelease=function(){

18     //fullscreen di projector

19     //fscommand("fullscreen","true");

20     //fullscreen pada browser

21     Stage.displayState="fullScreen";

22 }
Kemudian buka publish setting pada Menu File -> Publish Settings, pastikan pengaturan seperti pada gambar.
Kemudian klik Publish agar file Html dan .swf terbentuk.