Izgled i osećaj, ili "stil" web stranice diktira CSS (Cascading Style Sheets). Ovo je datoteka koju ćete dodati direktorijumu vašeg web sajta koji će sadržati različite CSS pravila koja kreiraju vizuelni dizajn i izgled vaših stranica.
Dok sajtovi mogu koristiti i često koriste višestruke stilske listove, to nije neophodno. Možete staviti sva svoja CSS pravila u jednu datoteku, a zaista postoje koristi od toga, uključujući brže vrijeme učitavanja i performanse stranica, jer ne moraju da prikupe više datoteka. Iako su veoma velike, preduzeća mogu možda trebati odvojene stilske listove na vrijeme, mnoga mala i srednja mjesta mogu savršeno dobro raditi sa samo jednom datotekom. To je ono što koristim za većinu mojih radova na web dizajnu - jednu CSS datoteku sa svim pravilima koja trebaju mojim stranama. Dakle, pitanje postaje - šta biste trebali nazvati ovom CSS datotekom?
Osnove za imenovanje konvencije
Kada kreirate spoljašnji stilski stil za svoje web stranice, trebalo bi da navedete datoteku slijedeću slijedeću konvenciju imenovanja za svoje HTML datoteke:
Nemojte koristiti posebne znakove
Trebali bi da koristite samo slova az, brojeve 0-9, podvlake (_) i crtice (-) u svojim imenima CSS datoteke. Iako vaš sistem datoteka može vam omogućiti da kreirate datoteke sa drugim karakterima u njima, vaš operativni sistem možda ima probleme sa posebnim karakterima. Sa sigurnošću koristite samo one navedene ličnosti. Na kraju krajeva, čak i ako vaš server dozvoljava posebne znakove, to možda neće biti slučaj ako se odlučite premjestiti hosting provajdere u budućnosti.
Nemojte koristiti bilo koji prostor
Kao i kod posebnih karaktera, razmaci mogu izazvati probleme na vašem web serveru. Dobra je ideja da ih izbegnete u svojim imenima datoteka. Čak čine i poentiranje imena fajlova poput PDF-a koristeći iste konvencije, samo u slučaju da ih ikada treba dodati na web lokaciju. Ako smatrate da vam je potreban prostor da biste lakše čitali ime datoteke, umesto toga podesite crtice ili podvučice. Na primjer, umjesto korištenja "ovo je datoteka.pdf" koristiću "ovo-je-fajl.pdf".
Ime datoteke treba započeti sa slovom
Iako ovo nije apsolutni zahtev, neki sistemi imaju problema sa imenima datoteka koja ne počinju slovom. Na primjer, ako odaberete da započnete datoteku s brojem karaktera, to može prouzrokovati probleme.
Koristite sve manje slučajeve
Iako ovo nije potrebno za ime datoteke, to je dobra ideja, pošto su neki web serveri osjetljivi na veličinu slova, a ako zaboravite i pozovite datoteku u drugom slučaju, neće se učitati. U svom radu koristim male znakove za svaki naziv datoteke. Zapravo sam pronašao ovo kao nešto što mnogi novi web dizajneri pokušavaju da zapamtiti. Njihova podrazumevana akcija kada se imenuje datoteka je da iskoristi prvi karakter imena. Izbegavajte ovo i ukucajte se samo u malim slovima.
Držite ime datoteke što je moguće kraće
Iako postoji ograničenje veličine imena datoteke na većini operativnih sistema, to je mnogo duže nego što je razumno za ime CSS datoteke. Dobro pravilo je ne više od 20 znakova za ime datoteke koji ne uključuje ekstenziju. U stvarnosti, sve što je mnogo duže od toga je neupotrebljivo za rad i vezu za svejedno!
Najvažniji deo vašeg CSS imena datoteke
Najvažniji deo imena CSS datoteke nije sam naziv datoteke, već ekstenzija. Ekstenzije nisu potrebne na Macintosh i Linux sistemima, ali je dobra ideja da uključite jedan u svakom slučaju prilikom pisanja CSS datoteke. Na taj način ćete uvek znati da je to stilski list i da ne morate otvoriti datoteku kako biste utvrdili šta će biti u budućnosti.
Verovatno nije veliko iznenađenje, ali ekstenzija na CSS datoteki treba da bude:
.cssKonvencije o imenovanju datoteka CSS
Ako ćete na jednom mjestu imati samo jednu CSS datoteku, možete ga nazvati onim što vam se sviđa. Više volim:
styles.css ili default.cssPošto većina sajtova na kojima radim uključuju jednu CSS datoteku, ova imena dobro rade za mene.
Ako vaša veb lokacija koristi više CSS datoteka, nazovite stilske listove nakon njihove funkcije, pa je jasno tačno šta je svrha svake datoteke. S obzirom da Web stranica može imati više stilskih listova prikačenih na njih, pomaže vam da podelite svoje stilove u različite listove u zavisnosti od funkcije tog lista i stilova unutar njega. Na primjer:
- Izgled vs Design layout.css design.css
- Page sections main.css nav.css
- Cijela stranica sa podsektorima mainstyles.css subpage.css
Ako vaša veb lokacija koristi nekakav okvir, verovatno ćete primetiti da koristi više CSS datoteka, od kojih je svaki posvećen različitim dijelovima stranica ili aspektima sajta (tipografija, boja, izgled itd.).
Originalni članak Jennifer Krynin. Uredio Jeremy Girard na 5/5/17