Le mappe d'immagine sono delle mappe costituite da un'immagine sulla cui area sono disposti diversi link.
Per creare una mappa di immagine cliccabile dobbiamo utilizzare diversi comandi HTML:
•
map - genera la mappa con riferimento all'immagine da mappare;
•
area - genera le aree sensibili al click del mouse;
•
img - visualizza l'immagine da mappare, con riferimento alla mappa.
Esempio:
HTML
<map name="MiaMappa">
<area href="pag_1.html" shape="rect" coords="100, 200, 300, 400">
<area href="pag_2.html" shape="rect" coords="500, 600, 700, 800">
</map>
<img src="miafoto.jpg" usemap="#MiaMappa" border="0">
Analizziamo adesso nel dettaglio la struttura ed il funzionamento del sistema.
La mappa è contenuta all'interno del tag
map a cui viene assegnato un nome. All'interno troviamo i tag
area a cui vengono passati i seguenti attributi:
href - riferimento ipertestuale, classico di un generico link;
shape - accetta il nome della forma dell'area cliccabile, ovvero:
•
rect - area quadrata;
•
circle - area circolare;
•
polygon - poligono, ovvero area di qualsiasi forma (ad esempio i confini di una regione od una forma non quadrata o circolare).
coords - accetta le coordinate dell'area cliccabile, separate da una virgola.
Al tag
img viene associato l'attributo
usemap (
mappa da utilizzare) che accetta il nome della mappa (contenuto nella proprietà "name" del tag "map") preceduto da un cancelletto (#).
Il vero problema delle mappe d'immagine è individuare le coordinate dell'area cliccabile. Si consiglia di utilizzare un qualsiasi editor o software che generi immagini cliccabili per il Web e poi pulire ed adattare il codice alle proprie esigenze.
Tool Consigliato:
TomaWeb I...Read the whole post...
Ultimi Tutorial