Vzhľad a štýl alebo „štýl“ webovej stránky je diktovaný CSS (kaskádové štýly). Toto je súbor, ktorý pridáte do adresára svojej webovej stránky a ktorý bude obsahovať rôzne pravidlá CSS, ktoré vytvárajú vizuálny dizajn a rozloženie vašich stránok.
Webové stránky môžu a môžu často používať viacero šablón štýlov, nie je to však potrebné. Všetky svoje pravidlá CSS môžete umiestniť do jedného súboru a prináša to skutočne výhody, vrátane rýchlejšej doba načítania a výkon stránok, pretože nepotrebujú načítanie viacerých súborov. Aj keď sú podnikové weby veľmi veľké, niekedy môžu vyžadovať samostatné šablóny štýlov, veľa malých a stredných webov dokáže úplne dobre len jeden súbor so všetkými pravidlami, ktoré vaše stránky potrebujú. To vyvoláva otázku „Ako mám pomenovať tento súbor CSS“?
Základy pomenovania konvencií
Keď vytvoríte externá štýlová tabuľa pre svoje webové stránky by ste mali pomenovať súbor podľa podobnej konvencie pomenovania pre vaše súbory HTML.
Nepoužívajte špeciálne znaky
V názvoch súborov CSS by ste mali používať iba písmená a-z, číslice 0-9, podčiarkovník (_) a pomlčky (-). Aj keď vám váš súborový systém umožňuje vytvárať súbory, ktoré obsahujú iné znaky, váš operačný systém servera môže mať problémy so špeciálnymi znakmi. Ste bezpečnejší, ak použijete iba tu uvedené znaky. Nakoniec, aj keď váš server umožňuje špeciálne znaky, nemusí to tak byť, ak sa v budúcnosti rozhodnete pre prechod k iným poskytovateľom hostiteľa.
Nepoužívajte žiadne medzery
Rovnako ako pri špeciálnych znakoch môžu medzery spôsobiť problémy na vašom webovom serveri. Je dobré vyhnúť sa im v názvoch súborov; mali by ste dokonca pomenovať súbory ako PDF pomocou rovnakých konvencií, pre prípad, že by ste ich niekedy potrebovali pridať na web. Ak máte silný pocit, že na uľahčenie čítania názvu súboru potrebujete medzeru, rozhodnite sa pre pomlčky alebo podčiarkovníky. Napríklad namiesto použitia výrazu „toto je súbor.pdf“ použite „toto je súbor.pdf“.
Názov súboru by sa mal začínať písmenom
Aj keď to nie je absolútna požiadavka, niektoré systémy majú problémy s názvami súborov, ktoré nezačínajú písmenom. Ak sa napríklad rozhodnete začať v súbore číselným znakom, môže to spôsobiť problémy po celej čiare.
Používajte všetky malé písmená
Aj keď to pre názov súboru nie je potrebné, je to dobrý nápad, pretože pri niektorých webových serveroch sa rozlišujú veľké a malé písmená. Ak súbor zabudnete a odkážete na neho v inom prípade, nenačíta sa. Používanie malých písmen pre každý názov súboru je vždy šikovný spôsob, ako postupovať. Mnoho nových webových dizajnérov v skutočnosti ťažko pamätá na to, že ich predvolenou akciou pri pomenovaní súboru je veľké prvé písmeno názvu. Tomu sa vyhnite a zvyknite si iba na malé písmená.
Názov súboru udržujte čo najkratší
Aj keď pre väčšinu súborov je veľkosť súboru obmedzená operačné systémy, je to oveľa dlhšie, ako je rozumné pre názov súboru CSS. Dobrým pravidlom nie je viac ako 20 znakov pre názov súboru, ktorý neobsahuje príponu. Realisticky je čokoľvek oveľa dlhšie, než s čím je nepraktické pracovať a na čo aj odkazovať.
Najdôležitejšia súčasť vášho názvu súboru CSS
Najdôležitejšou časťou názvu súboru CSS nie je samotný názov súboru, ale prípona. V systémoch Macintosh a Windows XP nie sú rozšírenia povinné Systémy Linux, ale je dobré ho aj tak pri písaní súboru CSS zahrnúť. Takto vždy budete vedieť, že ide o šablónu štýlov, a nemusíte tak súbor otvárať, aby ste určili, čo bude v budúcnosti.
Pravdepodobne to nie je veľké prekvapenie, ale prípona vo vašom súbore CSS by mala byť:
.css
Konvencie pomenovania súborov CSS
Ak na webe budete mať vždy len jeden súbor CSS, môžete ho pomenovať, ako sa vám páči. Výhodnejšia je jedna z nasledujúcich možností:
štýl.css
standard.css
default.css
Ak váš web bude používať viac súborov CSS, pomenujte štýly podľa ich funkcií, aby bolo jasné, aký je účel každého súboru. Pretože webová stránka môže mať pripojených viac hárkov štýlov, pomôže vám rozdeliť vaše štýly na rôzne hárky v závislosti od funkcie tohto hárku a štýlov v ňom. Napríklad:
-
Rozloženie vs. dizajn
layout.css design.css
-
Sekcie stránok
main.css nav.css
-
Celá stránka s podsekciami
mainstyles.css podstránka.css
Ak váš web používa nejaký rámec, pravdepodobne si všimnete, že používa viac súborov CSS, každá je venovaná rôznym častiam stránok alebo aspektom stránky (typografia, farba, rozloženie, atď.).