Le mappe immagine consentire al progettista della pagina web per spezzare un'immagine in parti, ciascuna delle quali ha un comportamento diverso quando selezionato, come il salto ad un un'altra pagina.

istruzione

Definire una mappa immagine con HTML

1 Creare uno scheletro per la mappa immagine da qualche parte sulla tua pagina web inserendo il seguente sintassi HTML. Il nome è necessario fare riferimento alla mappa dall'immagine stessa.

2 Posizionare AREA elementi all'interno del MAP creato nel passaggio precedente, una per ogni zona cliccabile nell'immagine. Il formato per gli AREA elements is:
AREA elements is:


3 Specificare la forma per ogni AREA elemento assegnando il SHAPE attribuire un valore di RECT, cerchio, o poli.

4 Specificare le coordinate di ogni elemento AREA assegnando i COORDS attribuiscono un valore di un elenco di coordinate separati da virgole. Per RECT, specificare a sinistra, in alto, a destra, e in basso; per CIRCLE, specificano del centro x-coordinate, la sua coordinata y, e il raggio; per POLY, specificare una serie di coordinate X e Y.

5 Specificare la destinazione per andare a quando l'utente fa clic su ogni elemento AREA assegnando l'attributo HREF un valore URL, come ad esempio mypage.html .

6 Aggiungere l'attributo USEMAP per l'immagine che si sta mappando dire al browser che mappa da utilizzare per quell'immagine. esempio:

Consigli e avvertenze

• È estremamente laboriosa per creare una mappa immagine mano. Si sta bene a scaricare alcuni software che ti aiuta a fare questo visivamente, piuttosto che testualmente.