Image Rollover in Adobe CS5 Dreamweaver - dummy

In Adobe Creative Suite 5 (Adobe CS5) Dreamweaver, è possibile inserire oggetti immagine, inclusi segnaposto immagine, immagini rollover (immagini che cambiano quando un utente fa scorrere il mouse sull'immagine), barre di navigazione, e HTML di Fireworks. Puoi accedere a questi oggetti immagine scegliendo Inserisci → Oggetti immagine.

1Crea le immagini da utilizzare come rollover.

È possibile generare queste immagini in Fireworks, Illustrator, Photoshop o qualsiasi altra applicazione in grado di salvare immagini ottimizzate per il web.

2Posizionare il cursore sulla pagina ovunque si desideri visualizzare il rollover.

Scegli Inserisci → Oggetti immagine → Immagine rollover o fai clic sul pulsante Immagine rollover nel pannello Inserisci. La finestra di dialogo Inserisci immagine di rollover.

3Nome l'immagine.

Digitare un nome immagine senza spazi nel campo di testo Nome immagine. Questo nome viene utilizzato nello script che crea il rollover.

4Fare clic sui pulsanti Sfoglia.

Il pulsante Sfoglia è a destra dei campi di testo Immagine originale e Immagine rollover. Individua l'immagine che desideri visualizzare come predefinita nella pagina e l'immagine che appare solo quando qualcuno passa il mouse sopra l'immagine.

5Lascia selezionata la casella di controllo Immagine di rollover Preload.

Questa opzione scarica l'immagine di rollover quando la pagina viene scaricata per evitare ritardi nei rollover.

6 Descrivi l'immagine.

Scrivi un testo alternativo adeguatamente descrittivo nel campo di testo Alt.

7Completa il campo di testo Quando selezionato, Vai a URL.

Dirige Dreamweaver in cui i visualizzatori sono diretti quando fanno clic sull'immagine di rollover. Puoi fare clic sul pulsante Sfoglia per individuare un'altra pagina nel tuo sito o inserire un URL. Nota: se si esegue il collegamento a un sito Web diverso, è necessario includere il prefisso // all'inizio dell'URL.

Se non si dispone ancora di un collegamento reale da utilizzare per un pulsante o un collegamento ipertestuale, è possibile inserire un cancelletto (#) per creare un collegamento morto. Il link o il pulsante appare cliccabile ma non va da nessuna parte quando si fa clic. Questa opzione è migliore del colpire la barra spaziatrice per creare uno spazio vuoto come collegamento, poiché verrà visualizzato un errore Pagina non trovata quando si fa clic.

8 Fare clic su OK.

L'immagine di rollover viene creata sulla pagina.

9 Anteprima dell'immagine.

Per visualizzare l'anteprima della nuova immagine di rollover, selezionare File → Anteprima nel browser o fare clic sul pulsante Vista dal vivo sulla barra degli strumenti Documento.