Vediamo qui come realizzare la mappatura di una immagine, ovvero rendere linkabile una o più parti di una unica immagine principale.

Prendiamo per esempio la mia spash home e vediamo come con pochi passaggi creo 2 link diversi sulle due immagini raffigurate all'interno del monitor:

 

1) apriamo in Dreamweaver una nuova pagina HTML ed inseriamo l'immagine che dobbiamo mappare.

2) Una volta aperta l'immagine clicchiamo sull'immagine stessa per attivare le funzioni di proprietà dell'immagine e noi andremo a lavorare sulla parte riguardante la mappatura come evidenziato in rosso
3) Adesso scegliamo, cliccandoci, la prima figura a destra "strumento punto attivo poligono" inquadrata nel circolino rosso e clicchiamo quindi, col cursore i 3 angoli del triangolo che compone la parte dell'immagine che dobbiamo linkare, il risultato sarà la nostra area velata di verde

 

4) A questo punto l'immagine è mappata e basta inserire il link, nell'area di collegamento evidenziata di rosso, a cui il triangolo selezionato deve poi fare riferimento.

Per passare poi a linkare l'altro triangolo, basta prima clikkare sun un punto qualsiasi dell'immagine fuori dall'area verde della prima mappatura, quindi ripetere i passaggi dal punto 3).

Terminato il lavoro spedite la pagina al sito ed il gioco è fatto. Il risultato finale della nostra mappatura è questo RISULTATO MAPPATURA Semplice no?