Dreamweaver (selanjutnya disebut DW) menyediakan mekanisme yang disebut "Perilaku" untuk membantu Anda membangun perilaku interaktif di halaman. Perilaku adalah serangkaian tindakan yang dilakukan pada halaman web, yang melaluinya pengguna berinteraksi dengan halaman tersebut. Dengan menggunakan perilaku DW, Anda dapat mencapai efek halaman dinamis yang kaya dan mencapai interaksi halaman pengguna tanpa menulis satu baris kode pun.
Suatu perilaku terdiri dari peristiwa dan tindakan. Suatu peristiwa adalah hasil dari suatu tindakan yang dipicu, dan suatu tindakan adalah kode JavaScript yang telah ditulis sebelumnya yang digunakan untuk menyelesaikan tugas tertentu, seperti membuka jendela browser, memutar suara, dll.
Saat menggunakan perilaku pada elemen halaman, Anda menentukan tindakan dan peristiwa yang akan dipicu. DW telah menyediakan beberapa tindakan tertentu yang dapat Anda terapkan pada elemen halaman.
1. Beberapa perilaku dasar bawaan
1. Panggil JavaScript (Panggil JavaScript)
Perilaku ini memungkinkan Anda mengatur skrip JavaScript yang sesuai untuk dipanggil ketika peristiwa tertentu dipicu untuk mengimplementasikan tindakan yang sesuai. Saat mengatur perilaku ini, Anda dapat langsung memasukkan skrip atau fungsi JavaScript.
2. Ubah Properti (Ubah Properti)
Perilaku ini memungkinkan Anda mengubah properti objek secara dinamis, seperti ukuran gambar, warna latar belakang lapisan, dll. Perhatikan bahwa pengaturan perilaku ini bergantung pada dukungan browser.
3. Periksa Browser
Ada perbedaan tertentu dalam kemampuan dukungan browser yang berbeda. Dengan menggunakan perilaku ini, kita dapat memeriksa versi browser untuk melompat ke halaman berbeda.
4. Cek Plugin
Terkadang halaman yang kita buat memerlukan dukungan plug-in tertentu, misalnya halaman web yang dibuat menggunakan Flash, sehingga perlu dilakukan pengecekan plug-in pada browser pengguna untuk melihat apakah memiliki plug-in yang ditentukan. dipasang. Perilaku ini melakukan hal itu.
5. Kontrol Shockwave atau Flash (Control Shockwave atau Flash)
Shockwave dan Flash adalah objek yang sering dimasukkan ke dalam produksi halaman web saat ini. Anda dapat menggunakannya untuk mengontrol pemutaran, penghentian, dan kembalinya animasi, dan Anda juga dapat mengontrol bingkai untuk melompat langsung.
6. Pindahkan Lapisan (Drag Layer)
Perilaku "Pindahkan Lapisan" dapat mewujudkan pergerakan lapisan pada halaman, dan bahkan pergerakan konten berlapis.
7. Lompat ke URL (Go To URL)
Anda dapat menentukan jendela browser saat ini atau jendela bingkai tertentu untuk memuat halaman tertentu.
8. Menu Lompat
Perilaku "Menu Lompat" terutama digunakan untuk mengedit formulir lompat.
9. Kotak dialog pesan popup (Pesan Popup)
Jika Anda ingin menampilkan kotak dialog informasi pada halaman, atau memberikan pesan cepat kepada pengguna, Anda dapat menggunakan perilaku ini.
2. Contoh Sederhana
Di bawah ini kita akan mengambil gambar dinamis sebagai contoh untuk memperkenalkan penggunaan perilaku. Pertama, Anda perlu membuat dua gambar 1 dan 2 dengan ukuran yang sama. Berikut langkah spesifiknya.
1. Buka DW untuk membuat halaman dan masukkan Gambar 1 ke halaman ini.
2. Pilih Gambar 1 di jendela pengeditan DW.
3. Pilih "Behaviors" di menu "windows" atau tekan F8 untuk membuka panel Behavior. Perhatikan bahwa di menu pop-up Acara Untuk, "Peramban 3.0 dan Lebih Baru" harus dipilih.
4. Tekan tombol "+" untuk menambahkan perilaku baru - "Tukar Gambar", dan kotak dialog "Tukar Gambar" akan muncul. Dalam daftar gambar, Anda akan melihat daftar semua gambar di halaman. Pilih gambar 1 yang ingin Anda ubah. Ini adalah gambar asli. Saat penunjuk mouse bergerak ke atasnya, gambar tersebut akan digantikan oleh gambar yang disorot. pengganti.
5. Klik tombol Telusuri dan pilih gambar yang ingin Anda ganti. Melalui event "onMouseOver", gambar 2 yang dipilih menggantikan gambar 1 yang asli.
6. Pilih pengaturan default untuk pemanggilan awal dan penyimpanan gambar.
Opsi "Pramuat Gambar" berarti bahwa ketika seluruh halaman diunduh, gambar yang diubah ditempatkan di cache browser. Saat pemirsa mengarahkan penunjuk mouse ke gambar Kisah Kita untuk pertama kalinya, dia hampir tidak dapat merasakan gambar yang disorot. Tidak ada penundaan dalam kemunculannya. Opsi "Pulihkan Gambar onMouseOut" berarti ketika peristiwa "onMouseOut" (mouse out) terjadi, gambar akan secara otomatis dikembalikan ke keadaan semula.
7. Setelah pengaturan selesai, klik tombol "OK" untuk menutup kotak dialog "Tukar Gambar" dan terapkan pengaturan sebelumnya.
Saat ini, panel Perilaku berisi peristiwa dan tindakan yang baru saja Anda atur untuk gambar. Ada tanda tindakan "Tukar Gambar" di sebelah acara "OnMouseOver", dan di atasnya ada acara "onMouseOut" dan tindakan "Tukar Gambar Pemulihan" yang sesuai (perilaku ini adalah saat Anda menerima default dalam dialog Tukar Gambar opsi kotak ditentukan).
8. Tutup panel Perilaku. Tekan F12 untuk melihat pratinjau halaman. Saat Anda menggerakkan penunjuk tetikus ke gambar 1, Anda akan menemukan bahwa gambar itu telah digantikan oleh gambar 2.
Contoh di atas hanyalah contoh penerapan sederhana dari Perilaku DW. Masih banyak kegunaan lainnya, jadi saya tidak akan menjelaskannya satu per satu di sini. Selain itu, DW juga memungkinkan pengguna untuk menggunakan perilaku yang diperluas, yang dapat diunduh dari beranda Macromedia.