Videz in občutek ali "slog" spletnega mesta narekuje CSS (Cascading Style Sheets). To je datoteka, ki jo boste dodali v imenik spletnega mesta in bo vsebovala različna pravila CSS, ki ustvarjajo vizualno zasnovo in postavitev vaših strani.
Čeprav lahko spletna mesta uporabljajo in pogosto uporabljajo več slogovnih listov, tega ni treba storiti. Vsa pravila CSS lahko shranite v eno datoteko in to dejansko prinaša koristi, vključno s hitrejšim čas nalaganja in zmogljivost strani, saj jim ni treba pridobiti več datotek. Medtem ko so zelo velika podjetja s podjetji morda včasih potrebujejo ločene slogovne liste, se lahko veliko majhnih do srednje velikih mest popolnoma uredi z samo eno datoteko z vsemi pravili, ki jih potrebujejo vaše strani. Ob tem se zastavlja vprašanje "Kako naj poimenujem to datoteko CSS"? "
Osnove konvencije o poimenovanju
Ko ustvarite zunanji slogovni list za svoje spletne strani morate datoteko poimenovati po podobnih pravilih poimenovanja datotek HTML.
Ne uporabljajte posebnih znakov
V imenih datotek CSS uporabite samo črke a-z, številke 0-9, podčrtaj (_) in vezaje (-). Čeprav vam datotečni sistem morda omogoča ustvarjanje datotek z drugimi znaki v njih, ima operacijski sistem strežnika težave s posebnimi znaki. Varneje uporabljate samo tukaj omenjene znake. Konec koncev, tudi če vaš strežnik dovoljuje posebne znake, to morda ne bo veljalo, če se boste v prihodnosti odločili za selitev k drugim ponudnikom gostiteljskih storitev.
Ne uporabljajte nobenih prostorov
Tako kot pri posebnih znakih lahko presledki povzročajo težave tudi na vašem spletnem strežniku. Dobro se jim je izogniti v imenih datotek; celo poudariti morate, da poimenujete datoteke, kot so PDF, z uporabo istih pravil, samo v primeru, da jih boste kdaj morali dodati na spletno mesto. Če močno čutite, da potrebujete presledek za lažje branje imena datoteke, se raje odločite za vezaje ali podčrtaje. Na primer, namesto da uporabite "to je datoteka.pdf", uporabite "to-je-ta-datoteka.pdf".
Ime datoteke se mora začeti s črko
Čeprav to ni absolutna zahteva, imajo nekateri sistemi težave z imeni datotek, ki se ne začnejo s črko. Če na primer datoteko začnete s številskim znakom, lahko to povzroči težave po vrsti.
Uporabite vse male črke
Čeprav to ni potrebno za ime datoteke, je dobra ideja, saj nekateri spletni strežniki razlikujejo med velikimi in malimi črkami in če datoteko pozabite in se sklicujete v drugem primeru, se ne bo naložila. Uporaba malih črk za vsako ime datoteke je vedno pametna pot. Pravzaprav se mnogi novi spletni oblikovalci trudijo, da bi si to zapomnili, privzeto dejanje pri poimenovanju datoteke pa je, da prvi znak imena uporabi z veliko začetnico. Izognite se temu in si navadite samo malih črk.
Ime datoteke naj bo čim krajše
Čeprav je pri večini omejitev velikosti datotek omejena operacijski sistemi, je veliko dlje, kot je smiselno za ime datoteke CSS. Dobro ime je največ 20 znakov za ime datoteke, ki ne vključuje končnice. Realno gledano je vse, kar je precej daljše od tega, okorno za delo in povezave.
Najpomembnejši del vašega imena datoteke CSS
Najpomembnejši del imena datoteke CSS ni samo ime datoteke, temveč končnica. Razširitve na Macintosh in Linux sistemi, vendar je dobro, da ga med pisanjem datoteke CSS vseeno vključite. Tako boste vedno vedeli, da gre za tabelo s slogi in vam ni treba odpreti datoteke, da bi ugotovili, za kaj gre v prihodnosti.
Verjetno ni veliko presenečenje, vendar bi morala biti pripona vaše datoteke CSS:
.css
Konvencije o poimenovanju datotek CSS
Če boste na spletnem mestu kdaj imeli samo eno datoteko CSS, jo lahko poimenujete, kot želite. Zaželeno je eno od naslednjega:
style.css
standard.css
default.css
Če bo vaše spletno mesto uporabljalo več datotek CSS, poimenujte slogovne liste po njihovi funkciji, da bo jasno, kakšen je namen vsake datoteke. Ker je na spletni strani lahko priloženih več slogovnih listov, pomaga razdeliti vaše sloge na različne liste, odvisno od funkcije tega lista in slogov v njem. Na primer:
-
Postavitev vs. oblikovanje
layout.css design.css
-
Odseki strani
main.css nav.css
-
Celotno spletno mesto s pododdelki
mainstyles.css podstran.css
Če vaše spletno mesto uporablja nekakšen okvir, boste verjetno opazili, da uporablja več datotek CSS, vsak namenjen različnim delom strani ali vidikom spletnega mesta (tipografija, barva, postavitev, itd.).