vai al menu sezioni pagina

'Colori' dal sito 4elementi.info ~ accessolibero

sei su: Home [0] > Creiamo? > Accessolibero


Contenuti

primo stadio particolare murale con una fantasia marinasecondo stadio particolare murale con una fantasia marina

menu di navigazione [2] ~ contenuti [3] ~ menu lingua [7]


Ora andiamo ad applicare qualche elemento di formattazione grafica alla pagina.

Innanzitutto, come ci eravamo ripromessi applichiamo la classe "invisibile" al tag <div> che contiene il Menu sezioni pagina.

Poi creiamo nel Foglio di stile tre nuove classi:

.grigio{
background-color:#cccccc;
}

.celeste{
background-color:#99ccff;
}

.rosa{
background-color:#ffccff;
}


ognuna delle quali definisce un colore di sfondo all'elemento cui viene applicata.

Applichiamo la classe 'grigio' al tag <div> in cui è inserita la sezione 'note', la classe 'celeste' a quello che contiene la sezione 'contenuti' e la classe 'celeste' al tag <div> che contiene la sezione 'titolo'.

Ed ecco il risultato: per brutta che sia, è la nostra prima pagina formattata con lo stile e accessibile.
Possiamo sbizzarrirci dunque a applicare gli stili di formattazione, ad esempio del testo.
Vedremo oltre che l'Accessibilità impone molte restrizioni, ad esempio un contrasto tra colore del testo e dello sfondo che permetta di leggere agevolmente.

vai al menu sezioni pagina

Certificati di accessibilità e contatto con il webmaster

webmaster: dalziani [6]

xhtml valido

css valido

vai al menu sezioni pagina

Menu di navigazione

vai al menu sezioni pagina

Menu di scelta della lingua

vai al menu sezioni pagina
fine documento