Video: CARA MEMBUAT SQUISHY BUBU THE CLOUD HOMEMADE 2024
Untuk menambahkan efek dan interaktivitas yang keren, Anda dapat menggunakan built- dalam Adobe Dreamweaver CS6 perilaku, kumpulan skrip siap pakai yang dapat Anda terapkan ke hampir semua elemen pada halaman. Bila digunakan dengan DIV atau wadah lainnya, perilaku dapat meningkatkannya dengan efek khusus atau interaksi mouse (seperti klik dan pengguliran) untuk membuat halaman lebih menarik.
Panel Perilaku menampilkan seperangkat efek baru, seperti Fade / Appear, Shrink, Highlight, Slide, dan banyak lagi - yang semuanya dapat Anda aplikasikan ke AP Divs yang Anda buat.
Anda dapat menambahkan perilaku dengan mengikuti langkah-langkah berikut:
-
Pilih Window → Behaviors untuk membuka panel Behaviors.
-
Pilih DIV dengan menggunakan panel AP Elements atau pilih elemen langsung pada halaman.
-
Di panel Behaviors, klik tanda tambah.
Menu perilaku yang tersedia muncul.
-
Dari menu, pilih perilaku yang ingin Anda terapkan.
Misalnya, untuk menerapkan efek pudar, pilih Effects → Appear / Fade.
Kotak dialog Appear / Fade akan terbuka.
-
Pastikan pengaktiannya disetel ke Fade dan pilih kotak centang Toggle Effect untuk memastikan kotak itu muncul kembali saat diklik untuk kedua kalinya. Kemudian klik OK.
Perilaku ditambahkan ke daftar. Ungkapan onClick di sebelah kiri menunjukkan bahwa tindakan ini terjadi saat kotak diklik.
-
Pilih File → Save untuk menyimpan halaman.
Untuk melihat efeknya dalam tindakan, lihat pratinjau halaman di browser.
-
Pilih File → Preview in Browser dan pilih browser untuk meluncurkan halaman.
Saat Anda menguji halaman, mengklik kotak membuatnya hilang atau muncul kembali - sangat menyenangkan bagi Anda dan sangat interaktif bagi pengguna!
Jika browser Anda membatasi halaman web dari menjalankan skrip atau kontrol ActiveX, klik pesan di bagian atas jendela browser dan pilih Allow Blocked Content untuk menguji perilaku baru dengan benar.
Bila efek perilaku digunakan, Dreamweaver perlu menyalin ke beberapa file lokal Anda yang memungkinkan efeknya.
