Webová stránka s pozadím má tendenci vypadat hezčí než bez ní. Správnost zobrazení webové stránky závisí na příslušných opatřeních k přidání pozadí.
Instrukce
Krok 1
Nejjednodušší způsob, jak vytvořit pozadí v html dokumentu, je přiřadit hodnotu atributu tagu body. Daná hodnota atributu pozadí určí obrázek pozadí na stránce. Pokud nastavíte hodnotu atributu bgcolor, stránka bude mít barvu pozadí. Barvu v atributu bgcolor tagu body lze zadat šestnáctkově nebo pouze jedním slovem.
Krok 2
Stejného efektu můžete dosáhnout použitím kaskádových šablon stylů CSS. Hodnota atributu barva pozadí bude definovat barvu pozadí na stránce, zatímco hodnota atributu pozadí obrázek bude definovat cestu k obrázku pozadí stránky. Tyto pokyny lze zapsat do voliče karoserie. Můžete to udělat jinak: přiřadit třídu nebo identifikátor značce těla ve značce html a přiřadit výše uvedené atributy třídě nebo identifikátoru v css. Mělo by se pamatovat pouze na to, že pokud jsou atributy přiřazeny třídě, pak všechny objekty se zadanou třídou budou mít v html dokumentu barvu pozadí.
Krok 3
Výše uvedené pokyny lze zapsat do těla samotného dokumentu html. Chcete-li to provést, otevřete značku stylu v sekci služeb mezi hlavovými značkami (otevírání a zavírání). Mezi otevřením a zavřením dané značky lze psát jakékoli příkazy CSS. Mělo by se pamatovat pouze na to, že v takovém případě se zvýší váha stránky, což může negativně ovlivnit čas potřebný pro její načtení pro koncového uživatele. Je třeba také poznamenat, že v případě zadání obrázku na pozadí může být opakován vodorovně, svisle nebo podél dvou os. Je za to odpovědný atribut background-repeat v CSS. Obrázek na pozadí lze pevně ukotvit bez ohledu na přítomnost posuvníku v dokumentu. Chcete-li dosáhnout tohoto efektu, musíte zadat background-attachment: fixed.
Krok 4
Pozadí html dokumentu lze provést pomocí programovacích jazyků. Pokyny html můžete psát pomocí JavaScriptu. Konstrukční jazyk document.write je k tomu vhodný. Pokud je stejná věc vyjádřena prostřednictvím modelu DOM, pomocí výrazu document.body.style.backgroundColor = “red” bude pozadí stránky červené. To je stejné jako psaní příslušného atributu přímo do CSS.
Krok 5
Předchozí pokyny lze zapsat přímo do kódu webové stránky vytvořením dvojice značek skriptu mezi otevírací a zavírací značkou hlavy. Všechny tyto pokyny však lze zapsat do samostatného souboru s příponou js, který lze následně připojit ke stránce.
