|
|
 |
|
|
|
Sfondi HTML : IMMAGINE SULLO SFONDO
|
Se invece di un colore singolo vuoi aggiungere un'immagine allo sfondo, ci sono alcune considerazioni preliminari che dovresti fare:
- Lo sfondo è abbastanza discreto da non distrarre l'attenzione dalle scritte?
- L'immagine dello sfondo si armonizza con i colori del testo e con quelli dei link?
- L'immagine dello sfondo si armonizza con le altre immagini che voglio mettere sulla pagina?
- Quanto tempo impiega la pagina a scaricare l'immagine dello sfondo?
E' troppo grande?
- L'immagine dello sfondo, dopo essere stata copiata, riesce a riempire l'intera pagina? Con schermi di ogni risoluzione?
Dopo aver risposto a queste domande, se pensi ancora di volere un'immagine come sfondo dovrai specificare nel tag <body> quale immagine dovrà essere usata per lo sfondo.
<body background="drkrainbow.gif">
|
Nota:
Se l'immagine che usi è più piccola dello schermo, quasta verrà replicata fino a riempire l'intero schermo.
Se ad esempio vuoi uno sfondo a righe, non hai bisogno di creare un'immagine di grandi dimensioni. In pratica ti basta fare un'immagine alta due pixel e larga un pixel. Quando questa viene inserita nella pagina i due punti verranno copiati fino a riempire l'intera pagina - creando così un'immagine di righe a tutto schermo.
Quando decidi di usare un'immagine come sfondo, è sempre consigliabile specificare anche un colore di sfondo.
<body background="drkrainbow.gif" bgcolor="#333333">
|
Il motivo è che, intanto che l'immagine viene scaricata, sullo sfondo apparirà il colore che hai scelto.
Se c'è troppa differenza tra il colore dello sfondo e l'immagine-sfondo, quando il browser passerà dal colore all'immagine si avrà un effetto fastidioso.
Perciò è una buona idea specificare un colore per lo sfondo che si armonizzi il più possibile con i colori dell'immagine prescelta.
Forse hai notato che le immagini dello sfondo scorrono insieme alla pagina quando usi la barra di scorrimento (scroll bar).
La prossima pagina ti insegnerà a inserire un'immagine fissa nella tua pagina....
|
|
| |
|
CORSI 
