Cerchiamo ora di capire perché, se si vuole favorire l'accessibilità, conviene abbandonare l'abitudine di specificare la presentazione per mezzo di HTML o XHTML, adoperando in loro vece gli opportuni comandi CSS. I motivi sono più d'uno.
Per dimostrare che i tre motivi sopra addotti sono fatti reali e non articoli di fede, proponiamo nelle lezioni seguenti un esempio pratico: una stessa pagina web riprodotta in due versioni, la prima formattata utilizzando esclusivamente elementi e attributi di presentazione dell'HTML, la seconda utilizzando al loro posto i CSS. Si vedrà che, al medesimo aspetto grafico visualizzabile per mezzo dei browser più diffusi, si accompagneranno, nella versione CSS, una maggiore leggibilità da parte di differenti programmi utente, un minor peso in Kb, una struttura del codice più semplice e comprensibile.
Ecco dunque nell'immagine seguente l'aspetto di questa pagina di esempio, come appare se visualizzata con un qualsiasi browser di tipo grafico.

tralasciando l'impaginazione, volutamente spartana per mettere in maggiore evidenza i blocchi strutturali della pagina, si tratta – come si può facilmente notare – di una classica struttura a tre colonne centrali, più testata e pie' di pagina, tipica di migliaia e migliaia di siti che si occupano di informazione e di divulgazione.
Metro, il "linguaggio di design" di Windows 8I principi ispiratori del "linguaggio di design" utilizzato da... |
Bootstrap: il framework di TwitterSviluppare applicazioni web sfruttando il framework con cui è stato... |
Sfondi a tutta pagina con jQueryCome avere degli sfondi a tutta pagina sui vostri siti web, per... |
Grid design, dalla tipografia al webDesign coerenti e layout consistenti, usando principi di... |
Art Direction e DesignCapire la differenza tra la direzione artistica di un progetto e il... |
Guida Progettazione siti webDall'analisi dei requisiti fino allo sviluppo e alla promozione:... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Web WritingSaper scrivere per il Web è una delle armi per attirare utenti e per... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |