Strumenti per il web design [ <a href=“#”> ]
header content footer contenitore
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
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 &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).
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

Lezione 3

  • 1.
    Strumenti per ilweb design [ <a href=“#”> ]
  • 2.
  • 3.
    header content footercontenitore <!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.
    header content footercontenitore 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.
    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.
    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