Vzhled a pocit, nebo "styl" webové stránky jsou diktovány CSS (Cascading Style Sheets). Jedná se o soubor, který přidáte do adresáře vašeho webu, který bude obsahovat různá pravidla CSS, která vytvářejí vizuální design a rozvržení vašich stránek.
Zatímco stránky mohou používat a často dělají, používají více stylů, není to nutné. Všechna pravidla CSS můžete umístit do jednoho souboru, a to jsou skutečné výhody, včetně rychlejšího načítání a výkonu stránek, protože není nutné načítat více souborů. Zatímco velmi velké podnikové weby mohou občas potřebovat oddělené styly, mnoho malých až středně velkých stránek může dokonale fungovat pouze jedním souborem se všemi pravidly, které vaše stránky potřebují. To vyvolává otázku "Co mám pojmenovat tento soubor CSS?"
Základy pojmenování konvence
Při vytváření externího stylu stránek pro vaše webové stránky byste měli pojmenovat soubor podle podobných konvencí pojmenování pro vaše soubory 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 pomlčky (-). Zatímco souborový systém vám umožní vytvářet soubory s jinými znaky v nich, váš server OS může mít problémy se speciálními znaky. Jste bezpečnější pomocí pouze tu uvedených znaků. Koneckonců, i když váš server povoluje speciální znaky, nemusí tomu tak být, pokud se rozhodnete přesunout na hostitelské poskytovatele v budoucnu.
Nepoužívejte žádné mezery
Stejně jako u speciálních znaků mohou mezery způsobit problémy na vašem webovém serveru. Je to dobrý nápad se jim vyhnout v názvech souborů - měli byste dokonce učinit odkaz na pojmenování souborů, jako jsou soubory PDF, používající stejné konvence, jen v případě, že je někdy budete muset přidat na webové stránky. Pokud máte pocit, že potřebujete místo pro snadnější čtení názvu souboru, použijte místo toho pomlčky nebo podtržítka. Například namísto použití "to je soubor.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í potíže s názvy souborů, které nezačínají písmenem. Pokud se například rozhodnete spustit soubor s číslem, může to způsobit problémy na řádku.
Použijte všechny spodní části
Zatímco to není nutné pro název souboru, je to dobrý nápad, protože některé webové servery rozlišují malá a velká písmena a pokud zapomenete a odkazujete na soubor v jiném případě, nebude se načíst. Použití malých písmen pro každé jméno souboru je vždy chytrá cesta. Ve skutečnosti se mnoho nových webových návrhářů snaží vzpomenout na to - jejich výchozí akce při pojmenování souboru je zúročit první znak jména. Vyhněte se tomu a zvykněte pouze na malá písmena.
Uložte název souboru co nejkratší
I když je ve většině operačních systémů limit velikosti názvu souboru, je mnohem déle, než je rozumné pro název souboru CSS. Dobrým pravidlem není více než 20 znaků pro název souboru bez rozšíření. Realisticky je něco, co je daleko déle než to, že je těžké pracovat a spojit se s takovou cestou.
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 jeho přípona. Rozšíření není vyžadována u systémů Macintosh a Linux, ale při zápisu souboru CSS je dobré přidat jeden. Tímto způsobem budete vždy vědět, že je to stylový list a nemusíte soubor otevřít, abyste zjistili, co to bude v budoucnu.
Pravděpodobně to není velké překvapení, ale rozšíření vašeho souboru CSS by mělo být:
.css
CSS konvence pojmenování souborů
Pokud na webu budete mít pouze jeden soubor CSS, můžete ho pojmenovat podle libosti. Jeden z následujících je vhodnější:
styles.css nebo default.css
Pokud vaše webové stránky použijí více souborů CSS, pojmenujte listy stylů po jejich funkci, takže je jasné, jaké je účel každého souboru. Vzhledem k tomu, že webová stránka může obsahovat více stylových listů, pomůže rozdělit styly do různých listů v závislosti na funkci tohoto listu a stylích v něm. Například:
- Rozložení vs. návrh
layout.css design.css
- Sekce stránky
main.css nav.css
- Celý web s podsekcemi
mainstyles.css subpage.css
Pokud vaše webové stránky používají určitý rámec, pravděpodobně si všimnete, že používá více souborů CSS, z nichž každá je věnována různým stránkám stránek nebo aspektům webu (typografie, barvy, rozložení atd.).
Upravil Jeremy Girard
