Video: Dreamweaver CS6 - Inserire un'immagine di sfondo a tutto schermo ridimensionabile in una pagina web 2024
Le immagini di sfondo possono aggiungere profondità e ricchezza a un design di pagina di Dreamweaver. Utilizzato 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'utilizzare un'immagine con una dimensione di file piccola che crea l'impressione di un'immagine grande. Un modo in cui questo funziona sul Web consiste nell'utilizzare le impostazioni predefinite per un'immagine di sfondo, che fa sì che l'immagine tegoli (ripeti) su e giù per la pagina.
Il testo inserito su determinati sfondi può essere difficile da leggere. Scegli attentamente le tue immagini di sfondo e assicurati che il tuo sfondo e il tuo testo abbiano molto contrasto. Leggere sullo schermo di un computer è abbastanza difficile.
Con i CSS, puoi avere un controllo molto maggiore sulla visualizzazione di un'immagine di sfondo. Quando si crea uno stile di sfondo CSS, è possibile inserire un'immagine di sfondo che non si ripete o che si ripete solo attraverso l'asse Y o lungo l'asse X della pagina.
Per inserire un'immagine di sfondo in Dreamweaver, selezionare Modifica → Proprietà della pagina, fare clic sul pulsante Sfoglia a destra del campo Immagine di sfondo e selezionare l'immagine che si desidera utilizzare come sfondo. Se l'immagine non è già nella cartella del sito locale, Dreamweaver offre di copiarla 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 il modo in cui l'immagine si ripete 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 dello sfondo nello stile del corpo, è possibile specificare dove verrà visualizzata l'immagine di sfondo.
