Dizajni i çdo faqe bazohet në imazhe dhe ngjyra të sfondit, si një shtëpi në një themel. Nëse keni një dëshirë për të zëvendësuar themelin tipik të burimit tuaj të Internetit me diçka më individuale, atëherë duhet të filloni me zhvillimin e modelit. Dhe kur të jetë gati, pjesa thjesht teknike do të mbetet, domethënë, zëvendësimi i modelit të vjetër të sfondit të faqes të specifikuar në kodin burimor të faqeve me atë të ri. Ekzistojnë disa mënyra për ta zbatuar këtë në praktikë.
Udhëzimet
Hapi 1
Së pari duhet të zbuloni se cila nga mënyrat vendoset sfondi në versionin aktual të faqes. Për ta bërë këtë, hapni kodin HTML të faqes. Ju mund ta bëni këtë me një redaktues të thjeshtë teksti duke shkarkuar skedarin nga serveri paraprakisht. Ose mund të përdorni redaktuesin e faqeve të sistemit të menaxhimit të përmbajtjes, nëse përdorni një të tillë. Redaktuesi i faqes nuk kërkon shkarkimin e skedarit, por e modifikon atë direkt në server duke përdorur shfletuesin si një ndërfaqe. Kodi HTML (HyperText Markup Language) i faqes që hapni përbëhet nga linja udhëzimesh për shfletuesin. Ata përshkruajnë llojet, pamjen dhe vendndodhjen e secilit prej elementeve të një faqe në internet. Këto udhëzime zakonisht referohen si "etiketa". Renditja e vetë etiketave në kodin e faqes gjithashtu i bindet rregullave të gjuhës HTML - ato janë të ndara në blloqe, e para prej të cilave duhet të jetë një bllok titulli që fillon me një etiketë dhe mbaron. Duhet të pasohet nga blloku që ju intereson më shumë tani - organi i dokumentit. Ajo është e kufizuar në etiketat dhe. Në etiketën hapëse të këtij blloku (), mund të vendosni informacione në lidhje me sfondin e faqes. Një informacion i tillë brenda etiketave quhet "atribute". Atributi i etiketës trupore që vendos ngjyrën e sfondit shënohet si bgcolor dhe në kod mund të duket kështu: Këtu vendosim ngjyrën e sfondit në faqe në argjend. Shfletuesi mund të njohë disa nga ngjyrat me emrat e tyre, por për të mos gabuar, është më mirë të tregoni kodet e tyre heksadecimale. Ky version me ngjyrë argjendi në shprehjen heksadecimale do të duket kështu: Pra, duhet të gjeni etiketën duke filluar me <body në kodin e faqes dhe të kontrolloni nëse ka një ngjyrë sfondi. Nëse është kështu, zëvendësoni treguesin e ngjyrave në të me versionin tuaj të ri dhe ruani ndryshimet në faqe.
Hapi 2
Sfondi në modelin aktual të faqes tuaj mund të përcaktohet jo nga ngjyra, por nga një fotografi. Atributi përkatës i etiketës trupore quhet sfond, dhe mund të duket kështu në kod: Këtu, sfondi është imazhi bg.jpg
Hapi 3
Kur përshkruani pamjen e faqeve me një dizajn relativisht kompleks, përdorni "fletët e stilit kaskadues" - CSS (Fletët e stilit kaskadë). Blloqet e kodit CSS mund të përfshihen direkt në kodin e faqes ose të përmbahen në një skedar të jashtëm me shtesën "css". Ju duhet të kërkoni për etiketën e përshkrimit të stilit duke filluar me <stilin në pjesën e kokës së kodit të faqes (midis etiketave dhe). Nëse përmban një lidhje për një skedar të jashtëm, do të duket diçka e tillë: @import "style.css"; Këtu është një lidhje për një fletë stilesh të quajtur style.css. Ju duhet të hapni skedarin e specifikuar për redaktim. Dhe nëse nuk ka asnjë lidhje, dhe pas hapjes së etiketës <style ka udhëzime për stilin, atëherë duhet t'i ndryshoni ato këtu. Në të dy opsionet, midis përshkrimeve të stileve, duhet të kërkoni ato që lidhen me trupin e dokumentit (trupi). Ky bllok përshkrimesh mund të duket kështu: trupi {
ngjyra e sfondit: Argjend;
ngjyra: E zezë;
} Këtu ju duhet të zëvendësoni vlerën e parametrit të ngjyrës së sfondit me vlerën e ngjyrës suaj të re dhe më mirë në të njëjtat vlera heksadecimal. Opsioni i imazhit të sfondit në udhëzimet e CSS duhet të duket kështu: trupi {
sfond: # C0C0C0 url (img / bg.jpg) përsërit-y;
ngjyra: E zezë;
} Këtu lidhja për në fotografi është e ngjashme me atë të diskutuar më sipër, dhe # C0C0C0 para lidhjes do të thotë që hapësira e faqes që nuk është e zënë nga imazhi i sfondit do të ketë një sfond argjendi. "Përsërit-y" tregon se fotografia e sfondit duhet të shumëzohet përgjatë boshtit Y (vertikal)."Përsërit-y" mund të zëvendësohet me "repeat-x" (përsëritje horizontale) ose "jo-përsëritje" (mos repliko). Nëse nuk specifikoni përsëritje fare, atëherë imazhi i sfondit do të vendoset në hapësirën e sfondit të faqes në të gjitha drejtimet.
