Sfondi në kodin burimor të faqeve të internetit, në varësi të dizajnit të përdorur, mund të vendoset ose duke specifikuar një ngjyrë, ose duke u lidhur me një skedar imazhi me shtimin e parametrave të tij të pozicionimit. Kjo mund të bëhet direkt në etiketat HTML, në një bllok të veçantë CSS në pjesën e kokës së burimit, ose në një skedar të veçantë me përshkrimet e stilit.
Udhëzimet
Hapi 1
Hapni kodin burimor të bllokut që përdoret në faqen tuaj për të vendosur sfondin e faqeve të tij. Kur përdorni ndonjë sistem kontrolli, ky bllok, si rregull, ndahet në një skedar të veçantë. Vetë sistemi i kontrollit ka mjete për ta redaktuar direkt në shfletues. Në varësi të sistemit specifik, kjo procedurë mund të organizohet në mënyra të ndryshme - për shembull, përmes redaktuesit të faqes. Nëse nuk përdorni sisteme kontrolli, atëherë skedari përkatës duhet të shkarkohet në kompjuterin tuaj dhe të hapet në çdo redaktor. Shtë më mirë të përdorni një redaktues të specializuar HTML, por mund të përdorni edhe Notepad-in më të thjeshtë.
Hapi 2
Shtoni një atribut bgcolor në etiketën e trupit që tregon hijen e ngjyrave nëse sfondi i faqes duhet të jetë një ngjyrë, jo një fotografi. Për shembull:
Këtu është një ngjyrë portokalli e errët si sfond. Jo çdo emër teksti ("mnemonic") i hijes mund të njihet nga shfletuesi, prandaj është më mirë të përdorni një kod me ngjyra heksadecimal. Për shembull, kodi FF8C00 korrespondon me një ngjyrë portokalli të errët:
Hapi 3
Përdorni atributin e sfondit në vend të bgcolor në etiketën e trupit nëse sfondi do të vendoset nga një imazh sesa nga një ngjyrë. Për shembull, nëse skedari me imazhin e sfondit quhet bgPic
Hapi 4
Vendosni një përshkrim të stilit në kokën e kodit tuaj burimor nëse dëshironi të vendosni sfondin e faqes duke përdorur CSS. Për shembull, një përshkrim i stilit CSS që zëvendëson ngjyrën portokalli të errët të specifikuar në etiketën e trupit pasi sfondi mund të duket kështu:
trupi {sfondi-ngjyra: DarkOrange;}
Dhe mund të vendosni një imazh sfond me përshkrimin e stilit vijues:
trupi {sfondi: # urë FF8C00 (imazhe / bgPic.gif) përsërit-y;}
Këtu, përveç lidhjes me figurën, tregohet edhe ngjyra e sfondit (# FF8C00) - nëse ka faqe në faqe që nuk janë të mbuluara nga imazhi i sfondit, atëherë ato do të pikturohen në hijen e ngjyrave të specifikuara këtu. Parametri i përsëritjes-y specifikon përsëritjen e imazhit të sfondit vertikalisht (përgjatë boshtit Y). Nëse keni nevojë të përsërisni imazhin horizontalisht, atëherë duhet të përdorni vlerën e përsëritur-x dhe të ndaloni përsëritjen e modelit - pa përsëritje. Ju mund të vendosni përshkrime të stilit përpara etiketës që mbyll pjesën e titullit të kodit HTML.
Hapi 5
Ruani ndryshimet e bëra në redaktuesin e faqes ose ruajeni dhe ngarkoni skedarin e shkarkuar përsëri në server nëse kodi është redaktuar në një skedar në kompjuterin tuaj.
