Format Image Insert Image ke Document Image Map Pengenalan Form

2 6 V . I m a g e

A. Format Image

Ada banyak format image, tapi ada tiga jenis format yang paling sering di gunakan : ‰ GI F Graphical I nterchange Format .GI F ‰ JPEG Joint Photographic Expert I mage .JPG ‰ PNG Portable Network Graphics

B. Insert Image ke Document

Tag I MG di gunakan untuk menginsertkan image ke document HTML. Syntax nya: IMG SRC = “URL” html head titleWorking with Imagetitle head body img src=Dog.gif body html Attribute Value Description Align Center | justify | left | right | Baseline | top | bottom | middle ƒ Top, bottom, middle digunakan untuk menentukan posisi image terhadap text ƒ Left, right, center untuk menentukan posisi image di document html head titleWorking with Imagetitle head body pimg src=Dog.gif height=100 width=100 Default alignment at the bottomp pimg src=Dog.gif height=100 width=100 align=topAligned at Topp pimg src=Dog.gif height=100 width=100 align=middleAligned at Middlep body 2 7 html

C. Image Map

Anda bisa gunakan image yang ada pada website anda untuk membuat image map. I mage map yaitu suatu area pada image yang bisa kita beri hyperlink area ini biasanya disebut “hot spots”. Coordinat dari hotspot ditentukan menggunakan bidang geometry seperti rectangle, polygon dan lainya. Shape Description Default Semua area image Rect AREA KOTAK TERTENTU Circle AREA LINGKARAN TERTENTU Poly AREA POLYGON 2 8 Coordinat dari object relatif terhadap pojok kirai atas image. Coordinate Value Rect Left-x, top-y, right-x, bottom-y Circle CENTER-X, CENTER-Y, RADIUS Poly X1, Y1, X2, Y2, … XN, YN Contoh: html head titleCreating Hotspottitle head body img src=Starry.gif width=400 height=200 border=0 usemap=Map map name=Map area shape=rect coords=0,0,200,100 href=file1.htm alt=kotak link area shape=circle coords=354,41,36 href=file2.htm alt=lingkaran link area shape=poly coords=58,102,97,101,110,134, 119,119,177,195,69,196, 47,162,62,143 href= map body html 2 9 V I . Fo r m

A. Pengenalan Form

Ke gu na a n For m Berikut ini beberapa contoh kegunaan Form dalam web: ‰ memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. ‰ memperoleh informasi pembelian secara online ‰ memperoleh feedback dari user mengenai website anda. For m Ele m e n t Tag FORM digunakan untuk membuat form dalam document HTML. Attribute Description ACCEPT Mendefinisikan MI ME yang di izinkan oleh server yang memuat script untuk memproses form. Syntax: ACCEPT= ”I nternet Media Type” METHOD Menentukan bagaimana data akan di kirim ke server. GET – data akan di kirim dengan menggunakan query string pada URL. POST – data akan di kirim ke server sebagai block data ke script. Syntax: METHOD= ”POST| GET” ACKTI ON Menentukan lokasi dari script yang akan memproses data dari form Syntax: ACTI ON= ”URL”

B. HTML Input Element