Come fare uno sfondo liquido in Dreamweaver

July 8

software di sviluppo Web Dreamweaver di Adobe possono creare due tipi di sfondo: fissa e liquido. Una immagine di sfondo fisso rimane nella stessa posizione quando l'utente cambia la dimensione del browser; sfondo liquido, invece, cambia la sua posizione in base alla dimensione della finestra del browser. Anche se Dreamweaver comprende diversi layout liquidi preconfigurate, creare il proprio liquido sfondo per una pagina Web aiuta a familiarizzare con il programma e gli stili CSS che controllano l'aspetto di una pagina Web.

istruzione

1 Avviare Dreamweaver. Fare clic su "File", quindi "Nuovo". Assicurarsi che "Pagina vuota", "HTML" e "<nessuno>" siano selezionate, quindi fare clic su "Crea".

2 Fare clic all'interno della CSS Stili riquadro nell'angolo in alto a destra della finestra di Dreamweaver. Selezionare "Nuovo".

3 Tipo "corpo" nel campo di selezione Nome. Fai clic su "OK", quindi su "Sì".

4 Fai clic su "Background" nella finestra che si apre. Fare clic sul pulsante "Sfoglia", quindi individuare l'immagine che si desidera utilizzare come sfondo liquido. Fare doppio clic sull'immagine; se una finestra di dialogo si apre, fare clic su "OK".

5 Fare clic sul "background-position (X)" menu a discesa e selezionare "(valore)." Aprire il menu a discesa "px" e selezionare "%". Fai clic su "(valore)" e digitare "100" Fai clic su "OK".

6 Pulsante destro del mouse all'interno del documento di Dreamweaver e selezionare "Stili CSS" dal menu che si apre. Fai clic su "corpo".

7 Premere il tasto "F12" e fare clic su "Sì". Digitare un nome per il documento e premere "Invio" per visualizzare in anteprima lo sfondo nel browser Web predefinito. Fare clic e trascinare sia il bordo sinistro o destro della finestra del browser per vedere lo sfondo liquido a tutti gli effetti.