Una mappa immagine è un'immagine con hot spot (all'interno di una pagina web) che Linka da qualche altra parte. Anche se i programmi di immagine non sono così popolari oggi come lo erano in passato, è ancora possibile utilizzarli per collegare a un sito o una pagina / sezione all'interno del tuo sito web.

Creazione di una mappa immagine non è così difficile come sembra, e lo si può fare troppo. Basta seguire lungo come creiamo un insieme.

istruzione

1 Familiarizzare con i tag che vengono utilizzati per una mappa immagine:
<Nome della mappa>, che indica il nome della mappa
<Area shape = "rect">, <area shape = "poly">, <area shape = "cerchio"> o <area shape = "default">, che indica la forma del punto caldo per la vostra immagine ... rettangolo, poligono, cerchio o di default
coordinate, indicando le coordinate della forma
href, indicando l'indirizzo web del vostro collegamento ipertestuale
obiettivo (opzionale), che indica che la finestra tuo link viene aperto in
Titolo (facoltativo), che indica la punta strumento per la mappa su passaggio del mouse
alt (opzionale), che indica il testo alternativo per l'immagine al passaggio del mouse
E la sintassi per la mappa immagine sarà:
<Nome della mappa = "name_of_your_map">
<Area shape = "forma zona"

coords="0,0, etc..."
href="http://some-hyperlink.com"
target="targeted window, _self, _blank, ..."
title="some area title or tooltip"
alt="some image text" />

</ Map>

2 Studiare le coordinate per la forma selezionata per la mappa immagine (a seconda del caso):
coords rect = "x, y, x1, y1" (che indica gli angoli superiori a sinistra ea destra del rettangolo)
coords poli = "x, y, x1, y1, x2, y2, x3, Y3, etc." (Indicando gli angoli del poligono)
cerchio coords = "x, y, r" (che indica il centro di un cerchio e raggio)
coords default = "x, y, x1, y1" (che indica le aree non coperte da altre forme)

3 Individuare l'immagine che si desidera utilizzare per la mappa immagine o creare un'immagine del proprio nel software immagine preferita.

4 Vai al tuo editor di mappe (es., L'utilità di mappe online di QuikMap) e seguire le istruzioni per ottenere le coordinate per la mappa immagine.

5 Aprire un editor di testo e scorrere verso il basso per l'area che si desidera che appaia l'immagine.

6 Aggiungere una sintassi simile a un'immagine:
<Img usemap = "# name_of_your_map" />

7 Sostituire "immagini / immagine-name.jpg" con il nome dell'immagine e la posizione.

8 Sostituire l'attributo usemap, "#name_of_your_map" con il nome effettivo che avete dato la vostra mappa. Assicurati di includere il segno # prima del nome.

9 Incollare l'intera sintassi di carta (dal punto 1) nel codice HTML.

10 Sostituire gli attributi per nome, forma, coordinate, href, bersaglio, il titolo e alt tag con gli attributi corretti.

11 Utilizzare le coordinate dal vostro editor di mappe e aggiungerli alla zona coordinate forma nel codice HTML.

12 Test, salvare e pubblicare il proprio lavoro.