Langkah 3: Setelah memilih gambar, aktifkan panel perilaku melalui perintah "Windows→Behaviors", klik tombol "+" dan pilih item "Show-Hide Layers". Pilih lapisan yang ingin ditampilkan di jendela pop-up, lalu klik tombol "Tampilkan" di bagian bawah. Setelah konfirmasi, acara tambahan bernama onMouseOver akan muncul di panel perilaku. Pada saat ini, klik tombol "+" dan klik untuk memilih item "OnMouseOver", sehingga ketika mouse diletakkan pada gambar, lapisan dapat ditampilkan, yaitu penjelasan teks mengambang dapat muncul.
Langkah 4: Ikuti langkah 3 untuk menambahkan acara "Sembunyikan" ke lapisan tadi, dan atur perilaku ke "OnMouseOut" sehingga lapisan dapat disembunyikan ketika mouse dilepas.
Setelah menyelesaikan operasi di atas, tekan tombol "F12" untuk membuka browser IE untuk pratinjau. Saat mouse bergerak di atas gambar, kata-kata prompt yang telah ditetapkan akan muncul, dan ketika mouse menjauh dari gambar, kata-kata tersebut akan muncul secara otomatis. tersembunyi.
Secara otomatis mengubah ukuran jendela Beberapa halaman web juga akan menyesuaikan ukuran halaman web saat mengubah ukuran jendela. Oleh karena itu, jika jendela terlalu besar, tidak akan ada ruang kosong, dan jika jendela terlalu kecil, bilah bergerak tidak akan keluar dari tepinya. Untuk fungsi penyesuaian ukuran halaman otomatis ini, Di Dreamweaver MX 2004, Anda dapat merujuk ke langkah-langkah berikut untuk mencapainya dengan mudah.
Langkah pertama adalah membuat halaman baru, lalu menyisipkan tabel dengan satu baris dan tiga kolom melalui perintah "Sisipkan→Tabel". Saat ini, Anda dapat mengabaikan lebarnya dan membiarkannya meregang secara otomatis agar sesuai dengan jendela browser pengaturan berikut.
Pada langkah kedua, Anda dapat melihat bahwa lebar setiap sel ditandai dan terdapat segitiga kecil di bagian bawah (Gambar 3). Pada form ini, Anda dapat mengatur bagian mana yang perlu diperbaiki, namun hanya satu kolom yang dapat diregangkan secara otomatis. Misalnya, di sini kita mengatur kolom terakhir agar otomatis meregang seiring dengan perubahan ukuran jendela.
Gambar 03 Langkah ketiga adalah memilih kolom terakhir, jalankan perintah "View→Table Mode→Layout Mode", dan pilih item "Make Column Autostrach" di menu pop-up (Gambar 4).
Gambar 04 Pada langkah keempat, sebuah kotak dialog akan muncul, dan akan meminta bahwa untuk meregangkan baris, Dreamweaver perlu menempatkan beberapa gambar spacer di kolom lain. Pilih opsi "Buat file gambar spacer" di sini, sehingga gambarnya tidak akan muncul di jendela browser. Ini ditampilkan, tetapi memainkan peran tabel tetap.
Setelah mengonfirmasi pada langkah 5, kembali ke jendela pengeditan asli. Anda dapat melihat bahwa kolom terakhir secara otomatis membentang untuk memenuhi seluruh jendela browser, sedangkan dua kolom lainnya mempertahankan lebar tetap.
Tip: Jika Anda mengatur kolom agar meregang secara otomatis, Anda dapat melihat garis bergelombang di bagian atas kolom.
Setelah menyelesaikan operasi di atas, saat melihat pratinjau efek halaman di browser IE, jika Anda mengubah ukuran jendela, lebar kolom terakhir juga akan berubah, sedangkan lebar dua kolom pertama tidak akan berubah, sehingga jendela dapat disesuaikan secara otomatis.
Di atas hanya memperkenalkan beberapa metode fungsi perilaku di Dreamweaver MX 2004. Kombinasi perilaku dan lapisan yang fleksibel juga dapat mewujudkan fungsi seperti gambar dinamis, lapisan yang dapat diseret, dll., membuat beranda Anda terlihat lebih kaya warna!
