Teks/Chen Xiufeng
Saat Anda membuka halaman web dengan gambar, terkadang Anda akan melihat situasi ini: ketika mouse menunjuk ke bagian gambar yang berbeda, Anda dapat membuka hyperlink yang berbeda. Teknologi ini disebut - zona panas gambar halaman web.
Mari kita ambil Dreamweaver MX dan FrontPage 2003 sebagai contoh untuk melihat proses spesifik pembuatan hotspot gambar halaman web.
1. Buat hotspot untuk gambar di Dreamweaver MX
1. Mulai Dreamweaver MX (ikuti instruksi untuk versi lain), buka file halaman web di mana Anda perlu membuat hotspot untuk gambar, pilih gambar yang sesuai, dan "Properti" panel akan secara otomatis beralih ke status "Properti Gambar" (Gambar 1).
2. Pilih jenis area panas (seperti "elips"), lalu seret pada gambar untuk membuat area panas (lihat Gambar 1)
Gambar 1
Catatan: Zona panas sama dengan menambahkan lapisan grafis ke gambar. Sama seperti mengatur gambar, ukuran dan posisi zona panas dapat disesuaikan dengan mouse.
3. Masukkan URL yang akan ditautkan ke dalam kotak di sebelah kanan "Tautan" (seperti "http://www.yesky.com"); masukkan beberapa karakter penjelasan di kotak setelah "Pengganti" (seperti "Tianji .com" ); tekan tombol drop-down di sebelah kanan "Target" dan pilih cara untuk membuka halaman tertaut di daftar drop-down yang muncul (jika Anda ingin halaman tertaut terbuka di jendela baru, pilih opsi "_blank").
Catatan: Karakter yang dimasukkan dalam kotak "Ganti" akan ditampilkan pada halaman ketika mouse menunjuk ke hot spot saat menjelajahi halaman web (Gambar 2).
Gambar 2
4. Ulangi langkah 2 dan 3 di atas untuk membuat beberapa hot spot di berbagai bagian gambar.
2. Membuat hot spot untuk gambar di FrontPage2003
1. Mulai FrontPage2003 dan buka file halaman web yang perlu membuat hot spot untuk gambar.
2. Jalankan perintah "View→Toolbar→Picture" untuk memperluas toolbar "Picture" (Gambar 3)
Gambar 3
3. Pilih jenis area panas (seperti "persegi panjang"), lalu seret area panas pada gambar. Pada saat ini, sistem akan secara otomatis memunculkan kotak dialog "Sisipkan Hyperlink" (Gambar 4).
Gambar 4
4. Masukkan URL yang akan ditautkan di bilah "Alamat" (seperti "www.yesky.com"); klik tombol "Tips Layar" untuk membuka kotak dialog "Setel Tip Hyperlink Layar" (Gambar 5) , masukkan beberapa karakter Deskripsi (seperti "天极网").
Gambar 5
Catatan: "Tips Layar" di sini sama dengan fungsi "Alternatif" Dreamweaver MX.
4. Dengan cara yang sama, ulangi langkah 3 dan 4 di atas untuk membuat beberapa hot spot di berbagai bagian gambar.