Hri de imagini

n HTML putem folosi elementul <MAP> pentru a crea zone

active pe o imagine
Pentru o hart imagine vei insera mai nti n pagina Web o
imagine cu:

<IMG src=harta.jpg usemap=#nume_harta>

Apoi vei crea zone active cu :

<MAP name=nume_harta>
<AREA shape=rect|circle|poly href=doc
coords=descriere_coordonate_zona alt=text>
...</MAP>
Pentru fiecare zon activ vei folosi un element AREA

Descrirea elementului AREA

Atributul Shape descrie tipul regiunii

- pentru rect coords=x1,y1,x2,y2 coordonatele a 2 coluri
opuse
- pentru circle coords=xc,yc,R coordonatele centrului i
raza
- pentru poly coords=x1,y1,x2,y2,x3,y3,...,xn,yn o
succesiune de perechi de coordonate reprezentnd vrfurile
poligonului
Exemplu:
Prin
atributul
href se precizeaz
numele documentului
<IMG
src=milkyway.jpg
usemap=#harta>
deschis
la click
<MAP name=harta>
<AREA shape=circle coords=100,80,20 href=earth.h
<AREA shape=circle coords=120,80,20 href=venus.h
</MAP>

Exerciiu
Folosii resursele primite pentru a realiza o
hart de imagini folosind o poz cu calea lactee
i planetele Sistemului solar
Fiecare planet va avea o zon activ
Sub hart vei pune un iframe n care se vor
deschide paginile corespunztoare planetelor
Formatai margini, background folosind
elemente CSS
Creai o galerie de imagini folosind un
JavaScript din resurse(spacegallery).
Personalizai folosind imagini sugestive