Vzhľad a pocit, alebo "štýl" webovej stránky sú diktované CSS (Cascading Style Sheets). Toto je súbor, ktorý pridáte do adresára vášho webu, ktorý bude obsahovať rôzne pravidlá CSS, ktoré vytvárajú vizuálny dizajn a rozloženie vašich stránok.
Zatiaľ čo weby môžu používať a často používať viacero hárkov štýlov, nie je to potrebné. Môžete umiestniť všetky svoje pravidlá CSS do jedného súboru a existujú skutočné výhody, vrátane rýchlejšieho načítania a výkonu stránok, pretože nie je potrebné načítať viac súborov. Zatiaľ čo veľké podnikové stránky môžu častejšie vyžadovať samostatné štýly, mnoho malých až stredne veľkých stránok môže dokonale fungovať len s jedným súborom so všetkými pravidlami, ktoré vaše stránky potrebujú. To vyvoláva otázku "Čo by som mal pomenovať tento súbor CSS?"
Pomenovanie základov dohovoru
Pri vytváraní externého štýlu fotiek pre vaše webové stránky by ste mali názov súboru podľa podobných konvencií pomenovania pre vaše HTML súbory.
Nepoužívajte špeciálne znaky
V názvoch súborov CSS by ste mali používať iba písmená a-z, čísla 0-9, podčiarknutie (_) a pomlčky (-). Aj keď súborový systém vám môže umožňovať vytváranie súborov s inými znakmi v nich, váš serverový operačný systém môže mať problémy so špeciálnymi znakmi. Ste bezpečnejší iba s použitím tu uvedených znakov. Koniec koncov, aj keď váš server umožňuje špeciálne znaky, to nemusí byť prípad, ak sa rozhodnete prechod na hostiteľských poskytovateľov v budúcnosti.
Nepoužívajte žiadne medzery
Rovnako ako pri špeciálnych znakoch, medzery môžu spôsobovať problémy na vašom webovom serveri. Je to dobrý nápad, vyhýbať si ich v názvoch súborov - mali by ste dokonca urobiť bod, aby ste pomenovali súbory ako sú súbory PDF, používajúce tie isté konvencie, len ak by ste ich niekedy museli pridať na webové stránky. Ak máte pocit, že potrebujete priestor na zjednodušenie čítania názvu súboru, namiesto toho použite pomlčky alebo podčiarknuté. Napríklad namiesto použitia "this is the file.pdf" použite "this-is-the-file.pdf".
Názov súboru by 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ť súbor s číselným znakom, môže to spôsobiť problémy v riadku.
Použite všetky malé puzdro
Hoci to nie je potrebné pre názov súboru, je to dobrý nápad, pretože niektoré webové servery rozlišujú veľké a malé písmená a ak zabudnete súbor v inom prípade, nebudete ho načítať. Použitie malých písmen pre každý názov súboru je vždy šikovný spôsob, ako ísť. V skutočnosti sa mnohí noví dizajnéri webu snažia zapamätať si to - ich predvolená akcia pri pomenovávaní súboru má začiarknuť prvý znak mena. Vyhýbajte sa tomu a zvyknite len na malé písmená.
Uložte názov súboru čo najkratší
Aj keď je na väčšine operačných systémov limit veľkosti súboru, je to oveľa dlhšie, ako je rozumné pre názov súboru CSS. Dobré pravidlo nie je väčšie ako 20 znakov pre názov súboru, ktorý neobsahuje rozšírenie. Realisticky je niečo, čo je oveľa dlhšie, než je ťažké pracovať a napriek tomu odkazovať.
Najdôležitejšia časť vášho názvu súboru CSS
Najdôležitejšia časť názvu súboru CSS nie je samotný názov súboru, ale jeho rozšírenie. Rozšírenia sa nevyžadujú v systéme Macintosh a Linux, ale pri zápisu súboru CSS je dobré ho zahrnúť. Týmto spôsobom budete vždy vedieť, že je to štýl štýlu a nie je potrebné otvoriť súbor na určenie toho, čo to bude v budúcnosti.
Pravdepodobne to nie je veľké prekvapenie, ale rozšírenie vášho súboru CSS by malo byť:
CSS
CSS konvencie pri označovaní súborov
Ak na webe budete mať len jeden súbor CSS, môžete mu pomenovať to, čo sa vám páči. Jeden z nasledujúcich je výhodnejší:
styles.css alebo default.css
Ak vaše webové stránky použijú viacero súborov CSS, pomenujte ich podľa ich funkcií, takže je presne jasné, aký je účel každého súboru. Vzhľadom k tomu, že webová stránka môže obsahovať viacero štýlov, ktoré sú k nim priradené, pomáha rozdeliť štýly na rôzne listy v závislosti od funkcie tohto hárku a štýlov v ňom. Napríklad:
- Rozloženie versus dizajn
layout.css design.css
- Sekcie stránok
main.css nav.css
- Celé stránky s čiastkovými sekciami
mainstyles.css subpage.css
Ak vaše webové stránky používajú určitý rámec, pravdepodobne si všimnete, že používa viacero súborov CSS, z ktorých každá je venovaná rôznym častiam stránok alebo aspektom lokality (typografia, farba, rozloženie atď.).
Upravil Jeremy Girard
