CSS  »  Guide  »  Guida Layout dei siti con i CSS 

L'impaginazione è uno degli aspetti fondamentali di un sito internet. Dalla diffusione dei fogli di stile, e in seguito alle raccomandazioni del w3c, la tendenza di creare layout senza l'uso di tabelle si è andata man mano consolidando, fino a diventare una realtà in continua espansione.

Ci pare importante chiarire un punto. Sovente, la conoscenza (seppur approfondita) dei fogli di stile non basta per la creazione di un layout robusto senza l'uso delle tabelle. C'è da dire che in rete si trovano moltissimi layout già pronti, alcuni decisamente validi e altri meno. Il loro utilizzo è semplicissimo, e spesso ci si limita ad usarli senza capirli. Ma un buon appassionato di fogli di stile o un webdesigner professionista dovrebbe essere in grado di creare da zero un layout, oppure avere conoscenze tali da poter valutare se un layout già pronto sia valido o meno e se sia quello di cui ha davvero bisogno per realizzare un sito.

Tabelle contro CSS per il layout

Il dibattito tra i sostenitori di tabelle e quelli dei fogli di stile per il layout è ancora molto acceso. Ci sono molti argomenti validi da entrambe le parti, ma attualmente si può affermare quasi con certezza che l'ago della bilancia pende verso i fogli di stile. Vediamo brevemente alcuni aspetti di entrambe le soluzioni:

A favore delle tabelle

• facilità di codifica:
  • Alcuni layout sono molto più semplici da realizzare con le tabelle
  • non necessitano conoscenze particolari dei fogli di stile, basta l'html
• robustezza su praticamente tutti i browsers, anche i più obsoleti
• possibilità di creare facilmente layout anche con editor visuali

A favore dei layout basati sui css

• le tabelle servono per dati tabellari, non per creare layout
• i fogli di stile garantiscono una migliore separazione tra contenuti e presentazione e quindi:
  • alleggerimento del codice html
  • aumento della velocità di caricamento
  • minori spese per la banda
  • restyling e modifiche di layout sono molto più semplici per un sito ben strutturato
• l'uso delle tabelle determina con forza l'ordine del codice html
• i fogli di stile aiutano a mantenere la consistenza di un intero sito web
• fare siti attenenti agli standard e con layout table-less, anche se più difficile, attualmente garantisce la competenza e la competitività di un professionista
• migliore accessibilità e visibilità verso media alternativi: palmari, cellulari, screen readers, text browsers e stampanti

Altri articoli

Altre guide

Altre newsletter