Ako Vytvoriť Obrázok Na Pozadí Na Webovej Stránke

Obsah:

Ako Vytvoriť Obrázok Na Pozadí Na Webovej Stránke
Ako Vytvoriť Obrázok Na Pozadí Na Webovej Stránke

Video: Ako Vytvoriť Obrázok Na Pozadí Na Webovej Stránke

Video: Ako Vytvoriť Obrázok Na Pozadí Na Webovej Stránke
Video: 24. Microsoft Word - odebrání pozadí obrázku 2024, November
Anonim

Základy stavenia stránok sa môžete naučiť sami; na internete a v knihách je o tejto téme dostatok informácií. V počiatočnej fáze však často vznikajú ťažkosti pri používaní jednej alebo druhej značky. Najčastejšie prvky si skutočne pamätajú, pretože sú nevyhnutné pri písaní akýchkoľvek webových stránok.

Ako vytvoriť obrázok na pozadí na webovej stránke
Ako vytvoriť obrázok na pozadí na webovej stránke

Inštrukcie

Krok 1

Vyberte obrázok, ktorý chcete použiť ako obrázok na pozadí. Ak máte v úmysle vložiť text cez ilustráciu, je v tomto prípade vhodné obmedziť sa na možnosti bez nadmerného spestrenia, pri ktorých je použitých niekoľko farieb, ktoré majú podobný charakter. V zásade môžete vylúčiť vlnenie tak, že vytvoríte „pozadie“obsahu - a problém bude úspešne vyriešený.

Krok 2

Opravte obrázok pomocou programu Adobe Photoshop. Po dokončení vyberte príkaz Uložiť na web z ponuky Súbor a vyberte požadovaný priečinok. Ak je to prvý obrázok, ktorý sa použije pre web, automaticky sa vytvorí priečinok „Obrázky“.

Krok 3

Do značky napíšeme atribút background = "path to image". Príklad záznamu: alebo. Zároveň nezabúdajte, že značka by sa mala v kóde zobraziť iba raz, nemala by sa znásobovať.

Krok 4

Uložte zmeny v poznámkovom bloku, kliknite v prehliadači na tlačidlo „Obnoviť“. Tapeta sa objaví na obrazovke. Ak sú rozmery obrázka menšie ako parametre webovej stránky, bude sa obraz duplikovať toľkokrát, koľkokrát je to potrebné, aby sa vyplnil celý priestor. Existujú dva spôsoby, ako tento nedostatok napraviť:

• pomocou programu Adobe Photoshop nastavte požadované parametre obrázka v pixeloch („Obrázok“- „Veľkosť obrázka“);

• nastavte požadované rozmery v html kóde.

Napríklad ak je šírka 1250 px a výška 650 px, musíte do bunky tabuľky, do ktorej bude obrázok umiestnený, pridať potrebné atribúty.

V značke nemôžete nastaviť veľkosť - obrázok sa vždy zobrazí v plnej veľkosti.

Krok 5

Analóg ccs pre vloženie obrázka na pozadí:

obrázok na pozadí

TELO {

background-image: url (images / bg.jpg);

}

Atribút „background-image: url (images / bg.jpg)“je cesta k obrázku na pozadí.

Odporúča: