Come creare un lato client Image Map in Dreamweaver CS3

July 21

Come creare un lato client Image Map in Dreamweaver CS3


Le immagini devono essere una parte attraente e funzionale del tuo sito web. Un modo efficiente di utilizzare l'immagine è di aumentare con una mappa immagine sul lato client. mappe immagine Dreamweaver CS3 consentono di definire "punti caldi" che fanno parte del cliccabile dell'immagine. È possibile programmare un hotspot per il collegamento a una pagina o file specificato.

istruzione

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

2 Spostare il cursore verso il basso per la finestra di ispezione Proprietà e fare clic sulla freccia nell'angolo in basso a destra 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 situata accanto a "Map".

4 Scegliete una forma per la mappa immagine selezionando rettangolare, strumento hotspot circolare o poligonale.

5 Disegnare l'hotspot 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 del hotspot. Quando si è finito, 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", oppure fare clic sull'icona mirino e trascinarla in un file nel pannello File per creare un collegamento. Se si desidera che il punto caldo per aprire un file, fare clic sull'icona della cartella gialla per navigare e individuare il file.

7 Selezionare un "target" dal menu a discesa per specificare come si apre il collegamento. Per impostazione predefinita, il link caricare la pagina o il file nella finestra attiva. Aprire il link in una nuova finestra scegliendo "_blank" per il target.

Consigli e avvertenze

  • Le mappe immagine possono avere più punti caldi.
  • Il testo immesso nella casella "Alt" per visualizzare al posto dell'immagine nei browser di solo testo o quando il cursore del mouse dell'utente passa sopra l'immagine.
  • Una volta terminato l'editing la mappa immagine, clicca altrove nella finestra del documento per deselezionarlo.