Pozadie v zdrojovom kóde webových stránok, v závislosti od použitého vzoru, je možné nastaviť buď zadaním farby, alebo prepojením na obrazový súbor s pridaním jeho parametrov umiestnenia. To je možné vykonať priamo v značkách HTML, v samostatnom bloku CSS v hlavičkovej časti zdroja alebo v samostatnom súbore s popismi štýlov.
Inštrukcie
Krok 1
Otvorte zdrojový kód bloku, ktorý sa používa na vašom webe, aby ste nastavili pozadie jeho stránok. Pri použití ľubovoľného riadiaceho systému je tento blok spravidla pridelený v samostatnom súbore. Samotný riadiaci systém má nástroje na jeho úpravu priamo v prehliadači. V závislosti od konkrétneho systému môže byť tento postup usporiadaný rôznymi spôsobmi - napríklad prostredníctvom editora stránok. Ak nepoužívate riadiace systémy, musí sa zodpovedajúci súbor stiahnuť do vášho počítača a otvoriť v ľubovoľnom editore. Je lepšie používať špecializovaný editor HTML, môžete však použiť aj najjednoduchší Poznámkový blok.
Krok 2
Ak má byť pozadie stránky farbou, nie obrázkom, pridajte do značky body atribút bgcolor označujúci farebný odtieň. Napríklad:
Tu je ako pozadie tmavo oranžová farba. Prehliadač nedokáže rozpoznať každý textový („mnemotechnický“) názov odtieňa, takže je lepšie použiť hexadecimálny farebný kód. Napríklad kód FF8C00 zodpovedá tmavo oranžovej farbe:
Krok 3
Ak má byť pozadie nastavené skôr obrázkom ako farbou, použite namiesto značky bgcolor na značke body atribút pozadie. Napríklad ak sa súbor s obrázkom na pozadí volá bgPic
Krok 4
Ak chcete nastaviť pozadie stránky pomocou CSS, vložte popis štýlu do hlavičky zdrojového kódu. Napríklad popis štýlu CSS, ktorý nahradí tmavo oranžovú farbu špecifikovanú v značke body, pretože pozadie môže vyzerať takto:
body {background-color: DarkOrange;}
Môžete tiež nastaviť obrázok na pozadí s nasledujúcim popisom štýlu:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}
Tu je okrem odkazu na obrázok uvedená aj farba pozadia (# FF8C00) - ak sú na stránke miesta, ktoré nie sú prekryté obrázkom pozadia, potom budú namaľované v tu určenom farebnom odtieni. Parameter repeat-y určuje vertikálne opakovanie obrazu na pozadí (pozdĺž osi Y). Ak potrebujete obrázok opakovať vodorovne, mali by ste použiť hodnotu repeat-x a zakázať opakovanie vzoru - neopakovať. Popisy štýlov môžete umiestniť pred značku, ktorá uzatvára hlavičku HTML kódu.
Krok 5
Uložte zmeny vykonané v editore stránky alebo stiahnutý súbor uložte a nahrajte späť na server, ak bol kód upravený v súbore vo vašom počítači.
