Disain sisu eraldamine disain muudab saidi haldamise lihtsamaks
CSS (kaskaaditavate stiilide lehed) on muutunud de facto viisiks veebisaitide stiiliks ja kujundamiseks. Disainerid kasutavad laaditabeleid, et öelda brauserile, kuidas veebisaiti kuvatakse väljanägemise järgi, hõlmates selliseid tegureid nagu värv, vahe, fonte ja palju muud.
CSS-stiili saab kasutada kahel viisil:
- Inline - veebisaidi enda kodeerimisel individuaalselt, elemendi kaupa
- Üksikus CSS-dokumendis, millele veebisait on ühendatud
CSS-i parimad tavad
"Parimad tavad" on selliste veebisaitide kujundamise ja loomise meetodid, mis on osutunud kõige tõhusamaks ja annavad tööle kõige rohkem tulu. Veebikontekst CSS-i järgides aitab veebisaitidel otsida ja funktsioneerida nii hästi kui võimalik. Need on aastate jooksul arenenud koos teiste veebikeelte ja -tehnoloogiatega ning iseseisva CSS-i stiil tabel on muutunud eelistatud kasutusviisiks.
CSS-i parimad tavad võivad teie saiti parandada järgmistel viisidel:
- Eraldab sisu disainist. Üks CSSi põhieesmärke on eemaldada disainielemendid HTML-st ja asetada need mõnes muus paigas, mida disainer säilitada. See aitab disaineritelt ka arendajatelt eraldada, nii et igaüks saab keskenduda oma erialateadmistele. Disainer ei pea veebi välimuse säilitamiseks olema arendaja.
- Muudab hoolduse lihtsaks. Veebimajutuse üheks kõige tähelepanuta jäänud elemendiks on hooldus. Erinevalt trükimaterjalidest ei ole veebisait kunagi "üks ja valmis". Sisu, disain ja funktsioon võivad ja peaksid aja jooksul muutuma. CSS-i hoidmine keskses kohas, selle asemel, et kogu veebisaidi piserdada, muudab asju palju lihtsamaks.
- Hoiab teie saidi juurdepääsetavaks. CSS-i stiilide kasutamine aitab otsingumootoritel ja puuetega inimestel teie saidil suhelda.
- Hoiab teie saidi aktiivsust kauem. Kasutades CSS-i parimaid tavasid, järgige standardeid, mis on osutunud stabiilseks, kuid piisavalt paindlikud, et kohandada veebidisaini keskkonda.
Inline stiilid ei ole parimad tavad
Inline stiilid, kuigi neil on eesmärk, ei ole üldiselt parim viis oma veebisaidi säilitamiseks. Nad lähevad vastu kõigile parimatele tavadele:
- Inline stiilid ei eralda sisu disainist. Inline stiilid on täpselt samasugused kui sisseehitatud font ja muud kitsad kujundusmärgised, mida kaasaegsed arendajad röövivad. Stiilid mõjutavad ainult konkreetseid üksikuid elemente, millele neid rakendatakse; kuigi see võib anda teile rohkem granuleeritud kontrolli, muudab selle konstruktsiooni ja arenduse muud aspektid, nagu järjepidevus, raskemaks.
- Inline stiilid põhjustavad hooldus peavalu. Kui teete stiililaiendeid, võib stiilide kindlakstegemine olla keeruline. Kui teil on sisseehitatud, sisseehitatud ja välist stiili segu , on teil palju kohti, mida soovite kontrollida. Kui töötate veebidisaini meeskonnaga või peate kellegi teise poolt ehitatud saidi ümber kujundama või seda säilitama, siis on teil veelgi rohkem probleeme. Kui leiate stiili ja muudate seda, peate seda tegema iga elemendi kohta igal lehel, kus see on paigutatud. See suurendab astronoomiliselt aega ja tööeelarveid.
- Inline stiilid ei ole nii ligipääsetavad. Ehkki tänapäevane ekraanilugeja või muu abisüsteem võib tõhusalt käsitseda sisseehitatud atribuute ja sildid, ei saa mõned vanemad seadmed, mis võivad põhjustada kummaliselt kuvatavaid veebisaite. Täiendavad märgid ja tekst võivad mõjutada otsingumootori robotilt teie lehe vaatamist, nii et teie leht ei tee otsingumootori optimeerimise (SEO) osas ühtki sammu.
- Inline stiilid muudavad teie lehed suuremaks. Kui soovite, et teie saidi kõik lõigud kuvataks kindlal viisil, võite seda teha üks kord kuue koodi välise stiililehega. Kui teete seda sisestatud stiilidega, peate siiski need stiilid lisama igale saidi lõigule. Kui teil on viis rida CSS-i, on see viis rida, mis korrutatakse iga saidi lõiguga. See ribalaius ja laadimisaeg võivad kiireneda.
Inline-stiilide alternatiiv: välimised töölauad
Inline-stiilide asemel kasutage väliseid stiilide tabeleid . Nad annavad teile kõik kasu CSS-i parimatest tavadest ning neid on lihtne kasutada. Sel viisil töötavad kõik teie saidil kasutatud stiilid eraldi dokumendis, mis on seejärel ühendatud veebidokumendiga, millel on üks kood rida. Välised laaditabelid mõjutavad kõiki dokumente, millele need on lisatud. See tähendab, et kui teil on 20-leheküljeline veebisait, kus igal lehel kasutatakse sama stiil tabelit - mis tavaliselt on see, kuidas see on tehtud - võite teha muudatusi kõigis neist lehtedest, muutes need üksikud stiilid ühes kohas. Stiilide vahetamine ühes kohas on lõpmata mugavam kui selle koodi otsimine teie veebisaidi igal lehel. See muudab pikaajalise koha haldamise palju lihtsamaks.