Pemrograman Web(1)

PEMROGRAMAN WEB SEMESTER 1
14. Kegiatan Belajar 14 : Format Tampilan Gambar dengan Map
dalam
a. Tujuan Pembelajaran
Setelah mengikuti kegiatan belajar 14 ini Peserta Didik diharapkan dapat :
1) Memahami format tampilan gambar dengan map
2) Menyajikan tampilan gambar dengan map
b. Uraian Materi
Format gambar yang ditambahkan dalam dokumen HTML, diantaranya
format GIF, JPEG, PNG. Untuk menambahkan gambar kedalam
dokumen HTML digunakan tag dengan dilengkapi atribut img. Atribut tag
yang sering digunakan diantaranya src, align, width, height, alt dan
penulisan skrip secara umum adalah sebagai berikut :
Gambar dengan map memungkinkan untuk memasang beberapa link dalam
satu gambar. Hal tersebut memudahkan kita dalam memanggil sebuah halaman
web dengan hanya menempatkan sekelompok gambar menjadi satu gambar.
Untuk membuat image map, harus ditambahkan atribut USEMAP pada tag
image.
Tampilan gambar dengan map merupakan suatu area pada gambar /image
yang dapat diberi hyperlink area yang biasanya disebut ”hotspots”. Koordinatnya
gambar ditentukan menggunakan bidang geometri seperti rectangle, polygon dan
lain sebagainya. Map sendiri dapat diartikan sebagai peta. Untuk membuat
image map digunakan tag dan .
Perintah dapat didukung oleh pelbagai browser, diantaranya
internet explorer, mozilla firefox, opera, google chrome maupun safari.
Gambar 14.1 browser yan mendukung tag
.
164 | P a g e