In una pagina Web, una mappa immagine è un'immagine che contiene diversi link, o hotspot. Facendo clic sul link sulla mappa immagine porta l'utente a un'altra pagina o URL. È possibile utilizzare Adobe Dreamweaver, un programma di progettazione popolare pagina Web, per creare circolare, rettangolare e hotspot poligonale con strumenti di disegno del programma tramite hotspot. Per aggiungere un punto a un'area sensibile poligonale, utilizzare uno di questi strumenti sul posto nella mappa immagine dove si desidera aggiungere il nuovo punto.

Istruzioni

1

Aprire la pagina di Dreamweaver HTML contenente un'immagine da cui si desidera creare una mappa immagine, o creare una nuova pagina facendo clic sul menu "File" e scegliendo "Nuovo" per aprire una finestra di dialogo nuovo documento. Selezionare "HTML" nell'elenco tipo di Page, scegliere il layout desiderato dall'elenco "Layout", quindi clicca sul pulsante "Crea".

2

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

3

Fare clic nella pagina dove si desidera inserire una mappa immagine.

4

Fare clic sul menu "Inserisci" e scegliere "Immagine" per aprire la finestra di dialogo Seleziona immagine. Individuare il file di immagine, selezionarla e scegliere "OK". Verrà visualizzata la finestra di dialogo attributi di accessibilità Tag Image. Fare clic nel campo "Testo alternativo" e digitare un nome per l'immagine, ad esempio "Immagine mappa." Questa è la descrizione che l'utente vede quando passando un cursore sopra l'immagine.

5

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

6

Scegliere lo "strumento poligono Hotspot" - il quarto strumento-- nella sezione mappa del pannello Proprietà e cliccare sull'immagine desiderata per il primo punto del tuo hotspot di poligono. Dreamweaver crea il primo punto..--una piccola casella blu, o maniglia..--del poligono, quindi viene richiesto di denominare l'hotspot.

7

Fare 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 sorvolano l'area sensibile di un cursore. Digitare una descrizione significativa, ad esempio "Clicca qui per vedere il nostro ufficio di Los Angeles."

8

Cliccare sull'immagine desiderata per il secondo punto del tuo hotspot di poligono. Dreamweaver inserisce il secondo punto e disegna una linea che collega i due punti.

9

Cliccare sull'immagine desiderata per il terzo punto del tuo hotspot di poligono. Dreamweaver inserisce il terzo punto e crea il poligono, riempimento nella zona tra i tre punti. Creare ulteriori punti facendo clic sull'immagine desiderata per ogni nuovo punto. Dreamweaver consente di regolare la dimensione e la forma del poligono basato su cui è possibile inserire ogni nuovo punto.

Per aggiungere un punto a un'esistente, creato in precedenza poligono, lo strumento"puntatore Hotspot" - l'icona della freccia..--nella sezione mappa del pannello Proprietà, fare clic il poligono per selezionarlo. Selezionare lo "strumento poligono Hotspot", quindi fare click sull'immagine di cui si desidera aggiungere il nuovo punto.

Consigli & Avvertenze

• Creare hotspot come molti sulla mappa immagine come si desidera, utilizzando lo strumento di Hotspot poligono, lo strumento di Hotspot di rettangolo o lo strumento di Hotspot del cerchio.
• Regolare la dimensione e la forma del tuo hotspot con lo strumento puntatore di Hotspot. Selezionare lo strumento, quindi fare clic e trascinare i punti hotspot e riposizionarli come desiderato.
• Quando si carica la pagina Web contenente la mappa di immagine a un server Web, ricordatevi di caricare l'immagine che hai usato per creare la mappa immagine. In caso contrario, la mappa immagine non visualizzerà e funzionare correttamente.