Creare una mappa cliccabile con dreamweaver

Oggi vediamo come creare una mappa cliccabile proprio come quella dei siti di annunci con la cartina dell’italia cliccabile, c’\u00e8 l’avete presente?. Rendere un immagine cliccabile \u00e8 molto semplice, basta inserire un codice html come questo:\n

<a href=\"immagine.html\"><img src=\"immagine.jpg\" border=\"0\"><\/a>\n

ma appunto se l’immagine \u00e8 una cartina dell’italia e ogni regione deve essere cliccabile le cose si complicano, per questo motivo sar\u00e0 necessario creare delle mappe cliccabili grazie a dei tag html.\n

I principali tag html per far questo sono:\n

map – crea la mappa con riferimento all’immagine da mappare;
\n– area – crea le aree sensibili al click del mouse;
\n– img – visualizza l’immagine da mappare, con riferimento alla mappa.\n

Un esempio di codice di una mappa cliccabile \u00e8 questo:\n

<map name=”Map”>
\n <area shape=”poly” coords=”126,158,300,184,293,293,115,268″ href=”#”>
\n <area shape=”poly” coords=”286,139,196,132,204,50,292,59″ href=”#”>
\n <area shape=”poly” coords=”277,354,1,303,17,436,250,476″ href=”#”>
\n <area shape=”poly” coords=”79,299,53,272,52,177,121,85,120,275″ href=”#”>
\n <\/map>\n

Vediamo nel dettaglio a cosa servono questi codici:\n

La mappa viene contenuta dentro i tag map a cui gli viene associato un nome, all’interno dei tag map potete trovare i tag area che a loro volta contengono gli attributi
\nhref – per il collegamento dei link;
\nshape – accetta il nome della forma dell’area cliccabile, ovvero:
\nrect – area quadrata;
\ncircle – area circolare;
\npolygon – poligono
\ncoords – accetta le coordinate dell’area cliccabile, separate da una virgola.\n

Al tag img viene associato l’attributo usemap che ha il nome della mappa preceduto da un cancelletto (#). Purtroppo non \u00e8 semplicissimo capire il meccanismo delle mappe cliccabili ma a questo ci vengno incontro dei software come il gratuito TomaWeb Image Mapper oppure i pi\u00f9 conosciuti frontpage o dreamweaver.\n

\n

\n"watch full Get Out 2017 film