Separazione tra contenuti e presentazione

il web non è la carta

Una pagina pubblicitaria, un libro o una rivista, sono progetti di comunicazione concepiti per un solo media di destinazione: la carta. Si conoscono quindi a priori tutti gli elementi che servono per fare in modo che la creatività e i contenuti saranno recepiti indifferentemente allo stesso modo da tutto il target. Le dimensioni del o dei fogli, il tipo di carta, la grammatura e tanti altri parametri fondamentali sono noti.

Lo stesso vale per uno spot pubblicitario in TV o in radio: si conosce l'orario di ascolto, si definisce un "format" e si trasmette il messaggio.

Nel web, per un sito Internet, le cose sono molto differenti.

Un contenuto, presentazioni diverse

Nel realizzare un sito per Internet il web designer deve (!) tener conto e prevedere anzi le variabili che influenzeranno la fruizione dei contenuti da parte dell'utente.

Il browser, il sistema operativo in uso, la risoluzione del monitor, le impostazioni personali, le eventuali disabilità sono tutte incognite che non garantiscono omogeneità di fruizione.

Ecco perchè tanti siti in rete si presentano in maniera differente in contesti diversi.

Il vero motivo però è da ricercarsi nel fatto che, in fase progettuale, il web designer non ha tenuto conto di un aspetto fondamentale nella progettazione di un sito: il web non è la carta. Un sito internet contiene informazioni, documenti, messaggi che non devono essere limitati (o peggio resi inutilizzabili) dalla volontà di attribuire loro un aspetto grafico. Ma questo purtroppo è quello che succede in molti siti anche commerciali.

Tenendo quindi ben presente questo aspetto, VStudio realizza siti Internet "costruendo" prima il documento e poi il webdesign. Il design, l'aspetto grafico del sito infatti è ciò che viene definito "presentazione" e cioè gli elementi cromatici, le immagini e la formattazione dei testi che supportano, danno forza e presentano il contenuto.

Contenuto che può e deve poter essere declinato comodamente su media differenti rispetto ad un computer. E questa versatilità si ottiene solo separando il contenuto dalla presentazione, non definendo cioè nella struttura del documento stesso, come questo dovrà apparire agli occhi di un utente Internet. E se l'utente ha, per esempio, disabilitato le immagini?

Devono quindi essere previste condizioni differenti di fruizione in modo da poter comunque presentare il documento in modo accessibile a prescindere dal media di destinazione.

In tutti questi casi avremo una presentazione differente, adatta all'utente e al dispositivo di fruizione in uso.

La struttura

Un sito Internet ha comunque degli elementi comuni con la carta stampata. Ha un contenuto, identificabile nei testi, nelle immagini, nelle informazione che veicola, e ha un design per presentare queste informazioni. In una pagina pubblicitaria c'è un messaggio, in genere una foto, del testo e un logo, oppure solo testo o solo immagine, e così via. Un sito Internet allo stesso modo presenta delle informazioni con una veste grafica e delle immagini di supporto.

La differenza fondamentale tra i due strumenti di comunicazione è la struttura, dove per struttura si intende il codice semantico di descrizione della pagina XHTML, ASP, PHP, o altro che sia, che appunto descrive il contenuto della pagina.

Nella struttura di un sito web viene dichiarato il flusso che l'interprete (browser o altro) tradurrà in contenuto fruibile per il visitatore. Qui vengono infatti definite le impostazioni del documento, la lingua, il formato, le aree di "contenuto", la navigazione e i riferimenti per le diverse presentazioni possibili.

La validità della struttura è quindi il primo e fondamentale passo per ottenere un sito efficace, accessibile e conveniente dal punto di vista economico della manutenzione e dell'investimento.

Il W3C è il comitato internazionale che si occupa di definire, tra l'altro, come devono essere strutturati i documenti per poter essere ritenuti validi.

La presentazione

Senza una presentazione definita un sito Internet ben strutturato, accessibile e conforme rimane comunque utilizzabile su qualunque media e le informazioni contenute sono disponibili per la lettura.

Per fare una prova e capire meglio come appare un sito accessibile e standard senza presentazione, è possibile visualizzare questa stessa pagina privata del foglio di stile CSS associato in cui è definita la presentazione.

Quello che appare è il documento, il contenuto senza formattazione grafica e senza immagini (se definite come sfondo nel CSS).

Torna alla pagina con presentazione

Questo semplice test permette di rendersi conto delle enormi potenzialità di questa tecnica corretta e raccomandata di costruire siti Internet.

Quanto potresti risparmiare se il tuo sito fosse costruito in questo modo in termini di manutenzione del codice? E quanto tempo ci vorrebbe a modificare completamente la grafica del tuo sito?

E ancora: riesci davvero a raggiungere tutti i tuoi potenziali clienti con il tuo sito se hanno ad esempio disabilitato le immagini o i fogli di stile, oppure non usano un browser?

Contatta VStudio e scopri come rendere il tuo sito, la tua azienda più presente ed efficace.