Izgled i dojam ili "stil" web stranice diktira CSS (Cascading Style Sheets). Ovo je datoteka koju ćete dodati u direktorij svoje web stranice koja će sadržavati različita CSS pravila koja kreiraju vizualni dizajn i izgled vaših stranica.
Iako web stranice mogu koristiti, a često i koriste, višestruke stilske tablice, to nije potrebno. Sva svoja CSS pravila možete smjestiti u jednu datoteku, a to zapravo ima koristi, uključujući brže vrijeme učitavanja i performanse stranica jer ne trebaju dohvatiti više datoteka. Iako su vrlo velike, poduzećima možda ponekad trebaju zasebni listovi stilova, mnoga mala i srednja mjesta mogu se savršeno uklopiti u samo jednu datoteku sa svim pravilima koja su potrebna vašim stranicama. To postavlja pitanje "Kako bih trebao nazvati ovu CSS datoteku"? "
Osnove konvencije o imenovanju
Kada stvorite vanjska tablica stilova za svoje web stranice trebali biste datoteku imenovati slijedeći slična pravila o imenovanju za vaše HTML datoteke.
Ne koristite posebne znakove
U nazivima CSS datoteka trebali biste koristiti samo slova a-z, brojeve 0-9, podvlaku (_) i crtice (-). Iako vam vaš datotečni sustav može dopustiti stvaranje datoteka s drugim znakovima, OS vašeg poslužitelja možda ima problema sa posebnim znakovima. Sigurniji ste koristeći samo ovdje spomenute znakove. Napokon, čak i ako vaš poslužitelj dopušta posebne znakove, to možda neće biti slučaj ako se u budućnosti odlučite prebaciti na druge davatelje usluga hosta.
Ne koristite nikakve prostore
Baš kao i kod posebnih znakova, razmaci mogu uzrokovati probleme na vašem web poslužitelju. Dobro ih je izbjegavati u imenima datoteka; trebali biste čak istaknuti da nazive datotekama poput PDF-a koristite istim pravilima, samo u slučaju da ih ikad trebate dodati na web mjesto. Ako smatrate da vam je potreban prostor za olakšavanje čitanja naziva datoteke, umjesto toga odlučite se za crtice ili donje crte. Na primjer, umjesto da koristite "ovo je datoteka.pdf", upotrijebite "this-is-the-file.pdf".
Naziv datoteke trebao bi počinjati slovom
Iako to nije apsolutni zahtjev, neki sustavi imaju problema s imenima datoteka koja ne počinju slovom. Na primjer, ako odlučite započeti datoteku s brojem, to može uzrokovati probleme u nizu.
Upotrijebite sva mala slova
Iako to nije potrebno za naziv datoteke, dobra je ideja, jer neki web poslužitelji razlikuju velika i mala slova, a ako datoteku zaboravite i referencirate u drugom slučaju, neće se učitati. Korištenje malih slova za svako ime datoteke uvijek je pametan način. U stvari, mnogi se novi web dizajneri trude sjetiti se toga, njihova zadana radnja pri imenovanju datoteke je velika početna slova imena. Izbjegavajte to i steknite naviku samo malih slova.
Neka naziv datoteke bude što kraći
Iako većina datoteka ima ograničenje veličine datoteke operativni sustavi, mnogo je duže nego što je razumno za CSS naziv datoteke. Dobro pravilo je ne više od 20 znakova za naziv datoteke, ne uključujući ekstenziju. Realno, sve što je puno duže od toga ionako je nezgrapno za rad i povezivanje.
Najvažniji dio vašeg CSS naziva datoteke
Najvažniji dio naziva CSS datoteke nije samo ime datoteke, već ekstenzija. Proširenja nisu potrebna na Macintosh i Linux sustavi, ali bilo bi dobro uključiti ga prilikom pisanja CSS datoteke. Na taj ćete način uvijek znati da je riječ o stilskoj tablici i da nećete morati otvarati datoteku da biste utvrdili što je to u budućnosti.
To vjerojatno nije veliko iznenađenje, ali nastavak vaše CSS datoteke trebao bi biti:
.css
CSS konvencije o imenovanju datoteka
Ako ćete na web lokaciji ikada imati samo jednu CSS datoteku, možete joj dati ime kako želite. Poželjno je jedno od sljedećeg:
stil.css
standard.css
zadani.css
Ako će vaše web mjesto koristiti više CSS datoteka, dajte naziv stilskim tablicama nakon njihove funkcije kako bi bilo točno koja je svrha svake datoteke. Budući da na web stranicu može biti pričvršćeno više listova stilova, pomaže vam podijeliti svoje stilove u različite listove, ovisno o funkciji tog lista i stilovima u njemu. Na primjer:
-
Izgled vs. oblikovati
layout.css dizajn.css
-
Odjeljci stranica
main.css nav.css
-
Cijela stranica s pododjeljcima
mainstyles.css podstranica.css
Ako vaše web mjesto koristi neku vrstu okvira, vjerojatno ćete primijetiti da koristi više CSS datoteka, svaki posvećen različitim dijelovima stranica ili aspektima web mjesta (tipografija, boja, izgled, itd.).