Creare un’immagine rollover con Dreamweaver

Come si crea un’immagine rollover? e a cosa serve esattamente?

Sicuramente tutti le conoscono, ma non tutti sanno che vengono chiamate così.
Spesso entriamo in alcuni siti e troviamo dei bottoni un po’ particolari, che con il passaggio del mouse sopra cambiano colore.. queste sono le immagini rollover!!
Hanno lo scopo di creare un effetto ai bottoni dei menu, per creare un sito ancora più bello. Crearne una è molto semplice, come prima cosa dobbiamo creare con un programma di grafica due bottoni quasi uguali; uno che sarà stabile, e l’altro con colore diverso che cambierà quando si passerà il mouse.
Con Dreamweaver è molto semplice, fa quasi tutto lui da solo, senza bisogno di andare alla ricerca di codici.
Apriamo Dreamweaver e posizioniamo il puntatore del mouse dove vogliamo mettere il bottone,
poi andiamo su Inserisci -Immagini interattive- Immagini di rollover, a questo punto si aprirà una finestra (questa qua sotto)

Prima di tutto mettiamo un nome all’immagine (il nome che vogliamo)
Poi su immagine originale, dobbiamo mettere il nome del bottone che deve rimanere stabile (lo cerchiamo con Sfoglia naturalmente)
Andiamo sotto e su Immagine rollover invece, dobbiamo mettere il bottone che cambierà al passaggio del mouse.
Si spunta l’opzione Pre-carica immagine di rollover (come da foto)
E sotto dove troviamo la scritta Dopo un click accedi all’ulr, scegliamo la pagina web che si deve aprire cliccando il bottone.
E il bottone è pronto!!!
Questi bottoni possono avere vari effetti, si può semplicemente far cambiare il colore dello sfondo del bottone, oppure il colore della scritta, altrimenti si può mettere un effetto di luce, insomma ci son varie possibilità.