Hvordan lage en nettside Bakgrunn Med Image oss

Noen ganger kan en ensom , sentrert websiden bakgrunn kan skape en dramatisk effekt som forsterker stemningen av et nettsted. For eksempel kan et bilde av Jorden flytende mot en svart bakgrunn enthrall besøkende til en astronomi nettstedet . Mange utviklere bruker stilark til å styre plasseringen og utseendet på hvert objekt på en webside. Dette inkluderer bakgrunner. Eksperimentere med sentrert bakgrunn ved å velge en av dine favorittbilder og styling det på websiden. Instruksjoner
1

Åpne Notepad . Legg til følgende tekst for å lage en tom HTML-dokument :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">

< html xmlns = " http://www.w3.org/1999/xhtml " > arkiv

< head >

< tittelen > senter en webside Test < /tittel >

< - Sett stil seksjonen her ** - >

< /head >

< body >

< h1 > Denne siden har en Sentrert bakgrunnsbilde < /h1 >

< innspill id = " Button1 " type = " knappen "value =" button " /> < innspill id =" Text1 "type = " text " />

< /body >

< /html >

Denne koden skaper en overskrift , en knapp og en tekstboks
2

Legg følgende style Sheet koden under "Insert stil delen her: " .

< stil >

body {background : url (' xyz.jpg ') fast center no- repeat; }

< /style >

Denne stilen definisjon sentre bakgrunnsbildet på siden kropp. Erstatt " xyz.jpg " med en av dine bilder.
3

Trykk " Ctrl + S " for å åpne Notepad er " Lagre som" -vinduet. Enter " Center_Web_Page_Test.html " i " File Name" boksen og klikk " Lagre". Notisblokk vil spare HTML-filen .
4

Åpne en nettleser og trykk "CTRL + O" for å åpne " File Open" -vinduet. Finn HTML-filen og dobbeltklikker på den . Nettleseren vil vise det . Kontroller nettleseren sentre bakgrunnsbildet .