Në këtë postim do t'ju tregoj si zakonisht vendosni sfondin e sajtit duke përdorur HTML kodi.
Unë do t'ju tregoj gjithashtu një shërbim të shkëlqyer të huaj për zgjedhjen e sfondeve pa probleme.
Në ditët e sotme, cilësimet e faqes janë bërë më të lehta dhe më të përshtatshme përmes konzollave CMS si WordPress.
Mund të jetë e nevojshme të ndryshoni shabllonet e shitjes së faqeve të internetit, ky artikull do t'ju ndihmojë me këtë.
Nëse nuk e dini se çfarë është HTML, atëherë kjo mund të quhet përgjithësisht gjuha e sajteve ose një grup rregullash me të cilat krijohen faqet.
Për shembull, ju shihni një foto në një faqe interneti, por në kodin HTML të faqes mund të duket kështu:
Vendosni një ngjyrë të fortë në sfondin e faqes.
Për të instaluar sfond me ngjyra të forta, duhet të etiketoni shtoni atribut bgcolor.
< html >
< head >
< title >Titulli i faqes.
< body bgcolor = "#ffcc00" >
Mund ta ngjisni këtë kod në një skedar teksti dhe ta ruani me shtesën .html. Pastaj hapeni me çdo shfletues dhe shikoni rezultatin.
Siç ndoshta e keni marrë me mend, ngjyra e sfondit shfaqet për shkak të kodit të ngjyrës në atribut bgcolor = "vlera", të cilin mund ta gjeni duke ndjekur këtë lidhje.
Vendosja e një imazhi në sfondin e një faqe HTML.
Në mënyrë që vendos imazhin në sfond, mund të përdorni atributin sfond në etiketë .
< html >
< head >
< title >Titulli i faqes.
< body background = "http://сайт/images/mlmsecret.jpg" >Përshëndetje. Kjo është faqja ime e parë.
Ju mund të vini re se atributi sfond barazohet me shtegun e skedarit që përdoret si sfond.
Për të ndryshuar shpejt sfondin ose ndonjë fotografi në faqe, thjesht specifikoni rrugën e re për në skedarin tuaj duke përdorur një redaktues teksti.
Për të zbuluar rrugën e mëparshme, duhet të shkoni në faqen me foton, të klikoni me të djathtën mbi foto dhe të klikoni në "Kopjo URL-në e figurës". në këtë mënyrë do të shihni emrin e figurës/sfondit. Pastaj thjesht mund të zëvendësoni imazhin e vjetër me tuajin, duke përdorur të njëjtin emër skedari.
Këto ishin bazat më të thjeshta për konfigurimin sfond në html, tani vjen pjesa interesante. 🙂
Hapni skedarin tuaj të faqes HTML për modifikim në redaktorin që po përdorni. Për ta bërë këtë, mund të klikoni me të djathtën në dokument dhe të zgjidhni seksionin "Hap me".
Struktura e një skedari HTML është një seri përshkruesish të niveleve dhe qëllimeve të ndryshme. Kodi i faqes zakonisht fillon me etiketën . Pas kësaj zakonisht ka një seksion
, i cili specifikon titullin e faqes dhe kodin CSS. Pasi të mbyllet doreza, fillon trupi i faqes . Atributi për vendosjen e imazhit të sfondit të faqes është caktuar si një parametër shtesë i sfondit për këtë etiketë. Kodi për të krijuar sfondin e faqes do të duket si ky:Në këtë rast, rruga për në imazh mund të jetë një URL (duke filluar me http://). Vendndodhja mund të vendoset nga direktoria rrënjësore (/root/folder/background.jpg) ose në lidhje me vendndodhjen e dokumentit HTML që redaktohet (për shembull, folder/background.jpg).
Ruani ndryshimet tuaja dhe hapni faqen në një shfletues. Për ta bërë këtë, klikoni me të djathtën dhe zgjidhni "Hap me". Në listën e dhënë, tregoni emrin e programit që përdorni për të parë faqet në internet. Nëse parametri i sfondit është vendosur saktë, do të shihni imazhin e sfondit të specifikuar më parë. Nëse imazhi nuk shfaqet, kontrolloni që atributi i sfondit të jetë specifikuar saktë dhe shtegu për në skedarin e sfondit.
parametri bgcolor
Për të vendosur ngjyrën e sfondit pa një imazh, mund të përdorni direktivën bgcolor. Ju mund të specifikoni emrin anglisht të ngjyrës si vlerë për këtë atribut, ose të përdorni vlerën e ngjyrës në paletën HTML. Për shembull:
Ky kod i jep faqes një sfond blu. Nëse dëshironi të vendosni një nuancë ngjyrash ose një ngjyrë më të saktë, përdorni vlerat e paletës HTML:
Në këtë rast, #002902 është ngjyra që duhet t'i jepet faqes.
Atributet CSS
Ju gjithashtu mund të vendosni sfondin duke përdorur kodin CSS në opsionet
:Duke përdorur CSS, mund të specifikoni gjithashtu një imazh të sfondit për faqen nëpërmjet imazhit të sfondit:
Përdorimi i CSS dhe HTML jep të njëjtat rezultate, megjithatë, kur vendosni parametrat e shfaqjes së faqes, preferohet të përdorni CSS.
Ditë të mbarë për të gjithë ata që duan të mësojnë dhe të mësojnë diçka të re! A i keni kushtuar ndonjëherë vëmendje pamjes, gjatë zhvillimit të së cilës krijuesit ishin shumë dembelë për të hartuar sfondin e faqeve? Dhe e bëra. Duket keq. Shpesh, për shkak të mungesës së ndarjeve të zakonshme midis llojeve të ndryshme të informacionit, ai ngatërrohet dhe thjesht nuk ka dëshirë për të parë asgjë më tej në një burim të tillë në internet.
Për të parandaluar që një fatkeqësi e tillë të më ndodhte, vendosa të shkruaj një artikull me temën: "Si të krijojmë një sfond faqeje në html". Pas leximit të botimit, do të mësoni se çfarë mjetesh mund të përdorni për të vendosur dizajnin e sfondit, si ta rregulloni ose ndryshoni sfondin dhe shumë më tepër që do t'ju ndihmojnë ta bëni faqen tuaj tërheqëse. Tani le të fillojmë!
Mjetet bazë për vendosjen e sfondit të faqeve të internetit
Për të vendosur një imazh të sfondit, zhvilluesit e gjuhës së uebit dhanë atributin e sfondit. Është në dispozicion si në , ashtu edhe në css.
Në gjuhën e shënjimit, ky është një atribut i etiketës së trupit, dhe në fletët e stileve, është një veti universale që ju lejon të vendosni deri në 5 karakteristika të sfondit në të njëjtën kohë. Sfondi është një element mjaft fleksibël që mund të përdoret për të vendosur sfondin në formën e një ngjyre të vetme, një fotografie me ngjyra apo edhe një animacion.
Pra, për të vendosur imazhin e sfondit përmes njësisë html
thjesht shkruani kodin e mëposhtëm: ... dhe në vend të fjalëve "adresa e skedarit" futni shtegun për në foto.
Megjithatë, ju lutem vini re! Nëse dëshironi të shihni një kanavacë me një ngjyrë si sfond, të specifikuar nga një vlerë nga paleta e ngjyrave, atëherë kjo bëhet duke përdorur atributin bgcolor.
Për shembull,
..., ne kemi vendosur një sfond të zi për faqen tonë.
Ngjyrat në css dhe html përcaktohen ose nga një fjalë angleze (për shembull, e kuqe) ose një kod i veçantë, i cili përbëhet nga shenja # dhe gjashtë karaktere pas saj (për shembull, #FFDAB9).
Kur shkruani opsionin e dytë në softuer të specializuar për zhvillues, paleta do të shfaqet automatikisht para jush. Nëse sapo keni filluar të mësoni këto gjuhë të internetit, atëherë mund të kërkoni kodin e ngjyrave në internet.
Sfondi si një veti në fletët e stilit kaskadë
Vendoset ose në një skedar të veçantë me stile css, ose në një element
Teksti i parë
Teksti i dytë
Pothuajse çdo faqe interneti e njohur ka një pamje të këndshme. Një pjesë e rëndësishme e dizajnit të faqes në internet është sfondi, i quajtur ndryshe sfond, të cilin secili prej nesh mund ta krijojë ose ta ndryshojë. Në këtë artikull do t'ju tregoj se si të vendosni një sfond në një faqe interneti.
Krijimi i një sfondi të ri për faqet e internetit
Për të përfunduar detyrën, mund të përdorni një nga 4 metodat:
- 1. Sfondi me një ngjyrë
- 2. Sfondi me teksturë
- 3. Sfondi duke përdorur një gradient
- 4. Sfondi nga një imazh i madh
Krijoni një sfond duke përdorur një ngjyrë
Për të krijuar ose ndryshuar sfondin e sitit, i cili përbëhet nga një ngjyrë, duhet të shkoni te skedari stil.css, në të cilën gjeni vlerën - trupi (është përgjegjës për trupin kryesor të faqes). Tani ju duhet të regjistroni funksionin e ngjyrës së sfondit nëse nuk ekzistonte dhe të specifikoni kodin e ngjyrës. Në rastin kur duhet të krijoni një sfond të bardhë për një faqe interneti, do të duhet të shkruani kodin e mëposhtëm:
ngjyra e sfondit: #83C5E9 ; (sfondi blu, si në shembull)
Ju mund të gjeni një listë të plotë të ngjyrave në faqen e internetit - (STM). Për të ndryshuar ngjyrën, thjesht ndryshoni vlerën pas zorrës së trashë dhe shijoni përpjekjet tuaja.
Krijimi i një sfondi duke përdorur teksturë
Kjo metodë ka qenë veçanërisht e popullarizuar kohët e fundit, pasi ju lejon të krijoni një sfond të bukur për sitin. Teksturat mund të jenë të thjeshta por shumë të bukura, kjo është arsyeja pse ato përdoren shpesh. Për të lidhur çdo teksturë, duhet ta ngarkoni atë në dosjen e imazhit në hostin ku është instaluar faqja juaj. Pas kësaj duhet të shkruani kodin e mëposhtëm:
ngjyra e sfondit: #537759;
background-image: url(images/pattern.png);
Ky kod përmban një parametër të njohur për ruajtjen e ngjyrës (është jeshile) dhe një element që është përgjegjës për lidhjen e teksturës së gjelbër.
Krijimi i një sfondi duke përdorur një gradient
Çdo imazh që është i lidhur duke përdorur funksionet css mund të përsëritet si horizontalisht ashtu edhe vertikalisht (përgjatë boshteve X Dhe Y). Kjo mundësi na lejon të krijojmë çdo sfond të thjeshtë për sitin me duart tona. Për ta bërë këtë, duhet të krijoni një gradient 1 megapiksel të gjerë (shih imazhin më poshtë), ta ruani atë si imazh dhe ta ngarkoni në hostin tuaj. Pas kësaj, mund të shkruani kodin e nevojshëm, përkatësisht:
ngjyra e sfondit: #83C5E9;
sfond-imazh: url(images/gradient.jpg);
sfond-përsërit: përsërit-x;
Në këtë grup, sipas prioritetit, ka një funksion përgjegjës për ngjyrën e sfondit, të cilin e përdorim për risigurim. Pas kësaj, një parametër që është përgjegjës për lidhjen e gradientit dhe së fundi, një funksion që është përgjegjës për përsëritjen e gradientit përgjatë boshtit X.
Përdorimi i një imazhi të madh për sfondin e faqes në internet
Kjo metodë është e dyta më e popullarizuara, pasi ju lejon të përdorni fotografi të ndryshme për të krijuar një sfond. Për të zbatuar këtë metodë, ju duhet vetëm të ngarkoni një imazh të madh në dosjen e imazheve të faqes dhe të futni kodin e mëposhtëm:
ngjyra e sfondit: #000000;
sfond-imazh: url(imazhe/titulli i imazhit.jpg);
pozicioni i sfondit: sipërfaqja qendrore;
sfond-përsërit: pa përsëritje;
Nëse gjithçka është e qartë me dy parametrat e parë, atëherë dy të fundit duhet të mbulohen. Funksioni i tretë ju lejon të rregulloni imazhin në qendër të faqes, dhe parametri i fundit bllokon përsëritjen e tij në të gjithë strukturën e faqes.
Ndryshimi i sfondit në faqet e internetit të ucoz
Këto metoda të krijimit të një sfondi për një faqe mund të përdoren në sisteme të ndryshme të menaxhimit të përmbajtjes, por jo në sajte - ucoz. Për të ndryshuar sfondin për faqen e internetit ucoz, duhet të shkoni te paneli i kontrollit të faqes, shkoni te "Menaxhimi i Dizajnit", dhe më pas në "Redaktimi i shablloneve".
Tani ju duhet të hapni Style Sheet (CSS), të gjeni linjën "trup" dhe parametri "sfondi". Pas kësaj, duhet të kopjoni lidhjen, ta ngjisni në shfletuesin tuaj të internetit dhe do të keni akses në foton që ishte sfondi.
Për të përdorur një sfond të ri, thjesht duhet ta ngarkoni atë në Menaxherin e Skedarit. Në të njëjtën kohë, sigurohuni që emri i imazhit të ri të sfondit të jetë i njëjtë si përpara ndryshimit. Ruani punën tuaj dhe shkoni në faqen e internetit për të parë punën e bërë.
Ndryshimi i sfondit të sajtit në HTML
Nëse dëshironi të krijoni sfondin në një sajt html duke përdorur një imazh, atëherë thjesht futni rreshtin në kod:
Dhe nëse doni të bëni sfondin e faqes duke përdorur ngjyrën, atëherë linja duhet të duket si kjo:
Kjo përfundon historinë tonë. Tani ju e dini se si të krijoni një sfond për një faqe interneti. Projekte të lumtura!
