Webová stránka s pozadím má tendenciu vyzerať krajšie ako bez nej. Správnosť zobrazenia webovej stránky závisí od príslušných krokov potrebných na doplnenie pozadia.
Inštrukcie
Krok 1
Najjednoduchší spôsob, ako vytvoriť pozadie v html dokumente, je priradiť hodnotu atribútu tagu body. Daná hodnota pre atribút pozadia určí obrázok pozadia na stránke. Ak nastavíte hodnotu atribútu bgcolor, stránka bude mať farbu pozadia. Farba v atribúte bgcolor v značke body môže byť zadaná buď šestnástkovo alebo iba jedným slovom.
Krok 2
Rovnaký efekt môžete dosiahnuť použitím kaskádových šablón štýlov CSS. Hodnota pre atribút background-color bude definovať farbu pozadia na stránke, zatiaľ čo hodnota pre atribút background-color definuje cestu k obrázku na pozadí stránky. Tieto pokyny možno zapísať do selektora karosérie. Môžete to urobiť inak: priraďte triedu alebo identifikátor značke body v značke html a priraďte vyššie uvedené atribúty triede alebo identifikátoru v CSS. Malo by sa pamätať iba na to, že ak sú atribúty priradené triede, potom všetky objekty so zadanou triedou budú mať v html dokumente farbu pozadia.
Krok 3
Vyššie uvedené pokyny je možné zapísať do tela samotného html dokumentu. Ak to chcete urobiť, otvorte značku štýlu v sekcii služieb medzi hlavovými značkami (otváracia a zatváracia). Medzi otvorením a zatvorením danej značky je možné napísať akékoľvek vyhlásenia CSS. Je potrebné len mať na pamäti, že v takom prípade sa zvýši váha stránky, čo môže negatívne ovplyvniť čas potrebný na jej načítanie pre koncového používateľa. Je tiež potrebné poznamenať, že v prípade zadania obrázka na pozadí sa môže opakovať horizontálne, vertikálne alebo pozdĺž dvoch osí naraz. Zodpovedá za to atribút background-repeat v CSS. Obrázok na pozadí je možné pevne ukotviť bez ohľadu na prítomnosť posúvača v dokumente. Aby ste dosiahli tento efekt, musíte určiť background-attachment: fixed.
Krok 4
Pozadie html dokumentu je možné vykonať pomocou programovacích jazykov. Pokyny vo formáte HTML môžete písať pomocou kódu JavaScript. Konštrukt jazyka document.write je na to vhodný. Ak je to isté vyjadrené prostredníctvom modelu DOM, pomocou výrazu document.body.style.backgroundColor = “red” bude pozadie stránky červené. Je to to isté ako písanie príslušného atribútu priamo do CSS.
Krok 5
Predchádzajúce pokyny je možné zapísať priamo do kódu webovej stránky vytvorením dvojice značiek skriptu medzi úvodnou a záverečnou značkou hlavy. Všetky tieto pokyny však možno zapísať do samostatného súboru s príponou js, ktorý je možné následne prepojiť so stránkou.
