Tutorial singkat Dreamweaver 4 (8. Menambahkan efek interaktif ke halaman web)

Penulis：Eve Cole Waktu Pembaruan：2009-05-30 18:35:37

8. Tambahkan efek interaktif ke halaman web

Buat efek interaktif sederhana

Kita sering melihat efek ini di halaman web. Saat mouse bergerak di atas suatu gambar, gambar aslinya beralih ke gambar lain. Setelah mouse dipindahkan, gambar tersebut kembali ke tampilan aslinya. Di awal saya sebutkan bahwa salah satu kelebihan Dreamweaver dibandingkan Frontpage adalah Dreamweaver dapat membuat halaman web interaktif. Sekarang, kita akan menggunakan Dreamweaver untuk membuat efek interaktif paling sederhana - mengubah gambar.

Siapkan dua gambar dengan ukuran yang sama, satu gambar sebelum mouse digerakkan ke atas, dan satu lagi gambar setelah mouse digerakkan ke atas. Misalnya pada dua gambar berikut, gambar kiri berupa tombol timbul, dan gambar kanan gambar adalah tombol cekung:

Klik pada panel Objek

, Anda akan melihat kotak dialog berikut:

① Nama Gambar: Nama tag dari efek gambar yang diubah, Dreamweaver akan secara otomatis menetapkannya;

② Gambar Asli: Tentukan gambar asli (misalnya, ini gambar timbul)

③ Rollover Image: Menentukan gambar setelah mouse digerakkan ke atas (misalnya, ini gambar cekung);

④ Url: URL tautan gambar;

Misalnya, setelah menyelesaikan pengaturan seperti yang ditunjukkan di atas, tekan OK, lalu tekan F12 untuk melihat pratinjau efeknya.