Lezione 3

647 views

Published on

iniziamo a capire la relazione tra css e html

Published in: Education, Technology
  • Be the first to comment

Lezione 3

  1. 1. Strumenti per il web design [ <a href=“#”> ]
  2. 2. header content footer contenitore
  3. 3. header content footer contenitore <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <title>Titolo</title> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;stile.css&quot; /> </head> <body> <div id=&quot;contenitore&quot;> <div id=&quot;header&quot;></div> <div id=&quot;content&quot;> <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=&quot;footer&quot;></div> </div> </body> </html> HTML
  4. 4. 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; }
  5. 5. 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 &quot;crearli&quot;, mescolando pixel di colori. I l 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).
  6. 6. 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

×