March 15
Non hai bisogno di lampeggiare animazioni e colori danzanti per fare un lavoro pagina web. Alcuni effetti visivi sottili, tuttavia, può non solo migliorare il sito web, ma anche fornire indizi importanti per i visitatori del sito. Ad esempio, le tabelle HTML visualizzare i dati tabulari organizzati in cellule e righe su una pagina web. Cambiando colore di sfondo come il mouse di un utente passa sopra cellule differenti, è possibile creare un effetto di mouse-over coinvolgente che aiuta l'utente a identificare la cella attualmente attiva.
1 Aprire il Blocco note. Aggiungere il seguente codice al documento:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<title>Table Cell Color Change Test</title>
</ Head>
<Body>
</ Body>
</ Html>
Questo crea una pagina web vuota.
2 Aggiungere questo codice al di sotto del primo tag <body>:
<Table border = "2">
<Tr>
<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 1 </ td>
<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 2 </ td>
</ Tr>
<Tr>
<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 3 </ td>
<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 4 </ td>
</ Tr>
</ Table>
Questo crea una tabella con due righe e due colonne. Il "onmouseover" evento cambia il colore di una cella di rosso (# FF0000) e il "evento onmouseout cambia il suo colore torna al bianco.
3 Premere il tasto "CTRL + S" per aprire la finestra "File Salva" e di tipo "xyz.html" nella casella di testo "Nome file". Fai clic su "Salva".
4 Individuare il file utilizzando Windows Explorer e fare doppio clic sul file. Il tuo browser si aprirà e visualizzare la pagina web. Passa il mouse sopra le celle della tabella. Essi potranno cambiare i colori.