Ako si vyrobiť webové stránky pozadie s obrázkom Center

Niekedy osamelý , stred pozadia webovej stránky môžete vytvoriť dramatický efekt , ktorý zlepšuje náladu na internetových stránkach . Napríklad snímku Zeme plávajúce na čiernom pozadí môže fascinovať návštevníkov astronomické stránky . Mnoho vývojárov použitie štýlov pre ovládanie polohy a vzhľad všetkých objektov na webovej stránke. To zahŕňa pozadie . Experiment sa sústredil pozadia výberom jeden z vašich obľúbených snímok a styling ho na webovej stránke . Návod
Stránka 1

Otvorte Poznámkový blok . Pridajte nasledujúci text vytvoriť prázdny dokument HTML :

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

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

< head >

< title > Center webové stránky Testovacie < /title >

< - ! Vložte oddiel štýl tu ** - >

< /head >

< telo >

< h1 > Táto stránka má na stred obrázku na pozadí < /h1 >

< input id = " Button1 " type = " tlačidlo " value = " tlačidlo " /> < input id = " Text1 " type = " text " />

< /body >

< /html >

Tento kód vytvorí záhlavie, tlačidlá a textové polia
2

Pridajte nasledujúci kód Style Sheet pod " Vložiť sekcie štýlu tu : " .

< štýl >

body { background : url ( ' xyz.jpg " ) , fixná na stred no- repeat; }

< /štýl >

Táto definícia štýlu centier obrázok na pozadí tela stránky . Nahradiť " xyz.jpg " s jedným z vašich snímok .
3

Stlačte tlačidlo " Ctrl + S " otvoríte Poznámkový blok v " Uložiť ako " okno . Zadajte " Center_Web_Page_Test.html " v " Názov súboru " poľa a kliknite na tlačidlo " Uložiť" . Poznámkový blok uloží súbor vo formáte HTML .
4

Otvorte prehliadač a stlačte tlačidlo " CTRL + O " otvoríte okno " Súbor Otvoriť " . Vyhľadajte súbor HTML a dvakrát naň kliknite . Prehliadač zobrazí ju . Skontrolujte, či je prehliadač centra obrázok na pozadí .