Video: Dreamweaver CS6 - Inserire un'immagine di sfondo a tutto schermo ridimensionabile in una pagina web 2024
Creazione di sfondi per pagine Web in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver può essere perseguito in molti modi rispetto alla maggior parte delle persone. È possibile creare un motivo ripetuto con una singola immagine piccola, creare una filigrana o utilizzare un'immagine grande per riempire un intero sfondo.
-
In Photoshop, scegliete File → Nuovo per creare una nuova immagine.
-
Nella nuova finestra di dialogo che appare, crea un'immagine molto più ampia di quanto sia alta, scegli RGB, scegli 72 dpi, quindi fai clic su OK.
Ad esempio, immettere 1000 nel campo di testo Larghezza e 20 nel campo di testo Altezza.
-
Seleziona un colore di primo piano e di sfondo per creare una fusione.
Utilizzare lo strumento Sfumatura in Maiusc + trascinamento dall'alto verso il basso dell'area dell'immagine per creare un riempimento sfumato.
-
Scegli File → Salva per web.
Salva l'immagine come file JPEG nella cartella del contenuto web del tuo sito, quindi chiudi l'immagine.
-
Apri la pagina di Dreamweaver.
In Dreamweaver, selezionare Modifica → Proprietà della pagina o fare clic sul pulsante Proprietà pagina nella finestra di ispezione Proprietà per posizionare l'immagine come immagine di sfondo nella pagina Web.
Se il pulsante Proprietà pagina non è visibile, fare clic sulla pagina: assicurarsi di non selezionare un altro elemento, ad esempio un'immagine.
-
Viene visualizzata la finestra di dialogo Proprietà pagina.
Fare clic sul pulsante Sfoglia a destra dell'immagine di sfondo, navigare fino alla posizione dell'immagine di sfondo salvata, quindi fare clic su Scegli / OK; fare clic su OK nella finestra di dialogo Proprietà pagina.
L'immagine appare sullo sfondo, ripetendo e creando un gradiente di sfondo alla fine della pagina!
A seconda delle dimensioni e della risoluzione del monitor di un utente, l'immagine di sfondo potrebbe essere costretta a ripetere. La ripetizione di un'immagine di sfondo può dare dei risultati creativi.
In alcuni casi, potresti non vedere lo sfondo finché non fai clic sul pulsante Anteprima / Debug nel browser e visualizzi l'anteprima della pagina nel browser predefinito.
