Come utilizzare i codici colore HTML
Chi vuole un sito web noioso in bianco e nero? Imparare a usare i codici colore HTML non solo migliora l'aspetto del sito, ma può aumentare le probabilità che i visitatori lo utilizzino. I codici colore HTML possono essere usati per il design estetico e per focalizzare l'attenzione del visitatore su ciò che volete che veda.
Passaggio 1
Aprire una tabella dei codici colore HTML web-safe ed esaminare i colori disponibili. Anche se la maggior parte dei computer può visualizzare qualsiasi colore, usare solo colori web-safe è un'opzione più accessibile. Inoltre, ci sono molti colori tra cui scegliere. Scegliete colori per il vostro progetto che corrispondano al tema e al design del vostro sito web. Una buona regola pratica è scegliere due colori complementari e un colore d'accento. Un neutro come nero, bianco, grigio o beige è un'altra buona scelta.
Passaggio 2
Copiare i codici colore HTML a 6 caratteri per i colori che si desidera utilizzare sul sito web. Questi consistono dei numeri 0, 3, 6 e 9, e delle lettere C e F in varie combinazioni. Questi codici a 6 caratteri saranno usati nel codice HTML del sito web ovunque si voglia creare un accento colorato.
Passaggio 3
Scegliere un colore per lo sfondo del sito web. Per rendere lo sfondo di questo colore, usare il codice HTML "<body bgcolor="#336699">" e sostituire il codice a 6 caratteri con il codice colore desiderato. Poiché questo è il colore per lo sfondo dell'intero corpo della pagina web, questo frammento di codice HTML sostituisce il normale tag "<body>".
Passaggio 4
Cambiare il colore di qualsiasi testo, titolo o link sulla pagina del sito web includendo i codici colore e il codice HTML appropriato all'interno della pagina del codice del sito web. Qualsiasi testo può essere colorato aggiungendo l'attributo HTML "<font color="#336699">" al codice. Ad esempio, per cambiare il colore di un titolo grande, aggiungere semplicemente "<h1><font color="#336699">Titolo</font></h1>" al codice del sito web.
Passaggio 5
Cambiare il colore di tutti i titoli del sito web usando i fogli di stile a cascata (CSS) invece. Usare il codice "h1 {color:#336699;}" tra i tag "<head>" e "</head>" nel codice del sito web. Ogni volta che si codifica un "<h1>" nel sito web, sarà di quel colore. CSS è il metodo standard per stilizzare i siti web. Rende anche più facile andare a fare modifiche se si vuole ridisegnare.
Passaggio 6
Cambiare il colore dei caratteri, link e altre cose in CSS. Usare lo snippet di codice CSS "p {color:#336699;}" per i caratteri. L'HTML per ogni blocco di testo deve essere delimitato dai tag "<p>" e "</p>". I colori dei link possono essere cambiati usando "a {color:#336699;}" e il tag "<a href>" nel codice HTML del sito web. Altri tag HTML, come bordi immagini, regole orizzontali e celle di tabella possono anche essere cambiati usando il semplice snippet di codice CSS "{color:#336699;}".
Suggerimento
Abbinare i colori al tema del sito web: verde per giardinaggio, tonalità pastello per bambini. CSS è il metodo preferito per aggiungere colore al sito web con i codici colore HTML.
Avvertenza
Scegliere solo tre o quattro colori per evitare di far sembrare il sito web kitsch. Tenete presente che i tag nei passaggi sopra sono tra virgolette per chiarezza. Quando si inserisce il codice nell'HTML, non usare le virgolette che sono all'esterno dei tag.