Come Mappa un'immagine in Dreamweaver CS5

April 9

Come Mappa un'immagine in Dreamweaver CS5


La mappatura di un'immagine in Adobe Dreamweaver, un popolare programma di progettazione di pagine Web, si compone di punti caldi che creano, o collegamenti, su l'immagine che gli utenti fanno clic per navigare un sito web. Immagini mappati in questo modo sono chiamati "mappe immagine." È possibile creare una mappa immagine da qualsiasi immagine o fotografia si importa in una pagina HTML con strumenti di mappatura immagine di Dreamweaver.

istruzione

1 Aprire il file HTML in cui si desidera creare una mappa immagine in Dreamweaver, o iniziare una nuova pagina facendo clic sul menu "File" e poi scegliendo "Nuovo". Verrà visualizzata la finestra di dialogo Nuovo documento. Scegliere "HTML" dalla colonna Tipo, selezionare il layout di pagina desiderato dalla colonna Layout e quindi fare clic sul pulsante "Crea".

2 Fare clic sul menu "File" e scegliere "Salva con nome" per aprire la finestra di dialogo Salva. Nome e salvare il file della pagina Web.

3 Fare clic nella pagina in cui si desidera creare la mappa immagine per posizionare il cursore.

4 Fare clic sul menu "Inserisci" e scegliere "Immagine". Verrà visualizzata la finestra di dialogo Seleziona origine immagine.

5 Individuare il file grafico da cui si desidera creare una mappa immagine, selezionarlo e quindi fare clic sul pulsante "OK". Dreamweaver incorpora il grafico nella pagina Web.

6 Vai al pannello Proprietà e selezionare l'opzione "Rettangolo Hotspot strumento". È possibile utilizzare questo o uno degli altri - Circolo Hotspot o Poligono Hotspot - strumenti, a seconda della forma che si desidera rendere il vostro hotspot. Ad esempio, se l'immagine che si sta mappando contiene forme circolari che si desidera utilizzare come pulsanti, selezionare il "Circle Hotspot strumento".

7 Tenere premuto il pulsante del mouse e trascinare il cursore intorno alla zona dell'immagine che si desidera rendere cliccabile. Quando si rilascia il pulsante, Dreamweaver visualizza una zona ombreggiata verde dove avete disegnato. Questo è il primo hotspot nella mappa immagine.

8 Fare clic nel campo "Link" nel pannello Proprietà e digitare l'URL per questo hotspot.

9 Ripetere i passaggi 6 a 8 per ogni hotspot che si desidera creare.

Consigli e avvertenze

  • Quando si carica la pagina Web al server Web, non dimenticate di caricare il file di immagine. In caso contrario, la mappa immagine non viene visualizzata e funzionare correttamente.