Le immagini di sfondo possono aggiungere profondità e ricchezza al design di una pagina di Dreamweaver. Usata in modo intelligente, un'immagine di sfondo che si scarica in modo rapido ed efficiente aiuta a creare l'illusione che l'intera pagina sia un'unica grande immagine.
Il trucco consiste nell'usare un'immagine con un file di piccole dimensioni che dia l'impressione di un'immagine grande. Un modo in cui funziona sul Web consiste nell'utilizzare le impostazioni predefinite per un'immagine di sfondo, che fa sì che l'immagine venga affiancata (ripetuta) attraverso e lungo la pagina.
Credito: foto di Casey Stoll
Il testo posizionato su determinati sfondi può essere difficile da leggere. Scegli attentamente le tue immagini di sfondo e assicurati che lo sfondo e il testo abbiano molto contrasto. Leggere sullo schermo di un computer è già abbastanza difficile.
Con i CSS, puoi avere un controllo molto maggiore sulla visualizzazione di un'immagine di sfondo. Quando crei uno stile di sfondo CSS, puoi inserire un'immagine di sfondo che non si ripete o che si ripete solo lungo l'asse Y o lungo l'asse X della pagina.
Per inserire un'immagine di sfondo in Dreamweaver, scegli Modifica → Proprietà pagina, fai clic sul pulsante Sfoglia a destra del campo Immagine di sfondo e seleziona l'immagine che desideri utilizzare come sfondo. Se l'immagine non è già nella cartella del sito locale, Dreamweaver propone di copiarla lì quando si fa clic su OK.
Quando si inserisce un'immagine utilizzando la funzione Proprietà pagina di Dreamweaver, è possibile utilizzare l'elenco a discesa Ripeti per specificare come si ripete l'immagine sulla pagina. Quando si specifica un'opzione di ripetizione, Dreamweaver crea automaticamente uno stile per la pagina con queste impostazioni di sfondo. Se si utilizza la finestra di dialogo Definizione CSS per modificare le opzioni di sfondo nello stile del corpo, è possibile specificare dove visualizzare l'immagine di sfondo.