COME CREARE UN BOTTONE CON EFFETTO ROLLOVER

In questo piccolo tutorial vedremo come inserire un bottone con effetto rollover in Dreamweaver. Ecco un esempio del risultato finale:

Per prima cosa devi preparare con photoshop due immagini differenti che rappresenteranno lo stato attivo e lo stato inattivo del bottone (vanno bene indistintamente sia .jpg che .gif).
Se preferisci puoi scaricare le immagini che ho utilizzato io:
Bottone Su - Bottone Rollover

Clicca nel punto dove vuoi inserire il bottone quindi seleziona Inserisci > Oggetti Immagine > Immagine di rollover

Nella Finestra che si apre verrà chiesto di configurare il rollover:
Nome Immagine: questo deve essere diverso per ogni rollover che vuoi inserire nella pagina.
Immagine Originale: scegli il percorso dell'immagine iniziale
Immagine Rollover: scegli e dell'immagine che verrà visualizzata quando il mouse passa sul bottone.
Precarica immagine di rollover: permette di caricare l'immagine alternativa quando viene caricata la pagina, assicurati che quest'opzione sia sempre selezionata.
Testo alternativo: Un testo alternativo che descrive il bottone
Dopo un click, accedi all'url: il percorso della pagina che deve essere aperta quando si clicca sul bottone.

E' sufficiente settare questi pochi parametri, Dreamweaver farà tutto il resto!

Segnala un errore