Introduzione



Questa guida nasce con l'intento di introdurre il lettore all'impaginazione (layout) dei siti web senza l'uso di tabelle. Vedremo nel dettaglio i più comuni layout, le tecniche per realizzarli, i campi d'applicazione, i pro e i contro di ciascuna soluzione. I layout sono stati tutti pensati con la filosofia semplice è meglio. La lettura attenta e totale della guida dovrebbe consentire al lettore di creare oltre che di capire o usare.

La guida prevede l' introduzione al layout a colonna singola, due e tre colonne. In seguito verrà spiegato come impaginare i contenuti e come preparare un layout per la stampa. A fine guida verranno presentati un indice completo e un pacchetto zip contenente tutti i layout visti nel corso delle lezioni.

Le lezioni presuppongono una discreta padronanza di HTML/xHTML e dei fogli di stile. La codifica del layout è, infatti, una parte fondamentale, ma minima rispetto a quella di un intero sito. Per approfondimenti e richiami ad argomenti specifici e attinenti, sono consigliate le seguenti letture su HTML.it:

  • Guida HTML
  • Guida XHTML
  • Guida ai CSS
  • Guida al Web Design
  • Guida ai siti ad elevata accessibilità
  • Articoli sui CSS della sezione PRO.HTML.it

Ultimi articoli CSS

Bordi multipli con 'box-shadow' di CSS3

Il modo più rapido e semplice per circondare un box con più bordi di...

Sfumature lineari su IE6-9, linear-gradient CSS3 e un po' di SVG

Utilizzare la funzione linear-gradient CSS per creare sfumature...

Stili specifici per l'orientamento dell'iPad con le Media Queries

Gestire con gli stili e le media queries le modalità di...

Campo per la ricerca con i CSS

Dedicare la giusta attenzione al modulo per le ricerche, componente...

Box model 'naturale' con border-box

Dimenticare per sempre i problemi legati al box model grazie ad un...

Altri articoli

Guide CSS

Responsive Desing, la guida

Progettare siti da fruire su dispositivi diversi è imprescindibile...

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti