Accessibilità Web

www.accessibilita-web.it   

Sei in :

  • Home >
  • Formati orizzontali delle pagine html >


vai al menu

vai alla fine della pagina

Estensione orizzontale delle pagine Web

L'estensione orizzontale delle pagine Web può essere definita in base ad uno dei tre formati attualmente più usati, che possono essere ottenuti utilizzando esclusivamente proprietà definite nei fogli stile (CSS):

Formato fisso

Le pagine con questo formato assumono una larghezza fissa, in genere predefinita.

La largezza usata correntemente è di circa 770 pixel, che consente di vedere la pagina in tutta la sua larghezza, senza barra di scorrimento orizzontale, su un video con risoluzione 800 x 600 pixel.

Questa dimensione orizzontale è ritenuta ergonomicamente migliore, perchè consente di leggere l'intera pagina senza eccessivi spostamenti laterali del capo e degli occhi.

Di contro, non è l'impostazione ottimale per chi usa caratteri molto grandi, perchè in questo caso si riducono notevolmente le parole contenute in una riga.

Per ottenere questo formato, impostare la laghezza in pixel.

Formato fluido

Con questa modalità le pagine si dimensionano automaticamente in funzione della finestra del browser.

E' il formato ideale per chi usa caratteri molto grandi su schermi con buona risoluzione (min 1024 x 768 pixel).

Ha lo svantaggio, per chi usa una visualizzazione di caratteri standard, di presentare righe di testo molto larghe, di difficile lettura, a meno di non ridefinire le dimensioni della finestra del browser utilizzando solo una porzione dello schermo.

Per ottenere questo formato, impostare la larghezza in percentuale.

Formato elastico

Consente di definire la larghezza in modo tale da contenere un numero fisso di caratteri, la finestra del browser si dimensiona cioè in base alla grandezza dei caratteri.

Ha il vantaggio di avere righe di testo omogenee, indipendenti dalla grandezza dei caratteri, e consente quindi formattazioni del testo più precise.

Su video di risoluzione limitata, usando caratteri grandi può obbligare a continui e spiacevoli spostamenti laterali per la lettura dei testi.

Per ottenere questo formato, impostare la larghezza in em.

Formato usato per questo sito

Per la realizzazione di questo sito, abbiamo utilizzato un insieme dei formati descritti.

Il corpo della pagina è in formato elastico, assume cioè le dimensioni della finestra del browser.

La pagina è divisa in tre colonne con le seguenti caratteristiche:

  • colonna di sinistra
    definita in formato elastico: si adatta alle dimenzioni dei caratteri

  • colonna di destra
    definita a largezza fissa

  • colonna centrale
    definita in formato fluido: occupa tutto lo spazio lasciato dalle due colonne
    a parità di risoluzione video, si restringe usanndo caratteri più grandi
    si allarga o restringe variando le dimensioni della finestra del browser

Anche se può essere visualizzato con risoluzioni video basse (800 x 600 pixel), il sito è stato impostato per una visualizzazione ottimale su una risoluzione di 1024 x 768 pixel.

Il seguente esempio consente di visualizzare la stessa semplice pagina utilizzando i vari formati di layout orizzontale.

E possibile variare la dimensione dei caratteri e passare da una impostazione standard ad una ad alto contrasto.

Le variazioni delle modalità di visualizzazione sono ottenute mediante semplici istruzioni in codice Javascript.

vedi esempio

 


torna ad inizio pagina


Amber - Via Chianciano, 7- 20161 Milano
P. IVA 13387080156 - Email info sep amber punto it
torna ad inizio pagina
 Informativa Privacy