Mappe sensibili in HTML
Nel linguaggio HTML possiamo creare dei link attraverso delle mappe sensibili. Si tratta di alcune immagin che possono essere utilizzate per creare dei link ad altre pagine individuano delle zone di forme diverse con delle figure rettangolari, cerchio o poligono. Basta aprire l'immagine scelta con paint per individuare le coordinate dei punti.
Ad esempio per la forma rettangolare individuate le coordinate dello spigolo in alto a sinistra del rettangolo e dello spigolo in basso a sinistra sempre del rettangolo potremmo avere queste coordinate:
shape="rect" coords="79, 353, 150, 490"
dove
shape="rect" significa forma rettangolare
coords="79, 353, 150, 490" sono le coordinate dei punti P1 (79,353) in alto a sinistra e P2(150,490) in basso a destra.
oppure se scegliamo la forma del cerchio possiam avere le seguenti coordinate
shape="circle" coords="166,112,40"
dove
shape="circle" significa forma circolare
coords="166,112,40"
significa: il centro del cerchio ha coordinate 166,112 mentre il raggio è di 40 pixel
Ma vediamo adesso il file scritto in HTML e i vari comandi, o tag, per creare la mappa sensibile.
Ho scelto la mappa delle regioni italiane ed ho individuato le quattro zone cliccabili che corrispondono alle regioni: Lombardia, Marche, Sardegna, Sicilia ottenendo i vari link alle pagine indicanti le caratteristiche delle quattro regioni.
Naturalmente si potrebbe fare anche la mappatura di tutte le regioni d'italia, che lasci a voi come esercizio.
L'effetto che si ottiene scrivendo il file precedente in HTML è il seguente.