Ozadje v izvorni kodi spletnih strani, odvisno od uporabljene zasnove, lahko nastavite z določitvijo barve ali s povezavo na slikovno datoteko z dodatkom njenih pozicijskih parametrov. To lahko storite neposredno v oznakah HTML, v ločenem bloku CSS v glavnem delu vira ali v ločeni datoteki z opisi slogov.
Navodila
Korak 1
Odprite izvorno kodo bloka, ki se uporablja na vašem spletnem mestu, da nastavite ozadje njegovih strani. Pri uporabi katerega koli nadzornega sistema je ta blok praviloma dodeljen v ločeni datoteki. Sam nadzorni sistem ima orodja za njegovo urejanje neposredno v brskalniku. Odvisno od določenega sistema je ta postopek mogoče organizirati na različne načine - na primer prek urejevalnika strani. Če ne uporabljate nadzornih sistemov, morate ustrezno datoteko prenesti v računalnik in jo odpreti v katerem koli urejevalniku. Bolje je uporabiti specializiran urejevalnik HTML, lahko pa tudi najpreprostejši Notepad.
2. korak
Oznaki telesa dodajte atribut bgcolor, ki označuje barvni odtenek, če naj bo ozadje strani barvno in ne slike. Na primer:
Tu je za ozadje temno oranžna barva. Brskalnik ne more prepoznati vsakega besedilnega ("mnemoničnega") imena odtenka, zato je bolje uporabiti šestnajstiško barvno kodo. Koda FF8C00 na primer ustreza temno oranžni barvi:
3. korak
Če želite ozadje nastaviti s sliko in ne z barvo, uporabite atribut ozadja namesto bgcolor na oznaki telesa. Če se na primer datoteka s sliko v ozadju imenuje bgPic
4. korak
Če želite nastaviti ozadje strani s pomočjo CSS, v glavo izvorne kode postavite opis sloga. Na primer, opis sloga CSS, ki nadomešča temno oranžno barvo, določeno v oznaki telesa, kot ozadje je lahko videti takole:
body {ozadje-barva: DarkOrange;}
In lahko nastavite sliko za ozadje z naslednjim opisom sloga:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}
Tu je poleg povezave do slike navedena tudi barva ozadja (# FF8C00) - če so na strani mesta, ki jih slika v ozadju ne pokriva, bodo pobarvana v tukaj določenem barvnem odtenku. Parameter repeat-y določa ponovitev slike ozadja navpično (vzdolž osi Y). Če morate sliko ponoviti vodoravno, potem uporabite vrednost repeat-x in za prepoved ponavljanja vzorca - no-repeat. Opise slogov lahko postavite pred oznako, ki zapira naslovni del kode HTML.
5. korak
Shranite spremembe, narejene v urejevalniku strani, ali shranite in naložite preneseno datoteko nazaj na strežnik, če je bila koda urejena v datoteki v računalniku.
