Come fare rollover di immagini in testo HTML

Con i milioni di siti web su Internet , è essenziale che il vostro sito sia memorabile e unico. Una tecnica utilizzata per aggiungere un effetto dinamico di siti web è immagini rollover , noto anche come pulsanti rollover . In sostanza , quando il visitatore passa sopra l'immagine , si trasforma in qualcosa d'altro . Quando l'utente esce dalla immagine , tornerà alla grafica originale . Rollover comuni includono effetti sottili come cambiare il colore dell'immagine o del carattere tipografico . È possibile creare la propria immagine di rollover con la formattazione HTML di base a diversi programmi web-design . Cose che ti serviranno
di fotoritocco il software Web-design software
Show More Istruzioni
1

Creare un nuovo documento della dimensione desiderata in pixel nella foto software come Photoshop - editing. Creare il pulsante e le immagini di rollover . Le due immagini devono essere identiche in dimensioni.
2

Salva entrambe le immagini separatamente a navigare nel menu "File" e cliccando su " Salva". Salvare le immagini come file PNG o JPEG, GIF o . Anche se i file JPEG e GIF sono più comunemente utilizzati , i file PNG conservano la trasparenza . Assicurarsi di salvare l'immagine nella cartella principale locale del sito .
3

Aprire il software di web design desiderato , come Adobe Dreamweaver . Fare clic sul pulsante di aggiornamento nella vostra libreria per aggiornare la biblioteca del sito Web e la cartella principale locale . Individuare le immagini nella cartella principale locale .
4

Passare al "Codice View" della pagina web selezionando il pulsante Visualizza codice .
5

tipo " < a href = " http://yourwebsite.com " > Click Me < /a> " , senza l'apertura e la chiusura di virgolette nel codice .
6

Sostituire " http://yourwebsite.com "con il nome del tuo sito web . Sostituire " IMAGE1 " e " immagine 2 " con il nome del pulsante e le immagini di rollover . La tua immagine rollover sostituirà " immagine 2 ", mentre " IMAGE1 " sta per l'immagine del pulsante iniziale .