In una pagina Web, una mappa immagine è un'immagine che contiene diversi link, o hotspot. Cliccando il link sulla mappa immagine porta l'utente ad un'altra pagina o un URL. È possibile utilizzare Adobe Dreamweaver, un popolare programma di progettazione pagina Web, per creare circolare, rettangolare e hotspot a forma di poligono con strumenti di disegno hotspot del programma. Per aggiungere un punto a un hotspot a forma di poligono, utilizzare uno di questi strumenti sul posto nella mappa dell'immagine in cui si desidera aggiungere il nuovo punto.

istruzione

1 Aprire la pagina di Dreamweaver HTML contenente un'immagine da cui si desidera creare una mappa immagine, oppure creare una nuova pagina facendo clic sul menu "File" e scegliendo "Nuovo" per aprire una finestra di dialogo Nuovo documento. Selezionare "HTML" nella pagina di riepilogo Tipo, scegliere il layout desiderato dall'elenco "Layout", quindi fare clic sul pulsante "Crea".

2 Fare clic sul menu "File" e scegliere "Salva con nome". Nome e salvare il file utilizzando la finestra di dialogo Salva.

3 Fare clic nella pagina in cui si desidera inserire una mappa immagine.

4 Fare clic sul menu "Inserisci" e scegliere "Immagine" per aprire la finestra di dialogo Seleziona origine immagine. Individuare il file immagine, selezionarlo e scegliere "OK". Questo apre la Tag Image Attributi di accessibilità finestra di dialogo. Fare clic nel campo "testo alternativo" e digitare un nome per l'immagine, come ad esempio "Mappa immagine." Questa è la descrizione che l'utente vede quando si passa il cursore sopra l'immagine.

5 Fai clic su "OK". Dreamweaver inserisce l'immagine nella pagina Web.

6 Fare clic sul "Punto attivo poligonale Tool" - il quarto strumento - nella sezione Mappa del pannello Proprietà e fate clic sull'immagine in cui si desidera che il primo punto del tuo hotspot poligono. Dreamweaver crea il primo punto - una piccola scatola blu, o la maniglia - del poligono, poi si chiede di assegnare un nome alla hotspot.

7 Fai clic su "OK". Fare clic nel campo "Alt" nel pannello Proprietà e digitare una descrizione per questo hotspot. Questo è il messaggio che l'utente vede quando si passa il cursore sopra l'hotspot. Digitare una descrizione significativa, come ad esempio "Clicca qui per vedere il nostro ufficio di Los Angeles."

8 Clicca l'immagine in cui si desidera che il secondo punto del tuo hotspot poligono. Dreamweaver inserisce il secondo punto e disegna una linea che collega i due punti.

9 Clicca l'immagine in cui si desidera che il terzo punto del tuo hotspot poligono. Dreamweaver inserisce il terzo punto e crea il poligono, riempiendo nella zona compresa tra i tre punti. Creare punti facendo clic nell'immagine in cui si desidera che ogni nuovo punto. Dreamweaver consente di regolare la dimensione e la forma del poligono in base a dove si inserisce ogni nuovo punto.

Per aggiungere un punto a una già esistente, poligono creato in precedenza, fare clic su "Pointer Hotspot Tool" - l'icona della freccia - nella sezione Mappa del pannello Proprietà, quindi fare clic sul poligono per selezionarla. Selezionare il "Poligono Hotspot Strumento", quindi fare clic sull'immagine in cui si desidera aggiungere il nuovo punto.

Consigli e avvertenze

• Creare il numero di hotspot sulla mappa della immagine che si desidera, utilizzando il Hotspot strumento Poligono, lo strumento Hotspot rettangolo o lo strumento Hotspot Circle.
• Regolare la dimensione e la forma dei vostri punti caldi con l'Hotspot strumento Puntatore. Selezionate lo strumento, quindi fare clic e trascinare i punti hotspot e riposizionare, se lo desideri.
• Quando si carica la pagina Web che contiene la mappa immagine a un server Web, ricordarsi di caricare l'immagine che hai utilizzato per creare la mappa immagine. In caso contrario, la mappa immagine non viene visualizzata e funzionare correttamente.