Nwlapcug.com


Come creare una mappa immagine Client-Side in Dreamweaver CS3

Come creare una mappa immagine Client-Side in Dreamweaver CS3


Immagini dovrebbero essere una parte attraente e funzionale del sito Web. Un modo efficiente per utilizzare un'immagine è quello di aumentarlo con una mappa immagine client-side. Dreamweaver CS3 mappe immagine consentono di definire "hotspot" che rendono le parti dell'immagine cliccabile. È possibile programmare un hotspot per il collegamento a una pagina o il file specificato.

Istruzioni

1

Aprire un file e fare clic su un'immagine nella finestra del documento per selezionarlo.

2

Spostare il cursore verso il basso per la finestra di ispezione Proprietà e fare clic sulla freccia nell'angolo inferiore destro per espandere le proprietà. Per impostazione predefinita, la finestra di ispezione Proprietà si trova sotto l'area di lavoro.

3

Digitare un nome univoco nella casella accanto a "Mappa".

4

Scegli una forma per la mappa immagine selezionando lo strumento hotspot rettangolare, circolare o poligonale.

5

Disegnare l'area sensibile sull'immagine. Per gli strumenti circolari e rettangolari, fare clic e trascinare per creare un hotspot. Per utilizzare lo strumento poligono, fare clic per definire gli angoli dell'hotspot. Dopo aver terminato, fare clic sullo strumento freccia nella finestra di ispezione Proprietà per chiudere la forma.

6

Vai alla finestra di ispezione Proprietà e immettere un percorso nella casella "Link", o fare clic sull'icona di mirino e trascinarlo in un file nel pannello file per creare un collegamento. Se si desidera che l'hotspot per aprire un file, fare clic sull'icona cartella gialla per cercare e individuare il file.

7

Selezionare un "Target" dal menu a discesa per specificare come si apre il link. Per impostazione predefinita, il collegamento verrà caricata la pagina o il file nella finestra attiva. Aprire il link in una nuova finestra scegliendo blank"per la destinazione.

Consigli & Avvertenze

  • Mappe immagine possono avere più hotspot.
  • Il testo immesso nella casella di "Alt" verrà visualizzato al posto dell'immagine nel browser di solo testo o quando il cursore del mouse passa sopra l'immagine.
  • Quando si è finito di modificare la mappa immagine, fare clic su altrove nella finestra del documento per deselezionarlo.