Materiali
Incontro 3
Colore e sfondo della pagina
A questo punto decidiamo quali caratteristiche deve avere lo sfondo della pagina, cioè il body.
1) Creiamo una nuova regola
Clicchiamo sull'icona dei fogli di stile in alto a sinistra, e scegliamo:
Style rule.
2) Si apre una finestra come quella sotto.
Lasciamo selezionata la prima voce in alto:
style applied to all elements of type
E sotto scegliamo la voce:
body
3) Clicchiamo su Create Style Rule
Vediamo che nell'elenco a sinistra è comparsa una sotto-voce del foglio di stile stili.css
E' il tag body.
Ora possiamo decidere quali caratteristiche dare alla pagina html, attraverso il menu in alto a destra (Text, Background, Borders ecc)
4) Scegliamo il colore di sfondo della pagina
Clicchiamo su Background e selezioniamo il colore di sfondo della pagina
5) Scegliamo un'immagine di sfondo della pagina
Clicchiamo sull'icona della cartellina Choose file e scegliamo
un'immagine di sfondo per la pagina.
L'immagine può essere ripetuta in orizzontale e verticale,
oppure non ripetuta.
Nel nostro caso abbiamo delle sfumature verticali, quindi un'immagine fatta a striscia che va ripetuta in orizzontale per riempire la pagina.
Qui sotto c'è un esempio di immagine di sfondo. Se la ripetiamo molte volte in orizzontale, possiamo ottenere uno sfondo uniforme.
Quindi nella nostra finestra scegliamo:
horizontally
e poi su OK
5) Scegliamo il carattere per la pagina
Clicchiamo su Text
nel menu in alto e scegliamo le caratteristiche del
carattere (font) per la nostra pagina.
In alto a sinistra clicchiamo su predefined e scegliamo una serie di
font dal menu.
Ad esempio, nel caso di Arial, Helvetica, sans-serif, la pagina comparirà con il carattere Arial. Se il computer che legge la pagina non ha il font Arial lo leggerà con Helvetica, e così via.
