Tausta lisamine veebisaidile: 14 sammu (piltidega)

Sisukord:

Tausta lisamine veebisaidile: 14 sammu (piltidega)
Tausta lisamine veebisaidile: 14 sammu (piltidega)

Video: Tausta lisamine veebisaidile: 14 sammu (piltidega)

Video: Tausta lisamine veebisaidile: 14 sammu (piltidega)
Video: Какого числа родился человек такая у него вся жизнь 2024, Mai
Anonim

Taust on veebisaidi üks olulisemaid elemente. Hea taust loob veebisaidile tooni ja täiendab sisu. Tausta lisamiseks on palju erinevaid viise, igaühel on erinev eesmärk. Mõned meetodid võimaldavad rakendada tausta veebisaidi kõikidele lehtedele, teised aga piiravad tausta ainult teatud lehega. See artikkel õpetab teile, kuidas HTML -i või CSS -i abil oma veebisaidile tausta lisada.

Sammud

Meetod 1 /2: HTML -meetodid

Ühevärviline taust

Tausta lisamine veebisaidile 1. samm
Tausta lisamine veebisaidile 1. samm

Samm 1. Ühevärviline taust on kõige tavalisem tausta tüüp, mille saate veebisaidile panna

Tegelikult algab iga veebisait vaikimisi valge taustaga. Kuigi valge taust võib harmoonilise värviskeemi kasutamisel olla väga klanitud ja puhas, võib erinevate teemade puhul eelistada erinevat värvi tausta.

Tausta lisamine veebisaidile 2. samm
Tausta lisamine veebisaidile 2. samm

Samm 2. Avage oma veebikood (allikas)

Tausta lisamine veebisaidile 3. samm
Tausta lisamine veebisaidile 3. samm

Samm 3. Lisage keha märgendisse atribuut nimega bgcolor

Nüüd peaks teie kehamärgis välja nägema selline-

kus COLORNAME on värvi nimi. COLORNAME saab täita mitut tüüpi värviesindajatega-

  • (värvi nimi)
  • (kuusnurkne väärtus)
  • (RGB väärtus)
Tausta lisamine veebisaidile 4. samm
Tausta lisamine veebisaidile 4. samm

Samm 4. RGB ja # -ga katsetamine võib kaasa tuua palju toone, kuid võite valida lihtsa tee

Kuid pidage meeles, et ebatavalise värvi tippimine "Ultramarine Bluish Green" annab tulemuseks valge.

Taustapildi lisamine

Taustapildi lisamine on pisut keerulisem kui ühevärviline taust

Tausta lisamine veebisaidile 5. samm
Tausta lisamine veebisaidile 5. samm

Samm 1. Lisage põhisildile taustaomadus, nii et see näeb välja selline:

kus SRC on pildi allikas SRC võib olla samas kaustas või mõnes muus kaustas/veebilehel.

  • (samas kaustas)
  • (teises kaustas)
  • (teisel veebilehel)
Tausta lisamine veebisaidile 6. samm
Tausta lisamine veebisaidile 6. samm

Samm 2. Ärge unustage tippida.gif /-j.webp" />

Meetod 2/2: CSS -meetodid

Tausta lisamine veebisaidile 6. samm
Tausta lisamine veebisaidile 6. samm

Ühevärviline taust

Tausta lisamine veebisaidile 7. samm
Tausta lisamine veebisaidile 7. samm

Samm 1. CSS -i ühevärvilise tausta lisamiseks lisage stiiliatribuut

Samuti saate anda ID -sid ja klasse ning kasutada nii väliseid kui ka sisemisi stiililehti.

Tausta lisamine veebisaidile 8. samm
Tausta lisamine veebisaidile 8. samm

Samm 2. Teie keha silt peaks välja nägema selline-

kus COLORNAME on värvi, heksade väärtuse või RGB nimi (pidage meeles ka ühevärvilise tausta viimaseid samme HTML -is, need on rakendatavad ka siin).

Pildi lisamine

Tausta lisamine veebisaidile 9. samm
Tausta lisamine veebisaidile 9. samm

Samm 1. Pildi lisamiseks lisage body -märgendile atribuut style

Samuti saate anda ID -sid ja klasse ning kasutada nii väliseid kui ka sisemisi stiililehti.

Tausta lisamine veebisaidile 10. samm
Tausta lisamine veebisaidile 10. samm

Samm 2. Teie keha silt peaks nüüd välja nägema selline-

Tausta lisamine veebisaidile 11. samm
Tausta lisamine veebisaidile 11. samm

Samm 3. Pidage meeles, et allikas on SRC

See võib pärineda samast kaustast, erinevast kaustast või teiselt veebilehelt.

  • (samas kaustas)
  • (teises kaustas)
  • (teisel veebilehel).
Tausta lisamine veebisaidile 12. samm
Tausta lisamine veebisaidile 12. samm

Samm 4. Ärge unustage lisada ka laiendusi

Korduv mustriline taust

Tausta lisamine veebisaidile 13. samm
Tausta lisamine veebisaidile 13. samm

Samm 1. Korduva mustriga tausta loomiseks lisage taust, nagu ülaltoodud juhistes öeldud

Teie keha silt tuleb nüüd muuta-

Kus on seadistused REPEAT-SETTINGS. Korduvaid seadeid võib olla palju, nt.

  • (Taust kordub nii vertikaalselt kui ka horisontaalselt.)
  • (Taust kordub horisontaalselt.)
  • (Taust kordub vertikaalselt.)

Fikseeritud pildi taust

Tausta lisamine veebisaidile 14. samm
Tausta lisamine veebisaidile 14. samm

Samm 1. Fikseeritud pilditaustad näevad lahedad välja ja ei muutu alla kerides

Nende tegemiseks peate lihtsalt tegema ülaltoodud jaotises oleva koodi lihtsaid muudatusi. Tehke muudatusi, et keha silt näeks välja selline-

kus SRC on taustapildi allikas, POSITION on pildi asukoht (see võib ulatuda keskelt paremale ülaossa); taustakinnitus on selle taustatüübi peamine "katalüsaator". Seda kasutatakse tausta asukoha määramiseks ja seda ei soovitata muuta.

Soovitan: