Una mappa immagine è un'immagine con aree cliccabili, che puntano a una pagina diversa sul tuo sito web o un altro sito web. È possibile scegliere un cerchio, rettangolo, poligono o la forma predefinita per l'area cliccabile. Avrete bisogno di avere le corrette coordinate della mappa per fare una mappa immagine. Trovare le coordinate può essere difficile. Grazie a strumenti online, è possibile generare le coordinate per la mappa immagine automaticamente e aggiungerli al tuo Hypertext Markup Language (HTML) del codice.

istruzione

Utilizzo di Image Map Generator

1 Utilizzare un generatore di mappe online di vostra scelta, come immagine-mappe mobile pesce o Pangloss per generare il codice per l'immagine della mappa.

2 Carica l'immagine che si desidera convertire (o aggiungere l'indirizzo del sito in cui si trova l'immagine) al generatore. Aggiungere punti in cui verranno aggiunti i link.

3 Copiare il codice generato. Quindi aprire il file HTML in cui la mappa immagine andrà e incolla il codice in cui viene visualizzata la mappa.

4 Fare clic su "File" e "Salva".

utilizzando HTML

5 Utilizzare una mappa online per generare le coordinate per la mappa immagine (vedi sotto Risorse). Quindi aprire il file HTML in cui verrà posizionato la mappa immagine.

6 Copiare il codice seguente (derivato da W3 Schools) e incollarlo dove si vuole la mappa immagine appaia:

<Img usemap = "# MapName" />

<Map name = "MapName">
<area shape = coordinate "rect" = "0,0,0,0" href = "http://yourwebsite.com/link1.html" alt = "Link 1" />
<Area shape = "cerchio" coords = "0,0,0" href = "http://yourwebsite.com/link2.html" alt = "Link 2" />
</ Map>

7 Sostituire "MapName" nel codice con il nome della mappa immagine, e aggiornare le coordinate con le coordinate generati. Modificare gli indirizzi di siti web per i collegamenti corretti e la forma mappa immagine ( "rect" e "cerchio") per la forma corretta.

8 Salvare il lavoro.