Lezione 3
6
Strumenti per il web design [<a href=“#”>]
-
Upload
silvia-carbotti -
Category
Education
-
view
478 -
download
1
description
iniziamo a capire la relazione tra css e html
Transcript of Lezione 3
Strumenti per il web design
[<a href=“#”>]
header
content
footer
contenitore
header
content
footer
contenitore <!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>Titolo</title><link rel="stylesheet" type="text/css" href="stile.css" /></head><body><div id="contenitore"><div id="header"></div><div id="content"><p>Fa parlare i numeri <b>Antonio Martone</b>. E già la cifra, <br>oltre 4.000 proclamazioni in due anni, basta al <i>presidente della Commissione di garanzia</i> degli scioperi nei servizi pubblici essenziali, per condividere, con il governo, la necessità</p></div><div id="footer"></div></div></body></html>
HTML
header
content
footer
contenitore
CSS
#content {width:850px;margin:auto;background:#fff;}
#footer{display:block;width:850px;height:100px;margin:auto;background:#F2A30F;}
* {margin: 0px;padding: 0px;border: 0px;font-family: arial, helvetica, sans-serif;}
body {background:#F5FFD8;}
#contenitore {width: 900px;margin: auto;background: #cccccc;}
#header{width: 850px;height: 200px;margin: auto;background:#C4D929;}
Colori
http://kuler.adobe.com
La 'tavolozza Web' è un insieme di 216 colori. Un PC dotato di scheda video a 256 colori può mostrare solo 216 colori fissi in modo affidabile e quando un browser non dispone di determinati colori, prova a "crearli", mescolando pixel di colori. Il colore ottenuto è simile a quello non disponibile, ma non è il colore realmente impostato. Esiste però la possibilità di una codifica HTML diretta conoscendo il valore decimale di ciascun colore.
Nel codice HTML ciascun valore è formato da sei cifre, precedute dal simbolo #: i colori del Web sono formati da tre coppie di cifre identiche, essendo tutte le cifre multiple di 3 (cioè 0, 3, 6, 9, C, F).
Sfondo
http://www.stripegenerator.com
La scelta dello sfondo della nostra pagina Web è strettamente legata al tipo di progetto che stiamo realizzando.
Lo sfondo può essere realizzato con una tinta unita oppure con dei gradienti di colore, oppure ancora con delle immagini che possono essere moltiplicate per tutta la grandezza dello sfondo
