Pamja dhe ndjeja, ose "stili" i një faqeje interneti është diktuar nga CSS (Cascading Style Sheets). Ky është një skedar që do të shtoni në direktorinë e internetit tuaj, i cili do të përmbajë rregullat e ndryshme CSS që krijojnë dizajnin vizual dhe paraqitjen e faqeve tuaja.
Ndërsa faqet mund të përdorin dhe shpesh bëjnë përdorimin e fletëve të stilit të shumëfishta, nuk është e nevojshme ta bëjë këtë. Ju mund të vendosni të gjitha rregullat e CSS tuaj në një skedar, dhe në të vërtetë ka përfitime për ta bërë këtë, duke përfshirë kohën më të shpejtë të ngarkimit dhe performancën e faqeve pasi që ata nuk kanë nevojë të marrin disa skedarë. Ndërsa shumë të mëdha, faqet e ndërmarrjeve mund të kenë nevojë për fletë të veçanta të stilit në kohë, shumë vende të vogla dhe të mesme mund të bëjnë mirë me vetëm një skedar. Kjo është ajo që unë përdor për pjesën më të madhe të punës sime të dizajnit - një skedar të vetëm CSS me të gjitha rregullat që kanë faqet e mia. Pra, pyetja tani bëhet - çfarë duhet të emërosh këtë skedar CSS?
Emërtimi i bazave të Konventës
Kur krijoni një fletë të stilit të jashtëm për faqet e uebit, duhet të emëroni skedarin pas konventave të ngjashme të emërtimit për skedarët tuaj HTML:
Mos përdorni shenja të veçanta
Ju duhet të përdorni vetëm letrat az, numrat 0-9, nënvizoj (_) dhe hyphens (-) në emrat e skedarit tuaj CSS. Ndërsa sistemi juaj i skedarit mund t'ju lejojë të krijoni skedarë me karaktere të tjerë në to, OS juaj i serverit mund të ketë probleme me karaktere të veçanta. Ju jeni më të sigurt duke përdorur vetëm personazhet e përmendura këtu. Në fund të fundit, edhe në qoftë se serveri juaj lejon karaktere të veçanta, kjo mund të mos ndodhë nëse vendosni të transferoni ofruesit e pritjes në të ardhmen.
Mos përdorni asnjë hapësirë
Ashtu si me karaktere speciale, hapësirat mund të shkaktojnë probleme në web serverin tuaj. Është një ide e mirë për t'i shmangur ato në emrat e skedarëve. Unë madje e bëj atë një pikë për të përmendur fotografi si PDF duke përdorur këto konventa të njëjta, vetëm në rast se unë ndonjëherë duhet të shtoni ato në një faqe interneti. Nëse ju mendoni se keni nevojë për një hapësirë për ta bërë më të lehtë leximin e emrit të skedarit, zgjidhni vendndodhjen e pikës së shkronjave ose nënvizimeve. Për shembuj, në vend që të përdorni "kjo është file.pdf" do të përdorja "this-is-the-file.pdf".
Emri i dosjes duhet të fillojë me një letër
Përderisa kjo nuk është një kërkesë absolute, disa sisteme kanë probleme me emrat e skedarëve që nuk fillojnë me një letër. Për shembull, nëse zgjedh të fillosh skedarin tënd me karakter numrash, kjo mund të shkaktojë probleme.
Përdorni të gjitha rastet e vogla
Përderisa kjo nuk kërkohet për një emër të skedarit, është një ide e mirë, pasi disa servera web janë të ndjeshëm ndaj rasti, dhe nëse harroni dhe referoheni skedarin në një rast tjetër, ajo nuk do të ngarkohet. Në punën time, përdor fjalë për shkronja të vogla për çdo emër të skedarit. Unë në fakt kam gjetur që kjo të jetë diçka që shumë dizajnerë të rinj të internetit përpiqen të mos harrojnë. Veprimi i tyre i parazgjedhur kur emërohet një skedar është të kapitalizohet karakteri i parë i emrit. Shmangni këtë dhe merrni në zakonin e karaktereve të vogla vetëm.
Mbajeni emrin e skedarit sa më shkurt që të jetë e mundur
Ndërsa ekziston një limit i madhësisë së emrit të skedarëve në shumicën e sistemeve operative, është shumë më e gjatë se sa është e arsyeshme për një emër skedari CSS. Një rregull i mirë nuk është më shumë se 20 shkronja për emrin e skedarit pa përfshirë zgjerimin. Realisht, çdo gjë shumë më e gjatë se ajo është e ngathët për të punuar me të dhe lidhje për anyway!
Pjesa më e rëndësishme e emrit të skedarit CSS
Pjesa më e rëndësishme e emrit të skedarit CSS nuk është vetë emri i skedarit, por zgjerimi. Zgjerimet nuk kërkohen në sistemet Macintosh dhe Linux, por është mirë të përfshihet gjithsesi kur shkruani një skedar CSS. Në këtë mënyrë ju gjithmonë do të dini se është një fletë stilesh dhe nuk duhet të hapni dosjen për të përcaktuar se çfarë është në të ardhmen.
Ndoshta nuk është një surprizë e madhe, por shtrirja në skedarin tuaj CSS duhet të jetë:
.cssKonventat e emërtimit të skedarit CSS
Nëse vetëm do të keni një skedar CSS në faqe, mund ta emërosh atë që të pëlqen. Më pëlqen ose:
styles.css ose default.cssMeqenëse shumica e faqeve që punoj në të përfshijë një skedar të vetëm CSS, këto emra funksionojnë mirë për mua.
Nëse faqja juaj e internetit do të përdorë skedarë të shumëfishtë CSS, emërtoni fletët e stilit pas funksionit të tyre kështu që është e qartë saktësisht se çfarë është qëllimi i çdo skedari. Meqenëse një faqe Web mund të ketë fletë të stilit të shumëfishta, ju ndihmon t'i ndani stilet tuaja në fletë të ndryshme në varësi të funksionit të fletës dhe stilet brenda tij. Për shembull:
- Layout vs Design layout.css design.css
- Seksionet e faqeve kryesore.css nav.css
- I tërë faqja me nën-seksione mainstyles.css subpage.css
Nëse faqja juaj e internetit përdor një kornizë të një lloji, do të keni të ngjarë që të përdorë skedarë të shumëfishtë CSS, secila e dedikuar për pjesë të ndryshme të faqeve ose aspekteve të faqes (tipografi, ngjyra, faqosja etj.).
Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 9-05-17