Come realizzare una imagemap o mapa del immagine.

In questa lezione vediamo come creare una mappa di immagine. In questo ci aiuteranno del tag del linguaggio html. Vediamo subito un esempio per capire meglio di che cosa sto parlando. Forse non sapevi nemmeno che una cosa del genere potrai realizzare molto facilmente su una pagina web del tuo sito.

Se devi creare una mappa interattiva potrai utilizzare questo trucco. Potrai collegare varie arie della mappa o di una semplice immagine a diversi link per far vedere magari in una finestra pop-up suggerimenti riguardo questi elementi. Come esempio posiamo prendere Gardaland dove su una cartina interattiva cliccando su varieattarzioni appaiono delle descrizioni.

Prova di spostare il tuo puntatore sulla regione di Umbria e vedrai che appare subito una mano quindi questa zona e cliccabile e se lo sposti fuori regione diventerà un semplice puntatore.

bivio Umbria

Scopri come realizzare una cosa del genere guardando nostro videotutorial  dal corso dedicato al linguaggio HTML

animatedDude

video prevui

E come esempio vediamo la mappa di Gardaland nella versione ridotta dove ho indicato solo la "Giostra cavalli ". Trovandola sulla nostra immagine potrai non solo capire la sua posizione nel parco ma cliccandola passerai sulla pagina con descrizione e immagini.

La immagine è stata inserita solo con lo scopo informativo.

Prova di trovare la giostra spostandosi con il mouse tra i cerchi

mappa park

E come hai capito le occasioni del utilizzo sono tanti.

Letto 970 volte

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso