際際滷

際際滷Share a Scribd company logo
Cara pembuatan : web dengan flash
 Siapkan sebuah dokumen flash baru menggunakan Flash CS 3, karena kita
perlu Flash Player 9 untuk agar dapat fullscreen pada browser.
 Atur ukuran dari stage menjadi 640 piksel x 480 piksel.
panel properties
 Gambar 4 buah teks agar berguna sebagai link, yaitu
: home, project, link, about me.
menu
 Tulisan tersebut masih berupa teks, sekarang kita ubah menjadi button,
sehingga semua terdapat 4 button. Klik kanan pada masing-masing teks, pilih
Convert to Symbol, pilih button dan klik OK.
Convert to Symbol
 Setelah itu klik 2 kali pada tombol yang baru saja dibuat, tambahkan area
pada frame hit. Gunanya adalah agar ketika mouse memasuki area tersebut,
maka tombol akan bisa di-klik.
Masuk ke dalam Button
 Setelah sudah, klik 2 kali pada area kosong untuk kembali ke stage. Terapkan
teknik tersebut ke masing-masing teks menu.
 Beri instance name masing-masing tombol yang telah dibuat seperti gambar
ini. Memberikan instance name, cukup klik pada button tersebut dan
tekan Ctrl + F3untuk menampilkan panel properties.
Instance Name
 Buatlah sebuah kotak berukuran 2400 piksel x 350 piksel pada stage pada
posisi x = 20 dan y = 70. Bagi menjadi 4 bagian, sehingga per bagian memiliki
panjang 600 piksel.
Kotak (Klik untuk memperbesar)
 Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih
MovieClip. Pastikan titik registrasi berada di kiri.
Convert to Movieclip
 Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc.
kotak_mc
 Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya ,
kira2 seperti ini :
Preview
 Sekarang buat sebuah tombol untuk fullscreen. Beri
nama fullscreen_btnsebagai instance name-nya.
tombol fullscreen
 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.
Publish Settings

More Related Content

Similar to Cara pembuatan web dengan flash (20)

PDF
CD Interaktif
Anindya HR
PPTX
Materi Flash Web Desain
beiharira
PDF
Laporan praktikum multimedia_4-4
Deprilana Ego Prakasa
PPTX
Tutorial play pause_stop
Rozaliyana Aushuria
DOC
Modul pembelajaran flash
UPSI
PDF
Mebuat presentasi-dengan-flash
Ayas Tincem
PDF
Tutorial flash (1)
Tri Widodo
DOCX
Praktikum Action Script
Viani Mujiastuti
PDF
Tutorial Animasi menggunakan macromedia Flash 8
Farichah Riha
DOCX
Animasi Dasar
rahmi wahyuni
DOCX
Cara membuat animasi macromedia flash 8
siti hodijah
PPTX
Materi Flash - Membuat Slicing Puzzle
beiharira
PDF
MODUL_FLASH_TIK_XI
Kartiwa G.S., S.Kom
DOC
Adobe flash cs5 profesional
Slamet Ariyanto
PDF
Laporan praktikum multimedia_3-3
Deprilana Ego Prakasa
PDF
Alisalim flash4
Nurdin Al-Azies
PDF
Macromedia dreamweaver 8
Wahyu Lihardo
PDF
Macromedia dreamweaver 8
Sejahtera Affif
PDF
Macromedia dreamweaver 8
Sejahtera Affif
CD Interaktif
Anindya HR
Materi Flash Web Desain
beiharira
Laporan praktikum multimedia_4-4
Deprilana Ego Prakasa
Tutorial play pause_stop
Rozaliyana Aushuria
Modul pembelajaran flash
UPSI
Mebuat presentasi-dengan-flash
Ayas Tincem
Tutorial flash (1)
Tri Widodo
Praktikum Action Script
Viani Mujiastuti
Tutorial Animasi menggunakan macromedia Flash 8
Farichah Riha
Animasi Dasar
rahmi wahyuni
Cara membuat animasi macromedia flash 8
siti hodijah
Materi Flash - Membuat Slicing Puzzle
beiharira
MODUL_FLASH_TIK_XI
Kartiwa G.S., S.Kom
Adobe flash cs5 profesional
Slamet Ariyanto
Laporan praktikum multimedia_3-3
Deprilana Ego Prakasa
Alisalim flash4
Nurdin Al-Azies
Macromedia dreamweaver 8
Wahyu Lihardo
Macromedia dreamweaver 8
Sejahtera Affif
Macromedia dreamweaver 8
Sejahtera Affif

Recently uploaded (11)

