Si të shtoni një sfond në një faqe në internet: 14 hapa (me fotografi)

Përmbajtje:

Si të shtoni një sfond në një faqe në internet: 14 hapa (me fotografi)
Si të shtoni një sfond në një faqe në internet: 14 hapa (me fotografi)

Video: Si të shtoni një sfond në një faqe në internet: 14 hapa (me fotografi)

Video: Si të shtoni një sfond në një faqe në internet: 14 hapa (me fotografi)
Video: CS50 2016 Week 0 at Yale (pre-release) 2024, Mund
Anonim

Sfondi është një nga elementët më të rëndësishëm të një faqe në internet. Një sfond i mirë krijon tonin për faqen në internet dhe plotëson përmbajtjen. Ka shumë mënyra të ndryshme për të shtuar një sfond, secila mënyrë me një qëllim të ndryshëm. Disa metoda ju lejojnë të aplikoni sfondin në të gjitha faqet në një faqe në internet, ndërsa të tjerët kufizojnë sfondin vetëm në një faqe të caktuar. Ky artikull ju mëson se si të shtoni një sfond në faqen tuaj duke përdorur HTML ose CSS.

Hapa

Metoda 1 nga 2: Metodat HTML

Sfond me ngjyra të ngurta

Shtoni një Sfond në një Uebfaqe Hapi 1
Shtoni një Sfond në një Uebfaqe Hapi 1

Hapi 1. Një sfond me ngjyrë të fortë është lloji më themelor i sfondit që mund të vendosni në një faqe në internet

Në fakt, çdo faqe në internet fillon me një sfond të bardhë të paracaktuar. Sidoqoftë, ndërsa një sfond i bardhë mund të duket shumë i lëmuar dhe i pastër kur përdoret me një skemë ngjyrash harmonike, një sfond me ngjyra të ndryshme mund të favorizohet me tema të ndryshme.

Shtoni një Sfond në një Uebfaqe Hapi 2
Shtoni një Sfond në një Uebfaqe Hapi 2

Hapi 2. Hapni kodin tuaj të internetit (burimi)

Shtoni një sfond në një faqe në internet Hapi 3
Shtoni një sfond në një faqe në internet Hapi 3

Hapi 3. Në etiketën e trupit, shtoni një atribut të quajtur bgcolor

Tani, etiketa e trupit tuaj duhet të duket kështu-

ku COLORNAME është emri i ngjyrës. COLORNAME mund të mbushet me shumë lloje të përfaqësuesve të ngjyrave-

  • (emri i ngjyrave)
  • (vlera gjashtëkëndore)
  • (Vlera RGB)
Shtoni një Sfond në një Uebfaqe Hapi 4
Shtoni një Sfond në një Uebfaqe Hapi 4

Hapi 4. Eksperimentimi me RGB dhe # mund të çojë në shumë nuanca, por ju mund të merrni rrugën e parë të lehtë

Por mos harroni se shtypja e një ngjyre të pazakontë si "Ultramarine Bluish Green" do të rezultojë në të bardhë.

Shtimi i një imazhi të sfondit

Shtimi i një imazhi në sfond është pak më i komplikuar sesa një sfond me ngjyrë të fortë

Shtoni një sfond në një faqe në internet Hapi 5
Shtoni një sfond në një faqe në internet Hapi 5

Hapi 1. Shtoni vetinë e sfondit në etiketën e trupit, kështu që duket kështu-

ku SRC është burimi i imazhit SRC mund të jetë në të njëjtën dosje, ose një dosje/faqe tjetër në internet.

  • (në të njëjtën dosje)
  • (brenda një dosje tjetër)
  • (në një faqe tjetër në internet)
Shtoni një Sfond në një Uebfaqe Hapi 6
Shtoni një Sfond në një Uebfaqe Hapi 6

Hapi 2. Mos harroni të shtypni shtesën.gif /-j.webp" />

Metoda 2 nga 2: Metodat CSS

Shtoni një sfond në një faqe në internet Hapi 6
Shtoni një sfond në një faqe në internet Hapi 6

Sfond me ngjyra të ngurta

Shtoni një sfond në një faqe në internet Hapi 7
Shtoni një sfond në një faqe në internet Hapi 7

Hapi 1. Për të shtuar një sfond me ngjyrë të fortë në CSS, shtoni një atribut stil

Ju gjithashtu mund të jepni ID dhe Klasa dhe të përdorni fletë stilesh të jashtme dhe të brendshme.

Shtoni një sfond në një faqe në internet Hapi 8
Shtoni një sfond në një faqe në internet Hapi 8

Hapi 2. Etiketa e trupit tuaj duhet të duket kështu-

ku COLORNAME është emri i ngjyrës, vlera gjashtëkëndore ose RGB (Gjithashtu mbani mend hapat e fundit të sfondit me ngjyrë të ngurtë në HTML, ato janë të zbatueshme edhe këtu).

Shtimi i një Imazhi

Shtoni një sfond në një faqe në internet Hapi 9
Shtoni një sfond në një faqe në internet Hapi 9

Hapi 1. Për të shtuar një imazh, shtoni atributin e stilit në etiketën e trupit

Ju gjithashtu mund të jepni ID dhe Klasa dhe të përdorni fletë stilesh të jashtme dhe të brendshme.

Shtoni një sfond në një faqe në internet Hapi 10
Shtoni një sfond në një faqe në internet Hapi 10

Hapi 2. Etiketa e trupit tuaj tani duhet të duket kështu-

Shtoni një sfond në një faqe në internet Hapi 11
Shtoni një sfond në një faqe në internet Hapi 11

Hapi 3. Mos harroni se SRC është burimi

Mund të jetë nga e njëjta dosje, dosje e ndryshme ose një faqe tjetër në internet.

  • (në të njëjtën dosje)
  • (brenda një dosje tjetër)
  • (në një faqe tjetër në internet).
Shtoni një Sfond në një Uebfaqe Hapi 12
Shtoni një Sfond në një Uebfaqe Hapi 12

Hapi 4. Mos harroni të shtoni edhe zgjerimet

Sfond i përsëritur i modeluar

Shtoni një Sfond në një Uebfaqe Hapi 13
Shtoni një Sfond në një Uebfaqe Hapi 13

Hapi 1. Për të bërë një sfond të përsëritur të modelit, shtoni një sfond siç thuhet në hapat e mësipërm

Etiketa e trupit tuaj tani duhet të ndryshohet në-

Aty ku REPEAT-SETTINGS janë cilësimet. Mund të ketë shumë cilësime të përsëritura, si p.sh.

  • (Sfondi do të përsëritet si vertikalisht ashtu edhe horizontalisht.)
  • (Sfondi do të përsëritet horizontalisht.)
  • (Sfondi do të përsëritet vertikalisht.)

Fixed Background Image

Shtoni një Sfond në një Uebfaqe Hapi 14
Shtoni një Sfond në një Uebfaqe Hapi 14

Hapi 1. Sfondet e fiksuara të imazhit duken të lezetshme dhe nuk ndryshojnë ndërsa lëvizni poshtë

Për t'i bërë ato ju vetëm duhet të bëni disa rregullime të thjeshta të kodit në pjesën e mësipërme. Bëni rregullimet për ta bërë etiketën e trupit të duket kështu-

ku SRC është burimi i imazhit të sfondit, POSITIONI është pozicioni i figurës (mund të shkojë nga qendra në krye-djathtas); lidhja me sfondin është "katalizatori" kryesor i këtij lloji të sfondit. Përdoret për të treguar pozicionin e sfondit dhe rekomandohet që të mos ndryshohet.

Këshilla

Recommended: