Izgled i dojam, ili "stil" web stranice, diktiraju CSS (Cascading Style Sheets). Ovo je datoteka koju ćete dodati u direktorij vaše web stranice koji će sadržavati razna CSS pravila koja stvaraju vizualni izgled i izgled vaših stranica.
Iako web-lokacije mogu upotrebljavati i često upotrebljavati više stilskih listova, to nije potrebno. Sve svoje CSS pravila možete staviti u jednu datoteku, a tu su i pogodnosti, uključujući brže vrijeme učitavanja i izvedbu stranica jer ne trebaju dohvaćati više datoteka. Iako je vrlo velika, web-lokacije za tvrtke možda će trebati odvojene stilske listove s vremena na vrijeme, mnoge male i srednje stranice mogu učiniti savršeno u redu samo s jednim datotekama sa svim pravilima potrebnim za vaše stranice. Ovo postavlja pitanje "Što trebam imenovati ovu CSS datoteku"? "
Imenovanje osnove konvencije
Kada izradite vanjski stilski list za svoje web stranice, trebali biste navesti datoteku nakon sličnih konvencija imenovanja za HTML datoteke.
Nemojte koristiti posebne znakove
Upotrijebite samo slova a-z, brojeve 0-9, podvlak (_) i crtice (-) u nazivima CSS datoteka. Dok vaš sustav datoteka može dopustiti stvaranje datoteka s drugim znakovima u njima, OS poslužitelj može imati problema s posebnim znakovima. Sigurni ste samo pomoću ovdje spomenutih znakova. Uostalom, čak i ako vaš poslužitelj dopušta posebne znakove, to ne mora biti slučaj ako se odlučite za budućnost.
Nemojte koristiti bilo kakve prostore
Baš kao i kod posebnih znakova, prostori mogu uzrokovati probleme na vašem web poslužitelju. Preporučujemo da ih izbjegavate u nazivima datoteka - čak biste trebali izraditi točku za naziv datoteka kao što su PDF-ovi pomoću tih istih konvencija, samo u slučaju da ih ikad trebate dodati na web mjesto. Ako se snažno osjećaš da trebate razmaknuti da bi se naziv datoteke lakše pročitao, umjesto toga odaberite za crtice ili podvlake. Na primjer, umjesto korištenja "ovo je file.pdf" koristite "this-is-the-file.pdf".
Naziv datoteke bi trebao početi s pismom
Iako to nije apsolutni zahtjev, neki sustavi imaju problema s nazivima datoteka koji ne počinju s pismom. Na primjer, ako odlučite započeti datoteku s brojem znaka, to može uzrokovati probleme niz liniju.
Koristite sve donje strane
Iako to nije potrebno za naziv datoteke, to je dobra ideja, jer neki web-poslužitelji razlikuju velika i mala slova, a ako zaboravite i referencirate datoteku u drugom slučaju, neće se učitati. Korištenje malih slovnih znakova za svaki naziv datoteke uvijek je pametan način za kretanje. U stvari, mnogi novi web dizajneri se bore za pamćenje to učiniti - njihova zadana akcija pri imenovanju datoteke je kapitalizirati prvi lik imena. Izbjegavajte ovo i ući u naviku samo malih slova.
Zadržite naziv datoteke što je moguće kraće
Iako je većina operativnih sustava ograničena na veličinu naziva datoteke, mnogo je dulje nego što je razumno za naziv datoteke CSS. Dobro pravilo ne može biti više od 20 znakova za naziv datoteke bez proširenja. Realno, bilo što puno dulje od toga je nemilosrdno raditi i povezati ga.
Najvažniji dio vašeg CSS imena datoteke
Najvažniji dio naziva CSS datoteke nije sam naziv datoteke, već proširenje. Proširenja nisu potrebna na Macintosh i Linux sustavima, ali je dobra ideja uključiti svejedno prilikom pisanja CSS datoteke. Na taj ćete način uvijek znati da je riječ o listi stila i da ne morate otvoriti datoteku kako biste utvrdili što je u budućnosti.
Vjerojatno nije veliko iznenađenje, ali proširenje na CSS datoteci trebao bi biti:
.css
Konvencije o imenovanju CSS datoteka
Ako samo na jednom mjestu imate samo jednu CSS datoteku, možete ga nazvati što god želite. Preporučljivo je jedno od sljedećeg:
styles.css ili default.css
Ako vaša web stranica upotrebljava više CSS datoteka, nazovite stilske listove nakon njihove funkcije pa je jasno točno što je svrha svake datoteke. Budući da web stranica može imati više stilskih listova, on pomaže podijeliti svoje stilove u različite listove, ovisno o funkciji tog lista i stilova unutar nje. Na primjer:
- Izgled ili dizajn
layout.css design.css
- Sekcije stranice
main.css nav.css
- Cijelo mjesto sa pododjeljcima
mainstyles.css subpage.css
Ako vaša web stranica koristi neku vrstu okvira, vjerojatno ćete primijetiti da upotrebljava više CSS datoteka, od kojih je svaki posvećen različitim dijelovima stranica ili aspekata web-lokacije (tipografija, boja, izgled itd.).
Uredio je Jeremy Girard
