Se per l'uomo sono le osse, per un sito è il layout, cioè la struttura su cui si costruisce attorno il sito. In questa lezione vi mostrerò come strutturare il vostro sito con 3 semplici e differenti modelli di Layout che potete scaricare ed adattarli alle vostre esigenze.
Layout a colonna singola
Questa è la forma più elementare di layout. Può andare bene per siti di piccole dimensioni che generalmente hanno un ordine di pagine sotto la decina. Si compone solitamente in 4 sezioni fondamentali:
header
- Sezione dedicata solitamente al banner.
navigazione
- Sezione dedicata al menù.
contenuti
- Sezione dedicata ai contenuti.
footer
- Sezione dedicata ai diritti d'autore.
Ecco come si presenta :
Ecco il codice html per il loyout a colonna singola:
-----------------------------------------------------------------------------------------------------------------------------------------
Layout a due colonne
Questa è la forma media di layout strutturata su due colonne. Questo layout è preferibile quando si ha a disposizione un sito di media grandezza con pagine che superano la decina. Si compone solitamente in 4 sezioni fondamentali:
header
- Sezione dedicata solitamente al banner.
navigazione
- Sezione dedicata al menù.
contenuti
- Sezione dedicata ai contenuti.
footer
- Sezione dedicata ai diritti d'autore.
Ecco come si presenta :
Ecco il codice html per il loyout a colonna doppia:
-----------------------------------------------------------------------------------------------------------------------------------------
Layout a tre colonne
Questo layout è preferibile quando si ha a disposizione un sito di medie-grandi e grandi dimensioni. Si compone solitamente in 5 sezioni fondamentali disposte su 3 colonne:
header
- Sezione dedicata solitamente al banner.
navigazione
- Sezione dedicata al menù.
extra
- Sezione dedicata agli extra o a un altro menù.
contenuti
- Sezione dedicata ai contenuti.
footer
- Sezione dedicata ai diritti d'autore.
Ecco come si presenta :
Ecco il codice html per il loyout a colonna tripla: