Kako dodati pozadinu na web stranicu: 14 koraka (sa slikama)

Sadržaj:

Kako dodati pozadinu na web stranicu: 14 koraka (sa slikama)
Kako dodati pozadinu na web stranicu: 14 koraka (sa slikama)

Video: Kako dodati pozadinu na web stranicu: 14 koraka (sa slikama)

Video: Kako dodati pozadinu na web stranicu: 14 koraka (sa slikama)
Video: iPhone/iPad Display KOSTENLOS am Smart TV spiegeln OHNE Apple TV! (iOS 14) | Nils-Hendrik Welk 2024, Svibanj
Anonim

Pozadina je jedan od najvažnijih elemenata web stranice. Dobra pozadina stvara ton web stranici i nadopunjuje sadržaj. Postoji mnogo različitih načina dodavanja pozadine, svaki način s drugom svrhom. Neke metode omogućuju vam da primijenite pozadinu na sve stranice na web stranici, dok druge ograničavaju pozadinu samo na određenu stranicu. Ovaj članak vas uči kako dodati pozadinu na svoju web stranicu pomoću HTML -a ili CSS -a.

Koraci

Metoda 1 od 2: HTML metode

Jednobojna pozadina

Dodajte pozadinu web stranici Korak 1
Dodajte pozadinu web stranici Korak 1

Korak 1. Jednobojna pozadina je najosnovnija vrsta pozadine koju možete postaviti na web stranicu

Zapravo, svaka web stranica počinje zadanom bijelom pozadinom. No, iako bijela pozadina može izgledati vrlo elegantno i čisto ako se koristi s skladnom shemom boja, pozadini različite boje mogu se dati prednost s različitim temama.

Dodajte pozadinu web stranici Korak 2
Dodajte pozadinu web stranici Korak 2

Korak 2. Otvorite svoj web kôd (izvor)

Dodajte pozadinu web stranici Korak 3
Dodajte pozadinu web stranici Korak 3

Korak 3. U oznaku body dodajte atribut zvan bgcolor

Sada bi vaša oznaka tijela trebala izgledati ovako-

gdje je COLORNAME naziv boje. COLORNAME može biti ispunjen mnogim vrstama predstavnika boja-

  • (naziv boje)
  • (hex vrijednost)
  • (RGB vrijednost)
Dodavanje pozadine web stranici Korak 4
Dodavanje pozadine web stranici Korak 4

Korak 4. Eksperimentiranje s RGB i # može dovesti do mnogih nijansi, ali možete uzeti lakši prvi način

Ali zapamtite da će upisivanje neuobičajene boje kao "Ultramarine Bluish Green" rezultirati bijelom bojom.

Dodavanje pozadinske slike

Dodavanje pozadinske slike malo je složenije od jednobojne pozadine

Dodajte pozadinu web stranici Korak 5
Dodajte pozadinu web stranici Korak 5

Korak 1. Dodajte svojstvo pozadine u oznaku body tako da izgleda ovako-

gdje je SRC izvor slike SRC može biti u istoj mapi ili drugoj mapi/web stranici.

  • (u istoj mapi)
  • (unutar druge mape)
  • (na drugoj web stranici)
Dodajte pozadinu web stranici Korak 6
Dodajte pozadinu web stranici Korak 6

Korak 2. Ne zaboravite upisati ekstenziju.gif /-j.webp" />

Metoda 2 od 2: CSS metode

Dodajte pozadinu web stranici Korak 6
Dodajte pozadinu web stranici Korak 6

Jednobojna pozadina

Dodavanje pozadine web stranici Korak 7
Dodavanje pozadine web stranici Korak 7

Korak 1. Za dodavanje jednobojne pozadine u CSS, dodajte atribut stila

Također možete dati ID -ove i klase te koristiti i vanjske i unutarnje stilove.

Dodavanje pozadine web stranici Korak 8
Dodavanje pozadine web stranici Korak 8

Korak 2. Vaša oznaka tijela trebala bi izgledati ovako-

gdje je COLORNAME naziv boje, hex vrijednost ili RGB (Također zapamtite posljednje korake jednobojne pozadine u HTML -u, oni su primjenjivi i ovdje).

Dodavanje slike

Dodavanje pozadine web stranici Korak 9
Dodavanje pozadine web stranici Korak 9

Korak 1. Da biste dodali sliku, dodajte atribut stila oznaci body

Također možete dati ID -ove i klase te koristiti i vanjske i unutarnje stilove.

Dodajte pozadinu web stranici Korak 10
Dodajte pozadinu web stranici Korak 10

Korak 2. Vaša oznaka tijela sada bi trebala izgledati ovako-

Dodavanje pozadine web stranici Korak 11
Dodavanje pozadine web stranici Korak 11

Korak 3. Zapamtite da je SRC izvor

Može biti iz iste mape, druge mape ili s druge web stranice.

  • (u istoj mapi)
  • (unutar druge mape)
  • (na drugoj web stranici).
Dodavanje pozadine web stranici Korak 12
Dodavanje pozadine web stranici Korak 12

Korak 4. Ne zaboravite dodati i.extensions

Ponavljanje pozadine s uzorkom

Dodajte pozadinu web stranici Korak 13
Dodajte pozadinu web stranici Korak 13

Korak 1. Da biste napravili ponovljenu pozadinu uzorka, dodajte pozadinu kao što je rečeno u prethodnim koracima

Vaša oznaka body sada se mora promijeniti u-

Gdje su REPEAT-SETTINGS postavke. Može biti mnogo ponavljajućih postavki, poput

  • (Pozadina će se ponavljati okomito i vodoravno.)
  • (Pozadina će se ponavljati vodoravno.)
  • (Pozadina će se ponavljati okomito.)

Pozadina fiksne slike

Dodavanje pozadine web stranici Korak 14
Dodavanje pozadine web stranici Korak 14

Korak 1. Pozadine fiksne slike izgledaju cool i ne mijenjaju se dok se pomičete prema dolje

Da biste ih učinili, samo trebate napraviti neke jednostavne prilagodbe koda u gornjem odjeljku. Učinite izmjene kako bi oznaka tijela izgledala ovako-

gdje je SRC izvor pozadinske slike, POSITION je položaj slike (može se kretati od središta do gore desno); pozadinsko vezanje glavni je "katalizator" ove vrste pozadine. Koristi se za određivanje položaja pozadine i preporučuje se da se ne mijenja.

Preporučeni: