Di solito puoi individuare qualcuno che lavora con HTML da più di un paio d'anni: chiedigli semplicemente di creare un layout web veloce di una pagina, quindi fare clic con il pulsante destro del mouse sulla sua pagina ed eseguire una "visualizza sorgente". Se sono progettisti HTML della vecchia scuola, potresti trovare la pagina piena di contenuti
Ma sicuramente è sbagliato! Naturalmente, le tabelle non sono vietate: rappresentano comunque una parte importante delle specifiche HTML, ma dovrebbero essere utilizzate solo per lo scopo previsto, ovvero visualizzare dati tabulari. Non dovresti davvero usarli per il layout generale della pagina. Perchè così? Ebbene, ci sono diverse buone ragioni, ma probabilmente la più importante è l’“accessibilità”. I lettori abituali avranno letto la nostra rubrica il mese scorso, quindi sapranno quanto sia importante per entrambi un punto di vista morale e commerciale per garantire che i tuoi siti web siano disponibili a quante più persone possibile. Sfortunatamente, proprio come nella vita reale, i tavoli spesso sono d’intralcio. Anche qui non pensiamo solo alle persone con disabilità: accessibilità significa anche rendere il tuo sito disponibile per chi naviga da PDA a schermo piccolo, telefoni cellulari e altri dispositivi non standard o palmari dispositivi.
Fu Voltaire a dire: "Tous les generis sont bons, hors le kind ennuyeux", che si traduce come "Tutti gli stili sono buoni, tranne quello noioso". Nei CSS, però, che è quello che dovresti usare oggigiorno al posto delle tabelle nidificate, tutti gli stili sono buoni. I fogli di stile non possono mai essere noiosi. La cosa bella di realizzare il tuo web design in CSS è che separi il contenuto (le parole, le foto e i diagrammi) dallo stile (il layout e l'aspetto). Ti dà tanta libertà creativa e flessibilità in più e rende il web design di nuovo interessante.
Probabilmente possiamo illustrare meglio la questione "stile e contenuto" indicandoti la prima pagina del sito web dell'azienda di Paul, www.cst-group.com. Dai un'occhiata alla home page, quindi fai clic sul collegamento "Disattiva stile: disattiva" che vedrai in basso. Le due versioni sembrano completamente diverse, ma esegui un "visualizza sorgente" su ciascuna e vedrai che il file l'unico cambiamento è che la versione principale contiene una porzione extra di codice da caricare in un paio di fogli di stile:
@import “/cstcss.css”;
@import “/home.css”;
La versione "stili disattivati" è esattamente ciò che le persone utilizzano dispositivi come lettori di schermo e browser mobili vedranno, anche quando lo visualizzeranno con "stili attivi", poiché la loro configurazione minima ignorerà i fogli di stile.
Ora, con tutte le informazioni di progettazione contenute in uno o più fogli di stile, immagina quanto diventa facile riprogettare il tuo sito, o magari semplicemente riprogettarlo per produrre versioni con marchio diverso. Probabilmente il miglior esempio di quanto potente possa essere il design basato su CSS è il sito web www.csszengarden.com. Guarda questo sito e poi scegli alcuni dei link di progettazione che vedrai sul lato destro della pagina. Nota come il design della pagina cambia completamente, il tutto tramite CSS. L'HTML di base rimane esattamente lo stesso per ogni versione. Puoi vedere come, con un design basato su CSS, un project manager può affidare agli autori la responsabilità delle parole e artisti incaricati della progettazione, in un modo organizzato che semplicemente non è possibile con il metodo da tavolo layout.
