Ndarja e përmbajtjes nga dizajni bën më të lehtë menaxhimin e sitit
CSS (Cascading Style Sheets) është bërë mënyrë de facto për të stiluar dhe për të nxjerrë faqet e internetit. Dizajnerët përdorin fletët e stilet për të treguar një shfletues se si duhet të shfaqet një faqe interneti për sa i përket pamjes dhe ndjenjës, duke mbuluar faktorë të tillë si ngjyra, hapësirat, fontet dhe shumë më tepër.
Stilet CSS mund të vendosen në dy mënyra:
- Inline - brenda kodimit të vetë faqes së internetit, në një element individual, sipas elementeve
- Në një dokument të pavarur CSS, në të cilin është lidhur faqja e internetit
Praktikat më të mira për CSS
"Praktikat më të mira" janë metodat e dizajnimit dhe ndërtimit të faqeve të internetit që kanë provuar të jenë më efektive dhe për të dhënë më shumë kthim për punën e përfshirë. Pas tyre në CSS në web design ndihmon faqet e internetit të duken dhe funksionojnë sa më shumë që të jetë e mundur. Ata kanë evoluar gjatë viteve së bashku me gjuhët dhe teknologjitë e tjera të internetit, dhe stili i pavarur i CSS është bërë metoda e preferuar e përdorimit.
Duke ndjekur praktikat më të mira për CSS mund të përmirësoni faqen tuaj në këto mënyra:
- Ndan përmbajtjen nga dizajni. Një nga qëllimet kryesore të CSS është heqja e elementëve të dizajnit nga HTML dhe vendosja e tyre në një vend tjetër për projektuesi që të ruajë. Kjo gjithashtu shërben për të ndarë hartuesit nga zhvilluesit në mënyrë që secili të mund të fokusohet në fushat e tyre të ekspertizës. Një projektuesi nuk duhet të jetë një zhvillues për të ruajtur pamjen e një faqe interneti.
- Bën mirëmbajtjen e lehtë. Një nga elementët më të neglizhuar të dizajnit të uebit është mirëmbajtja. Ndryshe nga materialet e printuara, një faqe interneti nuk është "një dhe e bërë". Përmbajtja, dizajni dhe funksioni mund dhe duhet të evoluojnë me kalimin e kohës. Duke pasur CSS në një vend qendror, në vend se të spërkatet në të gjithë faqen e internetit, i bën gjërat shumë më të lehta për tu ruajtur.
- Mban faqen tuaj të arritshme. Përdorimi i stileve CSS ndihmon motorët e kërkimit dhe individët me aftësi të kufizuara të bashkëveprojnë me faqen tuaj.
- Mban faqen tuaj aktuale më të gjatë. Duke përdorur praktikat më të mira me CSS, ju jeni duke iu përmbajtur standardeve që janë dëshmuar të qëndrueshme, por mjaft fleksibile për të akomoduar ndryshimet në mjedisin e dizajnimit të uebit.
Stilet Inline nuk janë praktika më e mirë
Stilet Inline, ndërsa ata kanë një qëllim, në përgjithësi nuk janë mënyra më e mirë për të ruajtur faqen tuaj te internetit. Ata shkojnë kundër secilës prej praktikave më të mira:
- Stilet Inline nuk e ndajnë përmbajtjen nga dizajni. Stilet Inline janë saktësisht të njëjta si fontet e ngulitur dhe etiketat e tjera të dizajnit të komplikuar që zhvilluesit modernë i kundërvihen. Stilet ndikojnë vetëm elementët e veçantë, individualë në të cilët ato aplikohen; ndërkohë që kjo mund t'ju japë kontroll më të grimcuar, ai gjithashtu bën aspekte të tjera të dizajnit dhe zhvillimit - siç është konsistenca - më e vështirë.
- Stilet Inline shkaktojnë dhimbje koke të mirëmbajtjes. Kur jeni duke punuar me fletët e stilet, duke zbuluar se ku po stërkohet një stil, mund të jetë e vështirë. Kur je duke u marrë me një përzierje të stileve inline, embedded dhe të jashtëm , ju keni shumë vende për t'u kontrolluar. Nëse punoni në një ekip të dizajnit të internetit ose duhet të ridizajnoni ose mbani një faqe të ndërtuar nga dikush tjetër, atëherë do të keni edhe më shumë probleme. Pasi ta gjeni stilin dhe ta ndryshoni atë, do t'ju duhet ta bëni këtë në çdo element në çdo faqe ku është vendosur. Kjo rrit kohën dhe buxhetet e punës në mënyrë astronomike.
- Stilet Inline nuk janë aq të arritshme. Ndërsa një lexues i ekranit modern ose pajisje të tjera ndihmëse mund të jenë në gjendje të trajtojnë në mënyrë efektive atributet dhe etiketat inline, disa pajisje të vjetra nuk munden, gjë që mund të rezultojë në disa faqe web të cuditshme të shfaqura. Karaktere dhe teksti shtesë mund të ndikojnë në mënyrën se si faqja juaj shihet nga një robot i motorëve të kërkimit, kështu që faqja juaj nuk bën edhe në aspektin e kërkimit të motor kërkimi (SEO).
- Stilet inline i bëjnë faqet tuaja më të mëdha. Nëse dëshironi që çdo paragraf në faqen tuaj të shfaqet në një mënyrë të caktuar, mund ta bëni një herë me gjashtë rreshta ose më shumë kode në një fletë të jashtme të stilit. Nëse e bëni me stilet inline, megjithatë, ju duhet të shtoni ato stile në çdo paragraf të faqes tuaj. Nëse keni pesë rreshta CSS, kjo është pesë linja shumëzuar me çdo paragraf në faqen tuaj. Kjo bandwidth dhe koha ngarkesës mund të shtoni deri në një nxitim.
Alternativat për Inline Styles: Stylesheets External
Në vend të përdorimit të stileve inline, përdorimi i stileve të jashtme . Ata ju japin të gjitha përfitimet e praktikave më të mira të CSS dhe janë të lehtë për t'u përdorur. Të punësuar në këtë mënyrë, të gjitha stilet e përdorura në faqen tuaj jetojnë në një dokument të veçantë, i cili pastaj lidhet me një dokument web me një kod të vetëm kodesh. Formatet e jashtme ndikojnë në çdo dokument që i bashkëngjiten. Kjo do të thotë se në qoftë se keni një faqe interneti prej 20 faqesh në të cilën secila faqe përdor të njëjtin stilet, që është zakonisht si është bërë, mund të bëni ndryshime në secilën prej këtyre faqeve thjesht duke reduktuar ato stilet një herë në një vend. Ndryshimi i stileve në një vend është pafundësisht më i përshtatshëm se sa kërkimi për atë kodim në çdo faqe të faqes suaj. Kjo e bën menaxhimin afatgjatë të siteve shumë më të lehtë.