Útlit og feel, eða "stíl" á vefsíðu er ráðist af CSS (Cascading Style Sheets). Þetta er skrá sem þú bætir við möppu vefsvæðis þíns sem mun innihalda hin ýmsu CSS reglur sem skapa sjónræna hönnun og útlit síðurnar þínar.
Þó að vefsvæði geta notað og oft gert það, notaðu margar stílblöð, það er ekki nauðsynlegt að gera það. Þú getur sett alla CSS reglurnar í eina skrá og það eru í raun kostir þess að gera það, þar á meðal hraðar álagstími og árangur síðna þar sem þeir þurfa ekki að sækja margar skrár. Þó að mjög stórt fyrirtæki gætu þurft að nota sérstakar stílblöð á stundum, geta mörg lítil og meðalstór vefsvæði gert allt í lagi með aðeins einum skrá. Þetta er það sem ég nota fyrir flestar vefhönnunarvinnu mína - einn CSS skrár með öllum reglum sem síðurnar mínir þurfa. Svo spurningin verður núna - hvað ættir þú að nefna þessa CSS skrá?
Nafngiftaratriði
Þegar þú býrð til ytri stíll lak fyrir vefsíður þínar, þá ættir þú að nefna skrána sem fylgir svipuðum nafngiftarsamningum fyrir HTML skjölin þín:
Ekki nota sérstaka stafi
Þú ættir aðeins að nota stafina az, tölur 0-9, undirstrikun (_) og bandstrik (-) í CSS skráarnafnunum þínum. Þó að skráakerfið þitt leyfir þér að búa til skrár með öðrum stafi í þeim, gæti verið að þjónninn þinn hafi vandamál með sérstökum stafi. Þú ert öruggari með því að nota aðeins stafina sem getið er hér. Eftir allt saman, jafnvel þó að þjónninn þinn leyfir einkennum, þá gæti það ekki verið ef þú ákveður að flytja hýsingaraðila í framtíðinni.
Ekki nota nein svæði
Rétt eins og með sérstökum stöfum getur rými valdið vandræðum á vefþjóninum þínum. Það er góð hugmynd að forðast þau í skráarnöfnunum þínum. Ég gerði það jafnvel að benda á að nefna skrár eins og PDF-skjöl með þessum sömu samningum, bara ef ég þarf alltaf að bæta þeim við á vefsíðu. Ef þú telur að þú þurfir pláss til að auðvelda að lesa heiti skráar skaltu velja binditengla eða undirstrikun í staðinn. Til dæmis, í stað þess að nota "þetta er file.pdf" Ég myndi nota "this-is-the-file.pdf".
Skráarnafnið ætti að byrja með bréfi
Þó að þetta sé ekki alger þörf, eiga sum kerfi í vandræðum með skráarnöfn sem byrja ekki með bréfi. Til dæmis, ef þú velur að byrja skrána með tölutákn, getur þetta valdið því að það er vandamál.
Notaðu allar lágstafir
Þó að þetta sé ekki krafist fyrir skráarnafn, þá er það góð hugmynd, þar sem sumir netþjónar eru viðkvæmar og ef þú gleymir og vísa til skráarinnar í öðru tilviki, mun það ekki hlaða. Í eigin vinnu, nota ég lágstafi stafi fyrir hvert skrá nafn. Ég hef reyndar fundið þetta til að vera eitthvað sem margir nýir vefur hönnuðir eiga erfitt með að muna að gera. Sjálfgefna aðgerðin við að nefna skrá er að nýta fyrsta staf nafnsins. Forðastu þetta og komdu í vana með litlum stafi eingöngu.
Haltu skráarnafninu eins stutt og mögulegt er
Þó að það sé takmörk skráarstærðarsvæðis á flestum stýrikerfum, þá er það miklu lengur en það er sanngjarnt fyrir CSS skráarheiti. Gott þumalputtaregla er ekki meira en 20 stafir fyrir skráarnafnið, þar með talið framlengingu. Raunar er allt sem er lengra en það ómeðvitað að vinna með og tengjast engu að síður!
Mikilvægasta hluti af CSS skráarnafninu þínu
Mikilvægasti hlutinn í CSS skráarnafninu er ekki skráarnafnið sjálft, en viðbótin. Framlengingar eru ekki krafist í Macintosh og Linux kerfum, en það er góð hugmynd að láta einn í té þegar þú skrifar CSS skrá. Þannig verður þú alltaf að vita að það er stíll lak og þú þarft ekki að opna skrána til að ákvarða hvað það er í framtíðinni.
Það er líklega ekki stór á óvart, en framlengingin á CSS skránni ætti að vera:
.cssCSS skrá nafngiftarsamninga
Ef þú munt aðeins hafa eina CSS skrá á síðunni getur þú nefnt það sem þú vilt. Ég vil frekar:
styles.css eða default.cssÞar sem flestar síðurnar sem ég vinn með eru einir CSS skrár, þá virka þessi nöfn vel fyrir mig.
Ef vefsvæðið þitt notar margar CSS skrár skaltu heita stílblöðin eftir aðgerð þeirra þannig að það er ljóst nákvæmlega hvað tilgangurinn á hverri skrá er. Þar sem vefsíða getur haft marga stílblöð tengd þeim hjálpar það að skipta stílunum þínum í mismunandi blöð eftir því hvaða hlutverk lakans og stíllin innan þess. Til dæmis:
- Skipulag vs hönnun layout.css design.css
- Blaðsíður main.css nav.css
- Allt síða með undirsniðum mainstyles.css subpage.css
Ef vefsvæðið þitt notar ramma af einhverju tagi munuð þér líklega taka eftir því að það notar margar CSS skrár, hvert hollur til mismunandi hluta af síðum eða hliðum vefsvæðisins (leturfræði, lit, skipulag osfrv.).
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 9/5/17