Un'immagine rollover è un'immagine su un sito Web che cambia in apparenza, quando un utente passa il suo mouse su di esso o clic su di esso. immagini rollover sono un modo rapido e facile per migliorare l'aspetto di un sito web e creare un aspetto più professionale.

istruzione

1 Creare un'immagine in Photoshop o un editor di immagini simile a servire come default, o "up", immagine per il rollover. Utilizzare il formato .jpg o .gif di file, in quanto questi sono i formati di file più comuni usati sul web.

2 Salvare questa immagine nella cartella principale del sito Web in cui apparirà essa. La cartella principale è dove tutte le pagine web e degli elementi su quelle pagine che compongono un sito vengono salvate. Ogni sito deve avere una cartella principale.

3 Creare un'altra immagine utilizzando le stesse dimensioni della prima immagine. Questa seconda immagine, l'immagine "down", dovrebbe differire dalla prima immagine. Questa è l'immagine che verrà visualizzata quando si fa clic sull'immagine o il mouse è rotolato su di esso.

4 Salvare la seconda immagine nella cartella principale del sito web sul quale apparirà essa. Utilizzare lo stesso nome di file come la prima immagine, ma aggiungere "_down" alla fine del nome del file. Questa convenzione di denominazione rende più facile dire le due immagini a parte quando loro visualizzazione in un programma di Web design.

5 Aprire la pagina web su cui il tasto andrà in Dreamweaver.

6 Posizionare il cursore sulla pagina in cui verrà posizionato il pulsante.

7 Selezionare l'icona "Inserisci rollover Immagine" dalla scheda "comune" a barra Inserisci.

8 Digitare il nome della tua immagine nella casella "Nome" vuoto nella finestra che si apre.

9 Fare clic sul pulsante Sfoglia per la "Original immagine" vuota e selezionare la "up" immagine dalla cartella principale.

10 Fare clic sul pulsante Sfoglia per il "rollover immagine" vuota e selezionare l'immagine "down" dalla cartella principale.

11 Fare clic sul pulsante Sfoglia per il "go Quando si fa clic a URL" in bianco, e selezionare la pagina web il pulsante collegherà a. Se il pulsante si collegherà ad una pagina non su nella cartella principale del tuo sito web esistente, quindi digitare l'URL nel vuoto.

12 Fare clic sul pulsante del browser di anteprima nella parte superiore del documento HTML e guardare la pagina in un browser web.

13 Fare clic sul pulsante con il mouse. L'immagine "down" deve essere visualizzato quando si fa clic e il link alla pagina i link del pulsante per aprire dovrebbero.

14 Salvare la pagina.