Vzhľad a pocit alebo "štýl" webovej stránky je 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 niekedy vyžadovať samostatné štýly, mnohé malé až stredne veľké stránky dokážu dokonale vystihnúť iba jeden súbor. To je to, čo používam pre väčšinu mojej webdesignovej práce - jediné súbory CSS so všetkými pravidlami, ktoré moje stránky potrebujú. Takže teraz sa stáva otázka - čo by ste mali 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 nasledujúcich 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á az, čí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 premiestniť poskytovateľov hostingu 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, aby ste sa im vyhli v názvoch súborov. Dokonca som sa snažil označiť súbory ako súbory PDF, ktoré používajú rovnaké konvencie, len ak by som ich niekedy musel pridať na webové stránky. Ak máte pocit, že potrebujete priestor na ľahšie čítanie názvu súboru, použite pomlčky alebo podčiarknuté. Napríklad, namiesto použitia "this is the file.pdf" by som použil "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 číslom, môže to spôsobiť problémy.
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ť. Vo svojej vlastnej práci používam malé písmená pre každý názov súboru. Naozaj som zistil, že to je niečo, čo mnohí noví weboví dizajnéri sa snažia zapamätať. 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, niečo oveľa dlhšie, než je to ťažké pracovať a odkaz na tak ako tak!
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ť:
CSSCSS 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. Dávam prednosť buď:
styles.css alebo default.cssPretože väčšina stránok, na ktorých pracujem, obsahuje jediné súbory CSS, tieto mená dobre fungujú.
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 na to, ž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:
- Usporiadanie vs Design layout.css design.css
- Sekcie stránky main.css nav.css
- Celý web s podsekciou 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ď.).
Originálny článok od Jennifer Krynin. Upravený Jeremy Girard dňa 9/5/17