Tutorial singkat Dreamweaver 4 (8. Menambahkan efek interaktif ke halaman web 2)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-30 18:35:33
8. Tambahkan efek interaktif ke halaman web
Buat efek interaktif yang lebih kompleks
Dalam Dreamweaver, efek yang lebih kompleks dicapai melalui fungsi yang disebut Perilaku. Perilaku secara harfiah berarti "perilaku", yang juga disebut respons peristiwa. Melalui perubahan elemen halaman web, seperti gerakan mouse, klik, dan "peristiwa" lainnya (Peristiwa), memicu jendela pop-up, menutup halaman, dan "respons" (Tindakan) lainnya, ini merupakan respons peristiwa. Dan untungnya, pembuatan "The Act" hampir mudah dilakukan.
Tekan Shift+F3 untuk membuka panel perilaku, seperti yang ditunjukkan di bawah ini:
Menambahkan perilaku ke halaman web memerlukan tiga langkah berikut:
1. Pilih elemen yang menghasilkan perilaku, seperti gambar, teks dengan link, lapisan, dll. Jika Anda ingin efek mulai muncul segera setelah halaman dimuat, Anda dapat memilih Label 2 pada bilah status dan tekan Tombol memilih respons (elemen yang berbeda memiliki respons yang berbeda pula) dan mengatur properti respons ini di kotak dialog berikutnya; berikut adalah deskripsi respons yang dapat dipilih:
Panggil JavaScript: Panggil sepotong JavaScript;
Ubah Properti: Mengubah gaya CSS dari tag Html;
Periksa Browser: Masuk ke halaman berbeda sesuai dengan browser berbeda;
Periksa Plugin: Periksa apakah browser memiliki plugin yang diperlukan;
Kontrol Shockwave atau Flash: Mengontrol pemutaran animasi Shockwave atau Flash;
Seret Lapisan: Memungkinkan pemirsa untuk menyeret elemen dalam lapisan;
Go To URL: Tautan ke URL yang ditentukan;
Menu Lompat, Menu Lompat Menuju: Menu lompat dan tombol Buka;
Buka Jendela Browser: Membuka jendela browser baru;
Putar Suara: memutar suara;
Pesan Popup: Jendela peringatan pop up;
Pramuat Gambar: Baca gambar terlebih dahulu;
Atur Gambar Bilah Nav: Mengatur gambar bilah navigasi;
Atur Teks: Menampilkan teks di tempat tertentu;
Tampilkan Sembunyikan Lapisan: Menampilkan atau menyembunyikan lapisan;
Tukar Gambar, Tukar Pemulihan Gambar: Ubah gambar dan pulihkan gambar asli;
Timeline: Mengontrol pemutaran timeline;
Validasi Formulir: Verifikasi kebenaran formulir;
Dapatkan Lebih Banyak Perilaku: Unduh lebih banyak peristiwa perilaku.
3. Pilih Peristiwa untuk memutuskan dalam kondisi apa respons dipicu. Acara umum meliputi:
onMouseOver: Mouse bergerak ke target;
onMouseUp: ketika mouse ditekan lalu tombol kiri dilepaskan;
onMouseOut: saat mouse menjauh;
onMouseDown: Saat mouse ditekan (tidak perlu melepas tombol kiri);
onClink: saat diklik;
onDblClick: ketika diklik dua kali;
onLoad: Saat memuat halaman web;
onUnload: saat meninggalkan halaman;
onResize: Saat penampil mengubah ukuran jendela penjelajahan;
onScroll: Saat pemirsa menyeret bilah gulir.