Tabelle di dati e d'impaginazione: caratteristiche



In conclusione di argomento, cerchiamo di riassumere le caratteristiche che appartengono rispettivamente alle tabelle di dati e a quelle d'impaginazione, ricordando però che possono verificarsi casi misti come quello illustrato più sopra.

  • sono utilizzate per rappresentare informazioni di natura esclusivamente tabellare: dati, cioè, che potrebbero essere inseriti in una tabella di database. In base a questa analogia, le celle marcate con TH corrisponderebbero ai nomi dei campi in una tabella di database
  • i contenuti di una qualsiasi cella sono correlati con quelli delle celle disposte sulla stessa riga (nel caso di tabelle multicolonna) e/o sulla stessa colonna
  • in tabelle con almeno due colonne non è possibile invertire di posizione i contenuti di due celle qualsiasi senza alterare la validità e la comprensibilità dei dati
  • possono essere rese accessibili, o più accessibili, utilizzando un apposito codice di marcatura strutturale (CAPTION, TH, COL, COLGROUP, THEAD, TBODY, TFOOT, summary, headers, id, scope)

Sono tabelle di dati

  • un calendario
  • un orario delle lezioni
  • una rubrica di nomi, indirizzi e numeri telefonici
  • sono utilizzate per disporre i contenuti sulla pagina in posizioni precise
  • i contenuti delle celle sono indipendenti gli uni dagli altri, non esistono correlazioni semantiche orizzontali e verticali
  • è possibile invertire i contenuti di due celle senza alterare la consistenza dei dati presenti nella tabella
  • sono accessibili se possono essere linearizzate senza perdere di significato.

Sono tabelle di impaginazione:

  • una griglia di righe e colonne i cui contenuti riproducono un'impaginazione basata su testata, tre colonne centrali e pie' di pagina
  • una tabella di un'unica cella, annidata in un'altra tabella, usata al solo scopo di aggiungere una distanza supplementare tra il suo contenuto e i margini della cella che la contiene
  • una tabella che contiene, insieme ad elementi grafici e testo, immagini spaziatrici invisibili, utilizzate per distanziare i contenuti visibili sulla pagina

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti