Anche se abbiamo già trattato questo argomento nella sezione relativa al colore nel web, è utile rivedere insieme alcuni concetti chiave che non dovrai mai dare per scontati, ma che una volta acquisiti saranno per te molto spontanei.
La definizione del tipo di colore viene espressa mediante caratteri esadecimali preceduti dal simbolo
"#" (cancelletto): essi possono comprendere i numeri da 0 a 9 e le lettere da "A" a "F". I primi due caratteri si riferiscono alla quantità di rosso presente nella gamma RGB (Red Green Blue), i due successivi determinano la quantità di verde, mentre gli ultimi due si riferiscono alla componente blu.
L'intera gamma di colore è compresa tra "#FFFFFF" (bianco) e "#000000" (nero).
In Internet non puoi utilizzare tutti i colori esistenti nello spettro cromatico, ma è consigliabile operare una scelta attraverso quelli disponibili nella "palette web" (una raccolta di 216 colori comuni a sistemi operativi differenti), altrimenti i browser potrebbero sostituire il colore che tu hai scelto, ma che non è supportato con un altro simile a quello ma non esattamente identico, vanificando i tuoi sforzi di progettazione grafica.
Ricordati che a volte può essere utile "commentare il codice HTML, soprattutto quando usi determinate funzioni di javascript. I commenti non sono visualizzati dal browser, ma ti saranno sicuramente utili quando dovrai "rimettere le mani nel codice" per cambiarlo, o semplicemente per usarlo in altre occasioni. La creazione di un commento genera il seguente codice HTML:
<!-- Testo commento-->
Metro, il "linguaggio di design" di Windows 8I principi ispiratori del "linguaggio di design" utilizzato da... |
Bootstrap: il framework di TwitterSviluppare applicazioni web sfruttando il framework con cui è stato... |
Sfondi a tutta pagina con jQueryCome avere degli sfondi a tutta pagina sui vostri siti web, per... |
Grid design, dalla tipografia al webDesign coerenti e layout consistenti, usando principi di... |
Art Direction e DesignCapire la differenza tra la direzione artistica di un progetto e il... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Web WritingSaper scrivere per il Web è una delle armi per attirare utenti e per... |
Guida Accessibilità dei siti Web teoricaQuesta guida è finalizzata sostanzialmente a una conoscenza e a una... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |