Mapping dell'immagine è il processo di trasformare parte di un'immagine in un collegamento web attivo. Mentre siti come Facebook utilizzano Java script per fare questo, collegamenti di mappatura di immagini possono essere fatto tramite codice HTML pure. Ci vorrà la pratica al padrone, e si possono trovare te avendo un momento difficile, mettendo i link alla prima, ma con una certa esperienza che si può trasformare qualsiasi immagine in una directory di link per i visitatori del sito godere.

Seleziona la tua immagine

Mentre è tecnicamente possibile utilizzare qualsiasi immagine si desidera, si consiglia di utilizzare un'immagine con simboli identificabili che è possibile utilizzare come marcatori per i link. Indipendentemente dall'immagine che si sceglie di utilizzare, assicurarsi che è caricato sul server così che si può vedere e controllare il vostro progresso, come si tenta di eseguirne il mapping.

Determinare le coordinate immagine

Una volta che avete l'immagine selezionata, è necessario designare le zone che si desidera mappare i collegamenti a. Questo può essere fatto da uno dei tre modi. Per creare aree rettangolari, è necessario le coordinate degli angoli superiore sinistro e inferiore destro della casella. Aree circolari è necessario dare la dimensione del raggio, nonché il punto di coordinate che servirà come il centro del cerchio. Aree poligonali richiederà di avere le coordinate di ogni punto che si desidera avere la forma della zona.

Come ottenete le coordinate? Sarà necessario avere una programma come Photoshop di editing delle immagini. Se il vostro PC lavora su un sistema operativo Windows (sistema operativo), è possibile utilizzare Microsoft Paint per trovare tutte le coordinate di cui che avete bisogno per ogni immagine. Basta essere sicuri di scriverle per riferimento futuro.

Codice dell'immagine

Una volta che hai l'immagine e le coordinate che si desidera utilizzare per il tuo link alla mappa, è possibile scrivere il codice. Ogni mappa immagine richiederà un nome. Un esempio di questo, nel codice, sarebbe:

< nome mappa = "demand" >

"Domanda" è il nome della tua mappa. Da lì, è inserire il codice per ciascuno dei link mappa. Guarderanno come segue (poligonale usato come esempio):

< forma dell'area = "poligono" coords = "4, 8, 15, 16, 23, 42" href = "l'http://www.ehow.com" rel = "nofollow" >

Ripeterete questo codice, cambiando le coordinate come necessario, fino a quando è stata mappata l'immagine a proprio piacimento. Basta ricordare che una volta terminata la vostra immagine di mappatura, chiudere la mappa utilizzando il < / map > codice HTML.