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 različitom svrhom. Neke metode vam omogućuju 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
Korak 1. Jednobojna pozadina je najosnovnija vrsta pozadine koju možete postaviti na web stranicu
Zapravo, svaka web stranica započinje zadanom bijelom pozadinom. Međutim, dok bijela pozadina može izgledati vrlo elegantno i čisto ako se koristi sa skladnom shemom boja, pozadini različite boje mogu se dati prednost s različitim temama.
Korak 2. Otvorite svoj web kôd (izvor)
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)
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 je malo složenije od jednobojne pozadine
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 fascikli/web stranici.
- (u istoj fascikli)
- (unutar druge fascikle)
- (na drugoj web stranici)
Korak 2. Ne zaboravite upisati ekstenziju.gif /-j.webp" />
Metoda 2 od 2: CSS metode
Jednobojna pozadina
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 unutrašnje stilove.
Korak 2. Oznaka vašeg tijela trebala bi izgledati ovako-
gdje je COLORNAME naziv boje, heksadecimalna vrijednost ili RGB (Također zapamtite posljednje korake jednobojne pozadine u HTML -u, oni su primjenjivi i ovdje).
Dodavanje slike
Korak 1. Da biste dodali sliku, dodajte atribut stila u oznaku body
Također možete dati ID -ove i klase te koristiti i vanjske i unutrašnje stilove.
Korak 2. Vaša oznaka tijela sada bi trebala izgledati ovako-
Korak 3. Upamtite da je SRC izvor
Može biti iz iste mape, druge mape ili s druge web stranice.
- (u istoj fascikli)
- (unutar druge fascikle)
- (na drugoj web stranici).
Korak 4. Ne zaboravite dodati i.extensions
Ponavljanje pozadine sa uzorkom
Korak 1. Da biste napravili pozadinu uzorka koji se ponavlja, dodajte pozadinu kao što je rečeno u prethodnim koracima
Vaša oznaka za tijelo sada se mora promijeniti u-
Gdje su REPEAT-SETTINGS postavke. Može biti mnogo ponavljajućih postavki, kao npr.
- (Pozadina će se ponavljati okomito i vodoravno.)
- (Pozadina će se ponavljati vodoravno.)
- (Pozadina će se ponavljati okomito.)
Pozadina fiksne slike
Korak 1. Pozadine fiksne slike izgledaju super 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-