Come creare un effetto mouse-over con Dreamweaver

April 9

Come creare un effetto mouse-over con Dreamweaver


Come creare un effetto mouse-over con Dreamweaver. Un effetto "mouse-over" si verifica quando un utente sposta il puntatore di mouse
su un'immagine. Quando il puntatore si basa sull'immagine, si trasforma in qualcosa d'altro. Ciò è particolarmente utile per i pulsanti di navigazione. Dreamweaver 3.0 ha i comandi del mouse-over pronto per impostare!

istruzione

1 Avviare Dreamweaver e aprire la pagina l'effetto del mouse-over sarà situato su.

2 Aprire il menu Inserisci e selezionare Immagine di rollover. Apparirà una finestra di dialogo.

3 Digitare il nome dell'immagine per essere riportata nella prima casella. Ad esempio, è possibile chiamare un pulsante Home Page Inizio rollover.

4 Nella casella successiva, digitare il percorso dell'immagine che apparirà sulla pagina. Fare clic su Sfoglia per scegliere un'immagine dal disco rigido.

5 Nella casella Immagine rollover, digitare il percorso dell'immagine che sarà visualizzato quando il mouse passa sopra l'immagine. Fare clic su Sfoglia per scegliere un'immagine dal disco rigido.

6 Se l'immagine è cliccabile (linked), digitare l'indirizzo Web nella casella accanto. Fare clic su OK.

7 Salvare la pagina quando hai finito.

8 Testare il mouse-over scegliendo anteprima nel browser dal menu File. Passare il mouse sull'immagine per vedere la nuova immagine prende il suo posto.

Consigli e avvertenze

  • Assicurarsi che la casella Pre-carica immagine rollover sia selezionata. Questo modo le immagini utilizzate nel topo-over vengono caricati nel sito Web prima che l'utente ha la possibilità di passare il immagine di base sopra, riducendo la possibilità di errori.
  • Entrambe le immagini devono avere la stessa dimensione.
  • Un mouse-over fa parte di un gruppo di azioni denominato "comportamenti" in Dreamweaver. Comportamenti che sono gli eventi (come ad esempio posizionando il mouse) che innescano azioni (come ad esempio la visualizzazione di una nuova immagine), sono costituiti da piccoli pezzi di codice JavaScript che indicano al browser di eseguire una funzione. Per ulteriori informazioni su JavaScript, vedere "Per ulteriori informazioni su JavaScript" e "Come aggiungere JavaScript a una pagina Web con Dreamweaver," sotto eHows correlate.