Kako dodati ozadje na spletno mesto: 14 korakov (s slikami)

Kazalo:

Kako dodati ozadje na spletno mesto: 14 korakov (s slikami)
Kako dodati ozadje na spletno mesto: 14 korakov (s slikami)

Video: Kako dodati ozadje na spletno mesto: 14 korakov (s slikami)

Video: Kako dodati ozadje na spletno mesto: 14 korakov (s slikami)
Video: ЛЮБОВЬ С ДОСТАВКОЙ НА ДОМ (2020). Романтическая комедия. Хит 2024, Maj
Anonim

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

Dodajte ozadje na spletno mesto 1. korak
Dodajte ozadje na spletno mesto 1. korak

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.

Dodajte ozadje na spletno mesto 2. korak
Dodajte ozadje na spletno mesto 2. korak

Korak 2. Odprite svojo spletno kodo (vir)

Dodajte ozadje na spletno mesto 3. korak
Dodajte ozadje na spletno mesto 3. korak

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)
Dodajte ozadje na spletno mesto 4. korak
Dodajte ozadje na spletno mesto 4. korak

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

Dodajte ozadje na spletno mesto 5. korak
Dodajte ozadje na spletno mesto 5. korak

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)
Dodajte ozadje na spletno mesto 6. korak
Dodajte ozadje na spletno mesto 6. korak

Korak 2. Ne pozabite vnesti razširitve.gif /-j.webp" />

Metoda 2 od 2: Metode CSS

Dodajte ozadje na spletno mesto 6. korak
Dodajte ozadje na spletno mesto 6. korak

Enobarvno ozadje

Dodajte ozadje na spletno mesto 7. korak
Dodajte ozadje na spletno mesto 7. korak

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.

Dodajte ozadje na spletno mesto 8. korak
Dodajte ozadje na spletno mesto 8. korak

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

Dodajte ozadje na spletno mesto 9. korak
Dodajte ozadje na spletno mesto 9. korak

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.

Dodajte ozadje na spletno mesto 10. korak
Dodajte ozadje na spletno mesto 10. korak

Korak 2. Vaša oznaka telesa bi morala izgledati takole-

Dodajte ozadje na spletno mesto 11. korak
Dodajte ozadje na spletno mesto 11. korak

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).
Dodajte ozadje na spletno mesto 12. korak
Dodajte ozadje na spletno mesto 12. korak

Korak 4. Ne pozabite dodati.. Razširitev

Ponavljajoče se ozadje z vzorcem

Dodajte ozadje na spletno mesto 13. korak
Dodajte ozadje na spletno mesto 13. korak

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

Dodajte ozadje na spletno mesto Korak 14
Dodajte ozadje na spletno mesto Korak 14

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-

kjer je SRC vir slike ozadja, POSITION je položaj slike (lahko sega od središča do zgoraj desno); priloga ozadja je glavni "katalizator" te vrste ozadja. Uporablja se za določanje položaja ozadja in priporočljivo je, da ga ne spreminjate.

Priporočena: