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: Moja omiljena veličina Pe***a 2024, Maj
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 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

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 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.

Dodajte pozadinu web stranici 2. korak
Dodajte pozadinu web stranici 2. korak

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)
Dodajte pozadinu web stranici Korak 4
Dodajte pozadinu 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 je malo 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 fascikli/web stranici.

  • (u istoj fascikli)
  • (unutar druge fascikle)
  • (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

Dodajte pozadinu web stranici Korak 7
Dodajte pozadinu 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 unutrašnje stilove.

Dodajte pozadinu web stranici Korak 8
Dodajte pozadinu web stranici Korak 8

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

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

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.

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

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

Dodajte pozadinu web stranici 11. korak
Dodajte pozadinu web stranici 11. korak

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).
Dodajte pozadinu web stranici Korak 12
Dodajte pozadinu web stranici Korak 12

Korak 4. Ne zaboravite dodati i.extensions

Ponavljanje pozadine sa uzorkom

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

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

Dodajte pozadinu web stranici Korak 14
Dodajte pozadinu web stranici Korak 14

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-

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

Preporučuje se: