Aspectul și simțul sau "stilul" unui site web este dictat de CSS (Cascading Style Sheets). Acesta este un fișier pe care îl veți adăuga în directorul site-ului dvs. web, care va conține diferitele reguli CSS care creează designul vizual și aspectul paginilor dvs.
În timp ce site-urile pot folosi și adesea pot folosi mai multe coli de stil, nu este necesar să faceți acest lucru. Puteți să vă plasați toate regulile CSS într-un singur fișier și, de fapt, există beneficii în acest sens, inclusiv timpul de încărcare mai rapid și performanța paginilor, deoarece nu este nevoie să preluați mai multe fișiere. În timp ce site-urile de întreprinderi foarte mari pot avea nevoie uneori de foi de stil separate, multe site-uri mici sau mijlocii se pot descurca perfect cu un singur fișier. Aceasta este ceea ce folosesc pentru majoritatea lucrărilor mele de web design - un singur fișier CSS cu toate regulile pe care paginile mele le au nevoie. Deci întrebarea devine acum - ce ar trebui să numiți acest fișier CSS?
Denumirea bazei convenției
Când creați o foaie de stil externă pentru paginile dvs. web, ar trebui să denumiți fișierul urmând convenții similare de numire pentru fișierele HTML:
Nu folosiți caractere speciale
Ar trebui să utilizați doar literele az, numerele 0-9, underscore (_) și cratime (-) în numele fișierelor CSS. În timp ce sistemul dvs. de fișiere vă poate permite să creați fișiere cu alte caractere în ele, sistemul de operare server ar putea avea probleme cu caractere speciale. Ești mai sigur folosind doar caracterele menționate aici. La urma urmei, chiar dacă serverul dvs. vă permite să introduceți caractere speciale, este posibil ca acest lucru să nu se întâmple dacă vă decideți să mutați furnizorii de găzduire în viitor.
Nu utilizați niciun spațiu
La fel ca în cazul caracterelor speciale, spațiile pot provoca probleme pe serverul dvs. Web. Este o idee bună să le evitați în numele fișierelor. Chiar fac un punct pentru a numi fișiere ca PDF-uri folosind aceleași convenții, doar în cazul în care am nevoie vreodată de a le adăuga la un site web. Dacă simțiți că aveți nevoie de un spațiu pentru a face numele fișierului mai ușor de citit, optați pentru cratime sau subliniere. De exemplu, în loc de a folosi "acesta este fișierul.pdf", aș folosi "this-is-the-file.pdf".
Numele fișierului trebuie să înceapă cu o scrisoare
Deși aceasta nu este o cerință absolută, unele sisteme au probleme cu numele de fișiere care nu încep cu o literă. De exemplu, dacă alegeți să începeți fișierul cu caracter numeric, acest lucru poate cauza probleme.
Utilizați toate carcasele inferioare
Deși acest lucru nu este necesar pentru un nume de fișier, este o idee bună, deoarece unele servere web sunt sensibile la minuscule și dacă uitați și trimiteți fișierul într-un alt caz, acesta nu se va încărca. În propria mea lucrare, folosesc caractere minuscule pentru fiecare nume de fișier. De fapt, am descoperit că acest lucru este ceva pe care mulți noștri web designeri încearcă să-și amintească să o facă. Acțiunea implicită atunci când denumiți un fișier este de a majora primul caracter al numelui. Evitați acest lucru și obțineți obiceiul numai de caractere minuscule.
Mențineți numele fișierului cât mai scurt posibil
Deși există o limită a mărimii numelui de fișier în majoritatea sistemelor de operare, este mult mai mult decât este rezonabil pentru un nume de fișier CSS. O regulă bună a degetului mare nu depășește 20 de caractere pentru numele fișierului care nu include extensia. Realist, orice lucru mult mai lung decât este greu să lucrezi și să te conectezi oricum!
Cea mai importantă parte din numele fișierului dvs. CSS
Cea mai importantă parte a numelui fișierului CSS nu este numele fișierului în sine, ci extensia. Extensiile nu sunt necesare pe sistemele Macintosh și Linux, dar este o idee bună să includeți una oricum atunci când scrieți un fișier CSS. În acest fel veți ști întotdeauna că este o foaie de stil și nu trebuie să deschideți fișierul pentru a determina ce este în viitor.
Probabil că nu este o mare surpriză, dar extensia fișierului dvs. CSS ar trebui să fie:
.cssConexiuni de numire fisiere CSS
Dacă veți avea vreodată un singur fișier CSS pe site, îl puteți numi oricând doriți. Prefer eu:
stiles.css sau default.cssDeoarece majoritatea site-urilor pe care le lucrez includ un singur fișier CSS, aceste nume funcționează bine pentru mine.
Dacă site-ul dvs. web va utiliza mai multe fișiere CSS, numiți foile de stil după funcția lor, astfel încât să fie clar ce anume are scopul fiecărui fișier. Deoarece o pagină Web poate avea atașate mai multe foi de stil, aceasta vă ajută să vă împărțiți stilurile în foi diferite, în funcție de funcția foii respective și de stilurile din interiorul acesteia. De exemplu:
- Layout versus Design layout.css design.css
- Secțiunile de pagină principale.css nav.css
- Întregul site cu sub-secțiuni mainstyles.css subpage.css
Dacă site-ul dvs. utilizează un anumit cadru, este posibil să observați că acesta folosește mai multe fișiere CSS, fiecare dedicată unor porțiuni diferite ale paginilor sau aspectelor site-ului (tipografie, culoare, aspect etc.).
Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 9/5/17