Un'immagine di rollover è un'immagine su un sito Web che cambia aspetto quando un utente rotola suo mouse o fa clic su di esso. Immagini di rollover sono un modo veloce, facile per migliorare l'aspetto di un sito Web e creare un aspetto più professionale.

Istruzioni

1

Creare un'immagine in Photoshop o un'immagine simile editor per servire come predefinito, o "up", immagine per il rollover. Uso il. JPG o. Formato di file GIF, come questi sono i più comuni formati di file utilizzati sul Web.

2

Salva l'immagine nella cartella principale del sito Web in cui apparirà. La cartella principale è dove vengono salvati tutti i elementi su quelle pagine che compongono un sito e le pagine web. Ogni sito deve avere una cartella principale.

3

Creare un'altra immagine con le stesse dimensioni della prima immagine. Questa seconda immagine, l'immagine di "down", deve essere diversa dalla prima immagine. Questa è l'immagine che verrà visualizzata quando si fa clic sull'immagine o il mouse è rotolato sopra esso.

4

Salvare la seconda immagine nella cartella principale del sito Web in cui apparirà. Utilizzare lo stesso nome di file della prima immagine, ma aggiungere "includonote" alla fine del nome del file. Questa convenzione di denominazione lo rende piu ' facile raccontare le due immagini apart quando visualizzandoli in un programma di progettazione Web.

5

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

6

Posizionare il cursore nella pagina dove verrà posizionato il pulsante.

7

Selezionare l'icona "Inserisci immagine Rollover" dalla scheda "Comune" della barra Inserisci.

8

Digitare il nome dell'immagine nel campo "nome" vuoto nella finestra che si apre.

9

Fare clic sul pulsante Sfoglia da "Immagine originale" vuoto e selezionare l'immagine di "up" dalla cartella principale.

10

Fare clic sul pulsante Sfoglia per il "immagine di Rollover" vuoto e selezionare l'immagine "giù" dalla cartella principale.

11

Fare clic sul pulsante Sfoglia per il "quando cliccato Vai a URL" vuoto e selezionare la pagina web link al pulsante. Se il pulsante link a una pagina non nella cartella principale del tuo sito Web esistente, quindi digitare l'URL nello spazio vuoto.

12

Fare clic sul pulsante Anteprima browser nella parte superiore del documento HTML e guarda la pagina in un browser web.

13

Fare clic sul pulsante con il mouse. L'immagine "giù" dovrebbe apparire quando cliccato e il link alla pagina i link del pulsante per dovrebbero aprire.

14

Salvare la pagina.