Izgled i dojam, ili "stil" web stranice, diktira 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 jednom datotekom. To je ono što ja iskoristiti za većinu svog rada u web dizajnu - pojedinačne CSS datoteke sa svim pravilima na mojim stranicama. Zato postaje pitanje - što biste trebali nazvati ovom CSS datotekom?
Imenovanje osnove konvencije
Kada izradite vanjski stilski obrazac za svoje web stranice, imenujte datoteku slijedeći slične konvencije imenovanja za svoje HTML datoteke:
Nemojte koristiti posebne znakove
U imenima CSS datoteka koristite samo slova az, brojevi 0-9, podvlak (_) i crtice (-). 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 možda neće biti slučaj ako odlučite premjestiti hosting providere u budućnosti.
Nemojte koristiti bilo kakve prostore
Baš kao i kod posebnih znakova, prostori mogu uzrokovati probleme na vašem web poslužitelju. Dobro je izbjegavati ih u nazivima datoteka. Čak sam to učinio točkom za naziv datoteka poput PDF-ova pomoću tih istih konvencija, samo u slučaju da ih ikada trebam dodati na web stranicu. Ako smatrate da vam je potreban prostor kako bi se naziv datoteke lakše pročitao, umjesto toga odaberite crtice ili podvlake. Na primjer, umjesto korištenja "Ovo je datoteka.pdf" Ja bih koristio "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.
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. U svom radu koristim znakove malih slova za svaki naziv datoteke. Zapravo sam pronašao ovo nešto što mnogi novi web dizajneri se bore za pamćenje. Njihova zadana radnja pri imenovanju datoteke je da kapitalizira prvi znak 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 nezgodan raditi i povezati svejedno!
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:
.cssKonvencije o imenovanju CSS datoteka
Ako samo na jednom mjestu imate samo jednu CSS datoteku, možete ga nazvati što god želite. Radije volim:
styles.css ili default.cssBudući da većina web lokacija na kojima radim uključuje pojedinačne CSS datoteke, ta imena dobro funkcioniraju za mene.
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 vs dizajn layout.css design.css
- Sekcije stranica 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.).
Izvorni članak Jennifer Krynin. Uredio Jeremy Girard na 9/5/17