Farebné pozadie stránky nielen priťahuje pozornosť návštevníkov, ale vyjadruje aj náladu zdroja. Webové stránky s tematikou vesmíru vytvárajú atmosféru tajomstva s pozadím v podobe hviezdnej oblohy, zdroje zábavy rozveselujú sýte farby teplých farieb, webové služby mestských služieb ukazujú svoju oficiálnosť strohým dizajnom a pozadím prevažne sivých a modrých odtieňov.. Existuje niekoľko spôsobov, ako si vyfarbiť vlastnú webovú stránku.
Je to nevyhnutné
- - vaše stránky
- - aspoň základné znalosti HTML
Inštrukcie
Krok 1
Ak chcete vytvoriť jednofarebné pozadie, vyhľadajte nasledujúce značky a v kóde HTML. Zmeňte prvú značku takto:
V tejto konštrukcii je # FFFF33 zakódovaný žltý odtieň.
Krok 2
Farbu stránky je možné určiť nielen kódom, ale aj špeciálnymi slovami - názvami základných farieb. Ak chcete farbu pozadia označiť slovom, napíšte nasledujúci kód:
Tu „žltá“je názov žltej farby.
Krok 3
Namiesto žltej kódovej značky alebo jej názvu pridajte do značky požadované označenie požadovanej farby pozadia pomocou tejto nápovedy:
červená - „červená“(„# FF0000“)
modrá - "modrá" ("# 0000FF")
zelená - „zelená“(„# 008000“)
ružová - „ružová“(„# FFC0CB“)
fialová - „fialová“(„# EE82EE“)
oranžová - „oranžová“(„# FFA500“)
čierna - "čierna" ("# 000000")
Krok 4
Ak chcete mať opakujúci sa obrázok na pozadí webu, vyberte malý obrázok, proti ktorému bude text dobre viditeľný. Nahrajte obrázok na web. Ak chcete umiestniť obrázok ako pozadie, zadajte tento kód do značky
V tejto položke namiesto „/images/fon.jpg“zadajte cestu k požadovanému obrázku.
Krok 5
Farbu webových stránok je možné nastaviť nielen v kóde HTML, ale aj pomocou štýlov CSS. Pri použití týchto štýlov nemusíte zakaždým nastavovať pozadie v kóde novej stránky. Definovanie pozadia v CSS medzi značkami a umiestnenie záznamu takto:
telo {
pozadie: # FFFF33;
}
Tu je farba pozadia nastavená parametrom pozadia.
Krok 6
Ak chcete vytvoriť pozadie v CSS pomocou obrázka, potom medzi a napíšte nasledujúci kód namiesto „/images/fon.jpg“s uvedením cesty k požadovanému obrázku:
telo {
background-image: url ('/ images / fon.jpg');
background-repeat: opakovať;
}
Tu parameter background-image definuje obrázok na pozadí, background-repeat - opakovanie obrázka. Na stránke.
