Ako Umiestniť Pozadie Na Web

Obsah:

Ako Umiestniť Pozadie Na Web
Ako Umiestniť Pozadie Na Web

Video: Ako Umiestniť Pozadie Na Web

Video: Ako Umiestniť Pozadie Na Web
Video: ЗЛО ИЗ ПРЕИСПОДНЕЙ ГОДАМИ МУЧАЕТ СЕМЬЮ В ЭТОМ ДОМЕ 2024, November
Anonim

Pracovné pozadie webu je možné porovnať s tapetou pre plochu vášho operačného systému. Pozadie (pozadie), môžete vytvoriť v niekoľkých variáciách, o ktorých bude reč nižšie.

Ako umiestniť pozadie na web
Ako umiestniť pozadie na web

Nevyhnutné

Úpravy súboru style.css

Inštrukcie

Krok 1

Monochromatické pozadie. Najjednoduchší druh pozadia, veľkým plusom je minimálne zaťaženie stránky takýmto obrázkom. Ak súbor štýlov (style.css) neobsahuje príkazy na nastavenie farby pozadia, prehľadávač predvolene navrhne bielu farbu. Na zmenu farby použite príkaz background-color. Príklad použitia tohto príkazu: background-color: # 3366CC.

Krok 2

Na výber konkrétnej farby môžete použiť špeciálny softvér, napríklad grafický editor Adobe Photoshop. Ak ste s ním nikdy nepracovali, odporúča sa využívať webové služby. Pozoruhodným príkladom je vyhľadávací nástroj „Yandex“, prejdite na nasledujúci odkaz https://yandex.ru a zadajte výraz „modrá farba“. Pred vami sa objaví tabuľka farieb, v ktorej si môžete vybrať ľubovoľnú podľa svojich predstáv, skopírovať kód a vložiť ho do kódu stránky.

Krok 3

Textúra pozadia. Okrem farby pozadia môžete na ktorúkoľvek stránku vášho webu pridať obrázok alebo cyklicky sa opakujúci vzor (textúru). Za týmto účelom po zadaní farby pozadia napíšeme príkaz background-image, napríklad background-image: url (img / uzor.png). Cesta k súboru musí byť uvedená v zátvorkách. Stojí za zmienku, že rozlíšenie textúry môže začínať od najmenšieho (16x16) a končiť obrázkami v plnej veľkosti pre veľkosť stránok webu (800x600 a viac).

Krok 4

Pozadie pomocou prechodu. V takom prípade používate farbu pozadia, ktorá bola nastavená pomocou príkazu background-color, ale vytvárate prechod. Prechod môže byť vodorovný (x) a zvislý (y). Najčastejšie sa ako gradient pozadia používa vodorovná poloha, takže čiara s prechodom bude vyzerať takto: background-repeat: repeat-x.

Odporúča: