Ozadje je eden najpomembnejših elementov spletnega mesta. Dobro ozadje ustvarja ton za spletno stran in dopolnjuje vsebino. Ozadje lahko dodate na različne načine, vsak z drugačnim namenom. Nekatere metode vam omogočajo, da uporabite ozadje za vse strani na spletnem mestu, druge pa omejijo ozadje le na določeno stran. Ta članek vas uči, kako dodati ozadje na svoje spletno mesto z uporabo HTML ali CSS.
Koraki
Metoda 1 od 2: Metode HTML
Enobarvno ozadje
Korak 1. Enobarvno ozadje je najosnovnejša vrsta ozadja, ki ga lahko postavite na spletno mesto
Pravzaprav se vsako spletno mesto začne s privzetim belim ozadjem. Čeprav je belo ozadje lahko zelo elegantno in čistega videza, če ga uporabljamo s harmonično barvno shemo, je mogoče drugačnemu ozadju dati prednost z različnimi temami.
Korak 2. Odprite svojo spletno kodo (vir)
Korak 3. V oznako body dodajte atribut, imenovan bgcolor
Zdaj bi morala vaša oznaka telesa izgledati takole-
kjer je COLORNAME ime barve. COLORNAME lahko napolnite z mnogimi vrstami barvnih predstavnikov-
- (ime barve)
- (šestnajstiška vrednost)
- (Vrednost RGB)
Korak 4. Eksperimentiranje z RGB in # lahko pripelje do številnih odtenkov, vendar se lahko odločite na enostaven način
Vendar ne pozabite, da bo vnos nenavadne barve kot "Ultramarine Modrikasto zelena" povzročil belo.
Dodajanje slike ozadja
Dodajanje slike ozadja je nekoliko bolj zapleteno kot enobarvno ozadje
Korak 1. Dodajte lastnost ozadja oznaki body, tako da bo videti tako-
kjer je SRC vir slike. SRC je lahko v isti mapi ali drugi mapi/spletni strani.
- (v isti mapi)
- (v drugi mapi)
- (na drugi spletni strani)
Korak 2. Ne pozabite vnesti razširitve.gif /-j.webp" />
Metoda 2 od 2: Metode CSS
Enobarvno ozadje
Korak 1. Če želite dodati enobarvno ozadje v CSS, dodajte atribut sloga
Lahko daste tudi ID -je in razrede ter uporabite zunanje in notranje slogovne liste.
Korak 2. Vaša oznaka telesa bi morala izgledati takole-
kjer je COLORNAME ime barve, šestnajstiška vrednost ali RGB (Ne pozabite tudi na zadnje korake enobarvnega ozadja v HTML, veljajo tudi tukaj).
Dodajanje slike
Korak 1. Če želite dodati sliko, atributu sloga dodajte oznako body
Lahko daste tudi ID -je in razrede ter uporabite zunanje in notranje slogovne liste.
Korak 2. Vaša oznaka telesa bi morala izgledati takole-
Korak 3. Ne pozabite, da je vir vir SRC
Lahko je iz iste mape, druge mape ali druge spletne strani.
- (v isti mapi)
- (v drugi mapi)
- (na drugi spletni strani).
Korak 4. Ne pozabite dodati.. Razširitev
Ponavljajoče se ozadje z vzorcem
Korak 1. Če želite ustvariti ozadje z ponavljajočim se vzorcem, dodajte ozadje, kot je navedeno v zgornjih korakih
Zdaj morate oznako telesa spremeniti v-
Kjer so nastavitve REPEAT-SETTINGS. Nastavitve se lahko ponavljajo, na primer
- (Ozadje se bo ponavljalo navpično in vodoravno.)
- (Ozadje se bo ponovilo vodoravno.)
- (Ozadje se bo ponovilo navpično.)
Ozadje fiksne slike
Korak 1. Nepremična slikovna ozadja izgledajo kul in se med drsenjem navzdol ne spreminjajo
Če jih želite narediti, morate narediti nekaj preprostih nastavitev kode v zgornjem razdelku. Naredite spremembe, da bo oznaka telesa videti takole-