Come creare punti caldi in Dreamweaver CS5

February 5

Se si dispone di una grande immagine nella pagina Web, è possibile creare una mappa immagine e aggiungere aree cliccabili, noti come "punti caldi", che consentono di collegare a più pagine da un'immagine. Uso di Dreamweaver, è possibile creare hot spot senza sapere come scrivere il codice utilizzando la modalità di modifica di progettazione. Utilizzare gli strumenti forniti per disegnare la forma del punto caldo nell'immagine; Dreamweaver quindi inserisce automaticamente il codice per voi.

istruzione

1 Aprire la pagina Web in Adobe Dreamweaver.

2 Clicca sull'immagine che si desidera utilizzare per creare una mappa immagine.

3 Digitare un nome per la mappa immagine nella casella di testo "mappa" nella finestra Proprietà nella parte inferiore del programma.

4 Selezionare uno degli strumenti forma hot spot, come l'Hotspot strumento cerchio e trascinare la forma sull'immagine in cui si desidera visualizzare il punto caldo. Appare Una forma semitrasparente sull'immagine per indicare la posizione del punto caldo.

5 Digitare il percorso della pagina che si desidera che il punto caldo per collegare alla casella di testo "Link". Per creare un collegamento ad una pagina interna, fare clic sull'icona della cartella accanto alla casella di testo "Link" e selezionare la pagina.

6 Digitare una breve descrizione del punto caldo nella casella di testo "Alt". Questo testo viene visualizzato quando le immagini sono disabilitate in un browser Web, e aiuta a descrivere l'immagine per l'utente.

7 Selezionare un tipo di destinazione dal menu a tendina "Target". Il tipo di destinazione dice al browser Web come visualizzare la pagina collegata. Ad esempio, selezionando "_blank" dal menu indica al browser di aprire il link in una nuova finestra.

Consigli e avvertenze

  • Premere il tasto "F12" per visualizzare l'anteprima della pagina in un browser Web. I punti caldi nell'immagine funzionano allo stesso modo nella pagina di anteprima come fanno quando la pagina viene caricato al tuo sito web.