Изгледот и чувството, или "стилот" на веб-страница е диктиран од CSS (Cascading Style Sheets). Ова е датотека што ќе ја додадете во директориумот на вашиот веб-сајт кој ќе ги содржи различните CSS правила кои создаваат визуелен дизајн и изглед на вашите страници.
Додека веб-страниците можат да користат и честопати користат повеќе стилски листови, тоа не е потребно да се направи. Можете да ги ставите сите ваши CSS-правила во една датотека, и всушност има бенефиции за тоа, вклучително и побрзо време на вчитување и ефикасност на страници, бидејќи тие не треба да донесат повеќе датотеки. Додека се многу големи, на претпријатијата сајтови може да имаат потреба од одделни стилски листови понекогаш, многу мали и средни сајтови можат да прават совршено чисто со само една датотека. Ова е она што го користам за поголемиот дел од мојата веб дизајн работа - една CSS датотеки со сите правила моите страници треба. Значи прашањето сега станува - што треба да го именувате CSS-датотеката?
Основи на именување на Конвенцијата
Кога креирате надворешен стилски лист за вашите веб-страници, треба да ја именувате датотеката по слични конвенции за именување за вашите HTML-датотеки:
Не користете специјални знаци
Треба да ги користите само буквите az, броеви 0-9, долна црта (_) и цртички (-) во имињата на вашите CSS-датотеки. Додека вашиот датотечен систем може да ви овозможи да креирате датотеки со други знаци во нив, вашиот OS оперативен систем може да има проблеми со специјални знаци. Вие сте побезбедни користејќи ги само ликовите споменати овде. Впрочем, дури и ако вашиот сервер дозволува специјални знаци, тоа можеби не е случај ако одлучите да ги преместите хостинг провајдерите во иднина.
Не користете никакви простори
Исто како и со специјални карактери, просторите можат да предизвикаат проблеми на вашиот веб-сервер. Добра идеја е да ги избегнете во имињата на датотеките. Јас дури и да направам точка за да ги именувате датотеките како PDF-датотеки со користење на истите исти конвенции, само во случај кога некогаш треба да ги додадам на веб-страница. Ако сметате дека ви треба простор за да го направите името на датотеката полесно за читање, наместо да одберете цртички или подвлекувања. За примери, наместо да се користи "ова е датотека.pdf", би користел "this-is-the-file.pdf".
Името на датотеката треба да започне со писмо
Иако ова не е апсолутно барање, некои системи имаат проблеми со имиња на датотеки кои не започнуваат со писмо. На пример, ако одберете да ја започнете датотеката со знак за број, ова може да предизвика проблеми.
Користете го послаб случај
Додека ова не е потребно за име на датотека, тоа е добра идеја, бидејќи некои веб сервери се осетливи на големи букви, и ако ја заборавите и упатите датотеката во друг случај, нема да се вчита. Во мојата работа, користам мали букви за секое име на датотека. Јас всушност се најде ова да биде нешто што многу нови веб-дизајнери се борат да се сеќавам да се направи. Нивната основна акција при именувањето на датотеката е да го капитализира првиот знак на името. Избегнете го ова и влезете во навика на мали букви.
Чувајте го името на датотеката колку што е можно пократко
Додека постои ограничување на големината на името на датотеката на повеќето оперативни системи, тоа е многу подолго отколку што е разумно за име на датотека на CSS. Доброто владеење не е повеќе од 20 карактери за името на датотеката што не го вклучува продолжувањето. Реално, нешто многу подолго од тоа е гломазно да се работи и да се поврзе со и онака!
Најважниот дел од името на вашата CSS датотека
Најважниот дел од името на датотеката на CSS не е името на самиот фајл, туку продолжувањето. Екстензии не се потребни на Macintosh и Linux системите, но добра идеја е да го вклучите и онака кога пишувате CSS-датотека. На тој начин секогаш ќе знаете дека тоа е стилски лист и не мора да ја отворите датотеката за да утврдите што е во иднина.
Веројатно не е големо изненадување, но продолжувањето на вашата CSS датотека треба да биде:
.cssCSS имиња за имиња на датотеки
Ако само што некогаш ќе имате една CSS датотека на страницата, можете да го именувате она што сакате. Повеќе сакам:
styles.css или default.cssБидејќи повеќето од сајтовите каде што работим вклучуваат единечни CSS-датотеки, овие имиња добро функционираат за мене.
Ако вашата веб-страница ќе користи повеќе CSS-датотеки, ги именува стилските листови по нивната функција, па така јасно е точно што е целта на секоја датотека. Бидејќи веб-страница може да има повеќе стилски листови прикачени на нив, помага да ги разделите вашите стилови во различни листови во зависност од функцијата на тој лист и стиловите во неа. На пример:
- Распоред наспроти Дизајн layout.css design.css
- Page sections main.css nav.css
- Цела страница со под-секции mainstyles.css subpage.css
Ако вашиот веб-сајт користи рамка од некој вид, најверојатно ќе забележите дека користи повеќе CSS-датотеки, од кои секој е посветен на различни делови од страниците или аспектите на страницата (типографија, боја, распоред, итн.).
Авторски напис од Џенифер Крајнин. Редаван од Џереми Гирард на 9/5/17