Html 5


e) Harti de imagini

Sunt imagini care sunt „impartite” in mai multe zone, in functie de zona pe care se executa click, browserul afiseaza o alta pagina.
De exemplu, pe un site dedicat turismului am putea avea pe pagina principala o imagine care reprezinta harta tarii (in care definim zonele dupa conturul judetelor); in cazul unui click in zona Brasov se incarca o pagina care descrie diverse obiective turistice din judet si/sau contine o imagine a hartii judetului, pe care definim alte zone in jurul localitatilor, iar un click pe o localitate ar duce la alta pagina care descrie obiectivele turistice din localitate.
O harta de imagini ar putea fi folosita si pentru navigarea in cadrul unui site: daca avem mai multe butoane de navigare grupate se poate folosi o imagine care reprezinta toate butoanele – mai multe imagini se incarca mai incet decat o imagine cu dimensiunea egala cu suma celorlalte (kb) deoarece comunicarea cu serverul (cand se cere imaginea) se face o singura data.
Pana aici numai avantaje; dezavantajul major este ca un vizitator care are browserul setat sa nu incarce imagini pentru a naviga mai repede nu va intelege mai nimic (putem totusi folosi marcajul alt de specificare a textului alternativ pentru imagini).

Instructiune Atribute Descriere
< img atribute > marcaj de includere a imaginilor
ismap specifica faptul ca este o harta de imagine pe server (se foloseste mai rar; de obicei folosim harti de imagine la client)
usemap = ” nume_harta specifica harta de imagine la client
lowscr = ” url imaginea de rezolutie scazuta care se incarca prima (doar pentru Netscape)
< map atribute >
< / map >
specifica regiunile unei harti de imagine la client
name = ” nume_harta numele hartii de imagine (corespunzator atributului USEMAP al marcajului <IMG>)
< area atribute > defineste o regiune a unei harti de imagine
shape = ” forma forma regiunii: rect sau rectangle (dreptunghi), circle sau circ (cerc), point (punct), poly sau polygon (poligon)
!!! Netscape 4.51 nu a „inteles” decat circle, nu si circ
coords = ” coordonate coordonatele unei regiuni (in pixeli); se calculeaza in functie de coltul din stanga sus al imaginii (care are coordonatele (0, 0), adica x = 0, y = 0); variaza in functie de SHAPE = forma regiunii:
– pentru rect (dreptunghi) se dau coordonatele colturilor din stg. sus si dr. jos ale regiunii
– pentru circ (cerc) se dau coordonatele centrului cercului si raza
– pentru point (punct) se dau coordonatele punctului
– pentru poly (poligon) se dau coordonatele colturilor poligonului
href = ” url URL – ul asociat regiunii specificate din cadrul imaginii; in cazul unui clic pe acea regiune se incarca pagina specificata prin URL
alt = ” text textul alternativ asociat regiunii specificate din cadrul imaginii; apare plasand mouse-ul deasupra regiunii respective sau celor cu browserul setat sa nu incarce imagini
!!! Netscape 4.51 nu a afisat decat primul text dat cu alt

Un gând despre &8222;Html 5&8221;

  1. lol stai ca.i spun lu’ Dan sa vina repede sa mai invete cate ceva :)) 😛

Lasă un răspuns

Completează mai jos detaliile tale sau dă clic pe un icon pentru a te autentifica:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s