1 / 6

HĂRȚI DE IMAGINI

HĂRȚI DE IMAGINI. Crearea hărții de imagini. se adaugă în interiorul tag-ului " <img> " atributul " usemap " a cărui valoare reprezintă numele hărții, apoi se începe formarea hărții prin elementul: <map name="nume_harta"> </map>

cody-wilkinson
Download Presentation

HĂRȚI DE IMAGINI

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HĂRȚI DE IMAGINI

  2. Crearea hărții de imagini • se adaugă în interiorul tag-ului "<img>" atributul "usemap" a cărui valoare reprezintă numele hărții, apoi se începe formarea hărții prin elementul: • <map name="nume_harta"> </map> • - unde pt. "nume_harta" a atributului "name" se folosește același cuvânt adăugat la "usemap"- în cadrul acestuia se adaugă elemente • <area atribute> • - acestea definesc zonele hărții imaginii și forma acestora (prin valorile atributelor),- numărul de elemente "AREA" reprezintă numărul de suprafețe (cu link-uri specifice) în care este "impartita" imaginea.

  3. Exemplu • <img src="poza.jpg" usemap="#map1"> <map name="map1">  <area shape="rect" coords="9, 120, 56, 149" href="url">  <area shape="rect" coords="100, 200, 156, 249" href="url"></map>

  4. Atribute și descriere

  5. Exemplu • In aceasta imagine avem trei zone distincte: dreptunghi, cerc si romb (poligon); pe care, prin codurile HTML de creare a hartii de imagini, le-am definit sa fie tratate ca zone diferite, separate, si cand dam click pe ele, fiecare deschide cate o pagina diferita (sugerata de numele din zona respectiva).

  6. Cod exemplu <div align="center"><img src="image_map.gif" alt="Harta de imagini" border="0" width="300" height="300" usemap="#map1"><map name="map1">  <area      href="dir/contact.php" alt="Date de contact" title="Date de contact"shape="rect" coords="6,116,97,184">  <area      href="curs.html" alt="Curs HTML" title="Curs HTML"shape="circle" coords="251,143,47">  <area      href="../index.html" alt="Pagina principala" title="Pagina principala"shape="poly" coords="150,217, 190,257, 150,297,110,257"></map></div>

More Related