Ako pridať pozadie na web: 14 krokov (s obrázkami)

Obsah:

Ako pridať pozadie na web: 14 krokov (s obrázkami)
Ako pridať pozadie na web: 14 krokov (s obrázkami)

Video: Ako pridať pozadie na web: 14 krokov (s obrázkami)

Video: Ako pridať pozadie na web: 14 krokov (s obrázkami)
Video: Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн! 2024, Apríl
Anonim

Pozadie je jedným z najdôležitejších prvkov webovej stránky. Dobré pozadie vytvára tón pre webovú stránku a dopĺňa obsah. Existuje mnoho rôznych spôsobov, ako pridať pozadie, pričom každý spôsob má iný účel. Niektoré metódy umožňujú použiť pozadie na všetky stránky na webe, zatiaľ čo iné obmedzujú pozadie iba na určitú stránku. Tento článok vás naučí, ako pridať pozadie na webové stránky pomocou HTML alebo CSS.

Kroky

Metóda 1 z 2: Metódy HTML

Jednofarebné pozadie

Pridajte pozadie na webovú stránku Krok 1
Pridajte pozadie na webovú stránku Krok 1

Krok 1. Plné farebné pozadie je najzákladnejším typom pozadia, ktoré môžete umiestniť na webovú stránku

V skutočnosti každá webová stránka začína predvoleným bielym pozadím. Napriek tomu, keď môže byť biele pozadie veľmi harmonické a čisté, ak sa používa s harmonickou farebnou schémou, môžu byť preferované rôzne farebné pozadia s rôznymi témami.

Pridajte pozadie na webovú stránku Krok 2
Pridajte pozadie na webovú stránku Krok 2

Krok 2. Otvorte svoj webový kód (zdroj)

Pridajte pozadie na webovú stránku Krok 3
Pridajte pozadie na webovú stránku Krok 3

Krok 3. Do tagu body pridajte atribút s názvom bgcolor

Teraz by vaša telesná značka mala vyzerať takto-

kde COLORNAME je názov farby. COLORNAME môže byť naplnený mnohými druhmi farebných reprezentantov-

  • (názov farby)
  • (hexadecimálna hodnota)
  • (Hodnota RGB)
Pridajte pozadie na webovú stránku Krok 4
Pridajte pozadie na webovú stránku Krok 4

Krok 4. Experimentovanie s RGB a # môže viesť k mnohým odtieňom, ale môžete sa vydať jednoduchou cestou

Nezabudnite však, že zadaním neobvyklej farby ako „Ultramarine Bluish Green“bude biela.

Pridanie obrázku na pozadí

Pridanie obrázku na pozadie je o niečo komplikovanejšie ako jednofarebné pozadie

Pridajte pozadie na webovú stránku Krok 5
Pridajte pozadie na webovú stránku Krok 5

Krok 1. Pridajte do značky body vlastnosť pozadia, aby vyzerala takto-

kde SRC je zdrojom obrázku SRC môže byť v rovnakom priečinku alebo inom priečinku/webovej stránke.

  • (v rovnakom priečinku)
  • (v inom priečinku)
  • (na inej webovej stránke)
Pridajte pozadie na webovú stránku Krok 6
Pridajte pozadie na webovú stránku Krok 6

Krok 2. Nezabudnite napísať príponu.gif /-j.webp" />

Metóda 2 z 2: Metódy CSS

Pridajte pozadie na webovú stránku Krok 6
Pridajte pozadie na webovú stránku Krok 6

Jednofarebné pozadie

Pridajte pozadie na webovú stránku Krok 7
Pridajte pozadie na webovú stránku Krok 7

Krok 1. Ak chcete do CSS pridať jednofarebné pozadie, pridajte atribút štýlu

Môžete tiež dávať identifikátory a triedy a používať externé aj interné šablóny štýlov.

Pridajte pozadie na webovú stránku Krok 8
Pridajte pozadie na webovú stránku Krok 8

Krok 2. Váš štítok na tele by mal vyzerať takto-

kde COLORNAME je názov farby, hexadecimálnej hodnoty alebo RGB (pamätajte tiež na posledné kroky jednofarebného pozadia v HTML, sú použiteľné aj tu).

Pridanie obrázku

Pridajte pozadie na webovú stránku Krok 9
Pridajte pozadie na webovú stránku Krok 9

Krok 1. Ak chcete pridať obrázok, pridajte do tagu body atribút style

Môžete tiež dávať identifikátory a triedy a používať externé aj interné šablóny štýlov.

Pridajte pozadie na webovú stránku Krok 10
Pridajte pozadie na webovú stránku Krok 10

Krok 2. Váš štítok na tele by teraz mal vyzerať takto-

Pridajte pozadie na webovú stránku Krok 11
Pridajte pozadie na webovú stránku Krok 11

Krok 3. Nezabudnite, že zdrojom je SRC

Môže to byť z rovnakého priečinka, iného priečinka alebo z inej webovej stránky.

  • (v rovnakom priečinku)
  • (v inom priečinku)
  • (na inej webovej stránke).
Pridajte pozadie na webovú stránku Krok 12
Pridajte pozadie na webovú stránku Krok 12

Krok 4. Nezabudnite pridať aj rozšírenia

Opakujúce sa vzorované pozadie

Pridajte pozadie na webovú stránku Krok 13
Pridajte pozadie na webovú stránku Krok 13

Krok 1. Ak chcete vytvoriť pozadie s opakovaným vzorom, pridajte pozadie podľa vyššie uvedených krokov

Váš štítok na tele teraz musíte zmeniť na-

Kde sú nastavenia OPAKOVANÉ NASTAVENIA. Môže existovať veľa nastavení opakovania, napríklad-

  • (Pozadie sa bude opakovať vertikálne aj horizontálne.)
  • (Pozadie sa bude horizontálne opakovať.)
  • (Pozadie sa bude vertikálne opakovať.)

Opravené pozadie obrázku

Pridajte pozadie na webovú stránku Krok 14
Pridajte pozadie na webovú stránku Krok 14

Krok 1. Pevné pozadie obrázku vyzerá skvele a pri posúvaní nadol sa nemení

Na ich vykonanie stačí vykonať niekoľko jednoduchých vylepšení kódu vo vyššie uvedenej časti. Vykonajte úpravy, aby štítok na tele vyzeral takto-

kde SRC je zdrojom obrázku na pozadí, POSITION je poloha obrazu (môže sa pohybovať od stredu do pravého horného rohu); pripojenie na pozadí je hlavným „katalyzátorom“tohto typu pozadia. Slúži na zistenie polohy pozadia a odporúča sa, aby sa nemenil.

Odporúča: