Alle sezioni logiche presentate nella lezione precedente, in ogni sito dovrebbero corrispondere le relative sezioni fisiche: è da qui che nasce l’ esigenza del layout. A seconda della portata di informazioni di un sito web nel suo complesso, (o di una pagina tipo) sarà necessario pensare al layout da utilizzare. Ecco i principali layout che vedremo in questa guida:

  • Layout monolitico o a colonna singola
  • Layout a due colonne
  • Layout a tre colonne

Di tutte le tipologia presenteremo diverse varianti e vedremo passo passo come realizzarli. Prima di addentrarci oltre, ci sono ancora due questioni da considerare.

Estensione orizzontale di un layout

Per ogni layout, ci sono tre principali categorie a seconda della sua estensione orizzontale:

  • layout fisso
  • layout fluido
  • layout elastico

Le regole del foglio di stile coinvolte sono al massimo un paio per ogni possibile estensione, che vedremo brevemente assumendo che il contenitore principale sia di questo tipo: <div id=”container”>
6 / 41

Layout fluido

I Video di HTML.it

Lorenzo Cantini