Daftar Isi:
- 1Buat gambar yang akan digunakan sebagai rollover.
- 2Letakkan kursor pada halaman di manapun Anda ingin rollover muncul dan pilih Insert → Image Objects → Rollover Image atau klik tombol Rollover Image pada panel Insert.
- 3 Ketikkan nama gambar tanpa spasi di kolom Teks Nama Gambar.
- 4Klik tombol Browse di sebelah kanan kolom gambar Original dan Rollover Image untuk mencari gambar yang ingin Anda tampilkan sebagai default pada halaman.
- 5Leave kotak centang Preload Rollover Image yang dipilih.
- 6Type teks ala deskriptif yang tepat.
- 7Dalam Ketika Diklik, Masuk ke kolom teks URL, beri tahu Dreamweaver tempat pemirsa diarahkan saat mereka mengeklik gambar pengguliran Anda.
- 8Klik OK.
- 9Untuk melihat pratinjau gambar rollover baru, pilih File → Preview in Browser atau klik tombol Live View pada toolbar Dokumen.
Video: D'FORCE Learning : Cara Guna "Rollover Image" Dalam Adobe Dreamweaver 2024
Di Adobe Dreamweaver CS6, Anda dapat menyisipkan objek gambar, termasuk placeholder gambar, gambar rollover (gambar yang berubah saat gulungan penampil mouse di atas gambar), bar navigasi, dan HTML Fireworks. Anda mengakses objek gambar ini dengan memilih Insert → Image Objects.
Untuk membuat gambar rollover, ikuti langkah-langkah ini:
1Buat gambar yang akan digunakan sebagai rollover.
Anda dapat membuat gambar ini di Fireworks, Illustrator, Photoshop, atau aplikasi lain yang mampu menyimpan gambar yang dioptimalkan untuk web. Untuk hasil terbaik, buatlah gambar dengan lebar dan tinggi yang sama persis.
2Letakkan kursor pada halaman di manapun Anda ingin rollover muncul dan pilih Insert → Image Objects → Rollover Image atau klik tombol Rollover Image pada panel Insert.
Kotak dialog Insert Rollover Image akan muncul.
3 Ketikkan nama gambar tanpa spasi di kolom Teks Nama Gambar.
Nama ini digunakan dalam naskah yang menciptakan rollover.
4Klik tombol Browse di sebelah kanan kolom gambar Original dan Rollover Image untuk mencari gambar yang ingin Anda tampilkan sebagai default pada halaman.
Gambar hanya muncul saat seseorang mengarahkan penunjuk mouse ke atas gambar.
5Leave kotak centang Preload Rollover Image yang dipilih.
Opsi ini mendownload gambar rollover saat halaman diunduh untuk menghindari penundaan peluncuran.
6Type teks ala deskriptif yang tepat.
Tentu saja, Anda akan mengetikkannya di kolom Alt text.
7Dalam Ketika Diklik, Masuk ke kolom teks URL, beri tahu Dreamweaver tempat pemirsa diarahkan saat mereka mengeklik gambar pengguliran Anda.
Anda dapat mengklik tombol Browse untuk menemukan halaman lain di situs Anda atau memasukkan URL.
Jika Anda menautkan ke situs web yang berbeda, Anda harus menyertakan awalan // di awal URL. Jika Anda membiarkan ini kosong, Dreamweaver akan menambahkan link mati (#) secara otomatis.
8Klik OK.
Gambar rollover dibuat di halaman.
9Untuk melihat pratinjau gambar rollover baru, pilih File → Preview in Browser atau klik tombol Live View pada toolbar Dokumen.
Jika Anda belum memiliki tautan nyata untuk digunakan pada tombol atau hyperlink, Anda dapat memasukkan tanda pound (#) untuk membuat tautan mati. Link atau tombolnya bisa diklik tapi tidak ke mana-mana saat diklik. Pilihan ini lebih baik daripada menekan space bar untuk membuat ruang kosong sebagai link, karena link tersebut akan menampilkan kesalahan Page Not Found saat diklik.
