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
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.
Hapi 2. Hapni kodin tuaj të internetit (burimi)
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)
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ë
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)
Hapi 2. Mos harroni të shtypni shtesën.gif /-j.webp" />
Metoda 2 nga 2: Metodat CSS
Sfond me ngjyra të ngurta
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.
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
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.
Hapi 2. Etiketa e trupit tuaj tani duhet të duket kështu-
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).
Hapi 4. Mos harroni të shtoni edhe zgjerimet
Sfond i përsëritur i modeluar
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
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-