Vzhled a styl nebo „styl“ webu je diktován CSS (kaskádové styly). Toto je soubor, který přidáte do adresáře svého webu a který bude obsahovat různá pravidla CSS, která vytvářejí vizuální design a rozvržení vašich stránek.
I když weby mohou používat a často používají více šablon stylů, není to nutné. Všechna svá pravidla CSS můžete umístit do jednoho souboru a přináší to skutečně výhody, včetně rychlejších doba načítání a výkon stránek, protože nepotřebují načítat více souborů. Přestože podnikové weby mohou být velmi velké, občas potřebují samostatné šablony stylů, mnoho malých a středních webů zvládne naprosto dobře pouze jeden soubor se všemi pravidly, která vaše stránky potřebují. To vyvolává otázku „Jak mám pojmenovat tento soubor CSS?“
Základy pojmenování konvencí
Když vytvoříte externí styl pro své webové stránky byste měli pojmenovat soubor podle podobných konvencí pojmenování vašich souborů HTML.
Nepoužívejte speciální znaky
V názvech souborů CSS byste měli používat pouze písmena a-z, čísla 0-9, podtržítko (_) a spojovníky (-). I když vám váš systém souborů umožňuje vytvářet soubory, které obsahují jiné znaky, operační systém serveru může mít problémy se speciálními znaky. Jste bezpečnější, když používáte pouze zde zmíněné znaky. Koneckonců, i když váš server umožňuje speciální znaky, nemusí to tak být, pokud se v budoucnu rozhodnete přejít k různým poskytovatelům hostitelů.
Nepoužívejte žádné mezery
Stejně jako u speciálních znaků mohou mezery na vašem webovém serveru způsobovat problémy. Je dobré se jim ve jménech souborů vyhnout; měli byste dokonce dát za cíl pojmenovat soubory jako PDF pomocí stejných konvencí, pro případ, že byste je někdy potřebovali přidat na web. Pokud máte silný pocit, že potřebujete místo, aby se název souboru snáze četl, rozhodněte se pro pomlčky nebo podtržítka. Například místo použití „this is the file.pdf“ použijte „this-is-the-file.pdf“.
Název souboru by měl začínat písmenem
I když to není absolutní požadavek, některé systémy mají problémy s názvy souborů, které nezačínají písmenem. Například pokud se rozhodnete soubor začít znakem čísla, může to způsobit problémy po řádku.
Použijte všechna malá písmena
I když to není vyžadováno pro název souboru, je to dobrý nápad, protože některé webové servery rozlišují velká a malá písmena a pokud zapomenete a odkazujete na soubor v jiném případě, nenačte se. Použití malých písmen pro každý název souboru je vždy chytrý způsob, jak jít. Ve skutečnosti se mnoho nových webových designérů snaží zapomenout to udělat, jejich výchozí akcí při pojmenování souboru je velká písmena prvního znaku názvu. Tomu se vyhněte a zvykněte si pouze na malá písmena.
Udržujte název souboru co nejkratší
I když u většiny souborů existuje limit velikosti souboru operační systémy, je to mnohem déle, než je rozumné pro název souboru CSS. Dobrým pravidlem je maximálně 20 znaků pro název souboru bez přípony. Realisticky je něco mnohem delšího než to, co je nepraktické pro práci a propojení.
Nejdůležitější část vašeho názvu souboru CSS
Nejdůležitější částí názvu souboru CSS není samotný název souboru, ale přípona. V systémech Macintosh a Windows se rozšíření nevyžadují Systémy Linux, ale při psaní souboru CSS je dobré jeden zahrnout. Tímto způsobem budete vždy vědět, že se jedná o šablonu stylů, a nemusíte soubor otevírat, abyste zjistili, o co se v budoucnu jedná.
Pravděpodobně to není velké překvapení, ale přípona ve vašem souboru CSS by měla být:
.css
Konvence pojmenování souborů CSS
Pokud na webu někdy budete mít pouze jeden soubor CSS, můžete jej pojmenovat, jak chcete. Výhodnější je jedna z následujících možností:
style.css
standard.css
default.css
Pokud váš web bude používat více souborů CSS, pojmenujte šablony stylů podle jejich funkce, aby bylo jasné, jaký je přesně účel každého souboru. Vzhledem k tomu, že webová stránka může mít připojeno více šablon stylů, pomůže vám rozdělit styly do různých šablon v závislosti na funkci tohoto šablon a stylů v ní. Například:
-
Rozložení vs. design
layout.css design.css
-
Sekce stránek
main.css nav.css
-
Celý web s podsekcemi
mainstyles.css podstránka.css
Pokud váš web používá nějaký rámec, pravděpodobně si všimnete, že používá více souborů CSS, každý věnovaný různým částem stránek nebo aspektům webu (typografie, barva, rozložení, atd.).