La aspekto kaj sento, aŭ "stilo" de retejo estas diktita de CSS (Cascading Style Sheets). Jen dosiero, kiun vi aldonos al la dosierujo de via retejo, kiu enhavos la diversajn CSS-regulojn, kiuj kreas la vidan dezajnon kaj aranĝon de viaj paĝoj.
Dum retejoj povas uzi, kaj ofte fari, uzi plurajn foliojn, ne necesas fari tion. Vi povas meti ĉiujn viajn regulojn de CSS en unu dosieron, kaj fakte ekzistas profitoj por fari tion, inkluzive de pli rapida ŝarĝo kaj agado de paĝoj, ĉar ili ne bezonas serĉi plurajn dosierojn. Dum tre grandaj, dungistaj retejoj eble bezonas apartajn stilajn foliojn ofte, multaj malgrandaj ĝis mezaj lokoj povas perfekte fiksi kun nur unu dosiero. Ĉi tio estas kion mi uzas por plejparto de mia retejo-dezajno-laboro-sola CSS-dosieroj kun ĉiuj reguloj, kiujn miaj paĝoj bezonas. Do la demando nun fariĝas - kion vi nomu ĉi CSS-dosiero?
Enoficiga Konvencio Bazaj
Kiam vi kreas eksterajn foliojn por viaj retpaĝoj, vi devas nomi la dosieron sekvantan similajn nomajn konvenciojn por viaj HTML-dosieroj:
Ne Uzu Specialajn Karakterojn
Vi nur uzu la literojn az, nombroj 0-9, subskriba (_) kaj hyphens (-) en viaj CSS-dosiernomo. Dum via dosiero-sistemo eble permesas krei dosierojn kun aliaj signoj en ili, via servilo-sistemo povus havi problemojn kun specialaj signoj. Vi estas pli sekura uzante nur la signojn menciitajn ĉi tie. Finfine, eĉ se via servilo permesas specialajn signojn, tio eble ne estas, se vi decidas movi gastigantojn en la estonteco.
Ne Uzu ajnajn Spacojn
Same kiel kun specialaj signoj, spacoj povas kaŭzi problemojn en via servilo. Estas bona ideo eviti ilin en viaj dosieraj nomoj. Mi eĉ faras ĝin punkto por nomi dosierojn kiel PDFs uzante ĉi tiujn samajn konvenciojn, kvazaŭ mi iam bezonos aldoni ilin al retejo. Se vi sentas, ke vi bezonas spacon por pli facile legi la dosiernomon, elektu anstataŭajn lingvojn aŭ substrekojn. Por ekzemploj, anstataŭ uzi "jen la dosiero.pdf" Mi uzus "ĉi-ĉi-dos-dosiero.pdf".
La dosiernomo devas komenci per litero
Dum ĉi tio ne estas absoluta postulo, iuj sistemoj havas problemojn kun dosieraj nomoj, kiuj ne komencas kun letero. Ekzemple, se vi elektas komenci vian dosieron per nombra karaktero, tio povas kaŭzi problemojn.
Uzu Ĉiuj Malsupra Kazo
Kvankam ĉi tio ne estas necesa por dosiernomo, tio estas bona ideo, ĉar iuj serviloj retejo estas kazaj, kaj se vi forgesas kaj referencas la dosieron en malsama kazo, ĝi ne ŝarĝos. En mia propra laboro, mi uzas pli malgrandajn kazajn signojn por ĉiu dosiernomo. Mi fakte trovis, ke tio estas io, kiun multaj novaj retpaĝistoj strebas memori. Ilia defaŭlta ago, kiam nomado de dosiero estas kapitaligi la unuan karakteron de la nomo. Evitu ĉi tion kaj eniru la kutimon de minusklaj signoj nur.
Konservu la dosiernomon kiel eble plej mallongan
Dum estas limo de dosiernivela grandeco en plej multaj operaciumoj, ĝi estas multe pli longa ol estas racia por CSS-dosiernomo. Bona regulo ne havas pli ol 20 signojn por la dosiernomo, kiu ne inkluzivas la etendon. Reale, ĉio multe pli longa ol tio ne kapablas labori kaj ligi al ĉiuj modoj!
La plej grava parto de via CSS-dosiernomo
La plej grava parto de la CSS-dosiernomo ne estas la dosiernomo mem, sed la etendo. Vi ne bezonas etendojn en sistemoj de Macintosh kaj Linukso, sed estas bona ideo inkluzivi unu ajnaniere, kiam vi skribas CSS-dosieron. Tiel vi ĉiam scios, ke ĝi estas stila folio kaj ne devas malfermi la dosieron por determini kio estas en la estonteco.
Ĝi verŝajne ne estas granda surprizo, sed la etendo en via CSS-dosiero devus esti:
.cssCSS-dosier-nomumaj Konvencioj
Se vi nur iam havos unu CSS-dosieron en la retejo, vi povas nomi ĝin kiel ajn vi ŝatas. Mi preferas ĉu:
stiloj.css aŭ default.cssĈar plejparto de la ejoj, kiujn mi laboras, inkluzivas unuajn CSS-dosierojn, ĉi tiuj nomoj funkcias bone por mi.
Se via retejo uzos multoblajn CSS-dosierojn, nomu la stilfoliojn post sia funkcio, do ĝi klare precize, kio estas la celo de ĉiu dosiero. Ĉar TTT-paĝo povas havi multajn foliojn, kiuj helpas dividi viajn stilojn en malsamajn foliojn laŭ la funkcio de tiu ĉi folio kaj la stiloj ene de ĝi. Ekzemple:
- Aranĝo kontraŭ Dezajno layout.css design.css
- Paĝaj sekcioj main.css nav.css
- Tuta retejo kun sekcioj mainstyles.css subpage.css
Se via retejo uzas kadron de ia speco, vi verŝajne rimarkos, ke ĝi uzas multoblajn CSS-dosierojn, ĉiu dediĉitan al malsamaj porcioj de la paĝoj aŭ aspektoj de la retejo (tipografio, koloro, aranĝo ktp.).
Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 9/5/17