Изгледът и усещането или "стилът" на уебсайта са диктувани от CSS (Cascading Style Sheets). Това е файл, който ще добавите към директорията на уебсайта си, която ще съдържа различните CSS правила, които създават визуалния дизайн и оформлението на вашите страници.
Въпреки че сайтовете могат да използват и често правят използването на няколко стилови листа, не е необходимо да правите това. Можете да поставите всичките си правила за CSS в един файл и действително има ползи за това, включително по-бързото време за зареждане и ефективността на страниците, тъй като не е необходимо да се извличат няколко файла. Макар че много големи корпоративни сайтове може да се нуждаят от отделни стилови листа понякога, много малки и средни сайтове могат да се справят отлично само с един файл с всички правила, от които се нуждаят страниците ви. Това повдига въпроса "Какво трябва да наименувам този CSS файл"? "
Наименуване на основите на конвенцията
Когато създавате външен лист с стилове за уеб страниците си, трябва да наименувате файла, следвайки подобни конвенции за наименуване на вашите HTML файлове.
Не използвайте специални символи
Трябва да използвате само буквите a-z, числа 0-9, долни черти (_) и тирета (-) в имената на CSS файловете. Докато файловата ви система може да ви позволи да създавате файлове с други символи в тях, сървърната ви операционна система може да има проблеми със специални символи. Вие сте по-сигурни, като използвате само споменатите тук букви. В края на краищата, дори ако сървърът ви позволява да използвате специални знаци, това може да не е така, ако решите да се преместите в хост доставчици в бъдеще.
Не използвайте никакви пространства
Точно както със специални знаци, интервалите могат да причинят проблеми на уеб сървъра ви. Добра идея е да ги избягвате във файловите си имена - дори би трябвало да направите така, че да споменавате файлове като PDF файлове, използвайки същите тези конвенции, в случай че някога трябва да ги добавите към уебсайт. Ако смятате, че имате нужда от място, за да направите файловото име по-лесно да се чете, изберете тирета или долни черти. Например, вместо да използвате "това е файлът.pdf" използвайте "this-is-the-file.pdf".
Името на файла трябва да започне с писмо
Въпреки че това не е абсолютно изискване, някои системи имат проблеми с имена на файлове, които не започват с писмо. Например, ако изберете да започнете файла с цифров знак, това може да доведе до проблеми по линията.
Използвайте всички долни кутии
Въпреки че това не е задължително за име на файл, това е добра идея, тъй като някои уеб сървъри правят разлика между главни и малки букви и ако забравите и препратите файла в друг случай, той няма да се зареди. Използването на малки букви за всяко име на файл винаги е умен начин. Всъщност много нови уеб дизайнери се мъчат да си спомнят да направят това - тяхното действие по подразбиране при назоваването на файл е да се извлече първият знак на името. Избягвайте това и влезте в навик само с малки букви.
Запазете името на файла възможно най-кратко
Въпреки че има ограничение на размера на име на файла в повечето операционни системи, това е много по-дълго от разумното за име на CSS файл. Едно правилно правило е не повече от 20 знака за името на файла, което не включва разширението. Реално, всичко, което е много по-дълго от това, е трудно да се работи и да се свърже с така или иначе.
Най-важната част от името на вашия CSS файл
Най-важната част от името на CSS файла не е самата име на файла, а разширението. Разширенията не се изискват за Macintosh и Linux системи, но е добре да включите такъв, когато пишете CSS файл. По този начин винаги ще знаете, че това е стилов лист и не трябва да отваряте файла, за да определите какво е то в бъдеще.
Вероятно не е голяма изненада, но разширението на вашия CSS файл трябва да бъде:
.css
Конвенции за наименуване на CSS файлове
Ако само ще имате един CSS файл на сайта, можете да го наречете каквото ви харесва. За предпочитане е едно от следните:
styles.css или default.css
Ако уебсайтът ви използва няколко CSS файла, посочете листовете със стилове след тяхната функция, така че е ясно какво точно е предназначението на всеки файл. Тъй като една уеб страница може да има множество стилови листове, прикрепени към тях, тя помага да разделите стиловете си на различни листове в зависимост от функцията на този лист и стиловете в него. Например:
- Оформление срещу дизайн
layout.css design.css
- Странични раздели
main.css nav.css
- Целият сайт с подраздели
mainstyles.css subpage.css
Ако уебсайтът Ви използва рамка от някакъв вид, вероятно ще забележите, че той използва множество CSS файлове, всяка от които е посветена на различни части от страниците или аспектите на сайта (типография, цвят, оформление и т.н.).
Редактиран от Джеръми Жирар