DOCX
kasxfjlkasdjflkahsdlfgashfasdfasfsafxsdfasdfdsafa
zahirbasyar472
PDF
LINK ALTERNATIF SABUNG AYAM CLUB388 RESMI 2025
DELIWIN AGEN SABUNG AYAM CLUB388
PPTX
LAMPIRAN PEK. PGWS KARANTINA MARTINUS K. KORA.pptx
NUKOR
PPTX
142021005-ROMADONI-TUGAS 1-DASAR INTERIOR.pptx
RomaDoni5
PPTX
TEMPLAT POWER POINT SLU SAINS SUKAN 2025.pptx
hirmiabdullah1
PDF
PINOQQ adalah situs Poker Yang sudah Terbukti Member Selalu Menang dan Menye...
officialpino35
PDF
DAFTAR ALFABET88 AGEN SLOT GACOR RESMI DAN TERPERCAYA 2025
alfabetgacor3
PPTX
ghdfgtgjhdfgjhyyhyntyntyyhnnnnnnnnnnnnnnnnnnnnnn
AdiHermawan30
PPTX
tokyo-anime---characters-newsletter.pptx
ginanjaraji016
PDF
PINOQQ adalah situs Poker Yang sudah Terbukti Member Selalu Menang dan Menye...
officialpino35
PDF
Format RPP Pembelajaran Mendalam (1).pdf
ToyibAchmad
kasxfjlkasdjflkahsdlfgashfasdfasfsafxsdfasdfdsafa
zahirbasyar472
LINK ALTERNATIF SABUNG AYAM CLUB388 RESMI 2025
DELIWIN AGEN SABUNG AYAM CLUB388
LAMPIRAN PEK. PGWS KARANTINA MARTINUS K. KORA.pptx
NUKOR
142021005-ROMADONI-TUGAS 1-DASAR INTERIOR.pptx
RomaDoni5
TEMPLAT POWER POINT SLU SAINS SUKAN 2025.pptx
hirmiabdullah1
PINOQQ adalah situs Poker Yang sudah Terbukti Member Selalu Menang dan Menye...
officialpino35
DAFTAR ALFABET88 AGEN SLOT GACOR RESMI DAN TERPERCAYA 2025
alfabetgacor3
ghdfgtgjhdfgjhyyhyntyntyyhnnnnnnnnnnnnnnnnnnnnnn
AdiHermawan30
tokyo-anime---characters-newsletter.pptx
ginanjaraji016
PINOQQ adalah situs Poker Yang sudah Terbukti Member Selalu Menang dan Menye...
officialpino35
Format RPP Pembelajaran Mendalam (1).pdf
ToyibAchmad
Ad

Cara pembuatan web dengan flash

  • 1. Cara pembuatan : web dengan flash Siapkan sebuah dokumen flash baru menggunakan Flash CS 3, karena kita perlu Flash Player 9 untuk agar dapat fullscreen pada browser. Atur ukuran dari stage menjadi 640 piksel x 480 piksel. panel properties Gambar 4 buah teks agar berguna sebagai link, yaitu : home, project, link, about me. menu Tulisan tersebut masih berupa teks, sekarang kita ubah menjadi button, sehingga semua terdapat 4 button. Klik kanan pada masing-masing teks, pilih Convert to Symbol, pilih button dan klik OK.
  • 2. Convert to Symbol Setelah itu klik 2 kali pada tombol yang baru saja dibuat, tambahkan area pada frame hit. Gunanya adalah agar ketika mouse memasuki area tersebut, maka tombol akan bisa di-klik. Masuk ke dalam Button Setelah sudah, klik 2 kali pada area kosong untuk kembali ke stage. Terapkan teknik tersebut ke masing-masing teks menu.
  • 3. Beri instance name masing-masing tombol yang telah dibuat seperti gambar ini. Memberikan instance name, cukup klik pada button tersebut dan tekan Ctrl + F3untuk menampilkan panel properties. Instance Name Buatlah sebuah kotak berukuran 2400 piksel x 350 piksel pada stage pada posisi x = 20 dan y = 70. Bagi menjadi 4 bagian, sehingga per bagian memiliki panjang 600 piksel. Kotak (Klik untuk memperbesar) Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih MovieClip. Pastikan titik registrasi berada di kiri.
  • 4. Convert to Movieclip Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc. kotak_mc Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya , kira2 seperti ini : Preview
  • 5. Sekarang buat sebuah tombol untuk fullscreen. Beri nama fullscreen_btnsebagai instance name-nya. tombol fullscreen 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 }
  • 6. Kemudian buka publish setting pada Menu File -> Publish Settings, pastikan pengaturan seperti pada gambar. Publish Settings