Videz in občutek ali "slog" spletnega mesta narekuje CSS (Cascading Style Sheets). To je datoteka, ki jo boste dodali v imenik svojega spletnega mesta, ki bo vseboval različna pravila CSS, ki ustvarjajo vizualni dizajn in postavitev svojih strani.
Medtem ko lahko spletna mesta uporabljajo in pogosto uporabljajo več listov slogov, to ni treba storiti. Vse svoje CSS-pravila lahko postavite v eno datoteko, dejansko pa imajo koristi, vključno s hitrejšim časom nalaganja in uspešnostjo strani, saj jim ni treba pridobiti več datotek. Medtem ko so velika podjetja, morda podjetja potrebujejo ločene liste slogov, lahko veliko malih in srednje velikih strani popolnoma odlično opravi samo eno datoteko z vsemi pravili, ki jih potrebujejo vaše strani. To postavlja vprašanje "Kaj naj poimenujem to datoteko CSS"? "
Imenovanje konvencije
Ko ustvarite zunanji slogovni list za svoje spletne strani, morate datoteko po podobnih dogovorih o imenih poimenovati za datoteke HTML.
Ne uporabljajte posebnih znakov
Uporabite lahko le črke a-z, številke 0-9, podčrtaj (_) in vezaje (-) v imenih datotek CSS. Medtem ko lahko vaš datotečni sistem omogoča ustvarjanje datotek z drugimi znaki v njih, ima lahko vaš strežniški OS težave s posebnimi znaki. Varnejši ste z uporabo samo omenjenih znakov. Konec koncev, tudi če vaš strežnik dovoljuje posebne znake, to morda ne bo, če se boste v prihodnosti odločili, da se premaknete v gostiteljske ponudnike.
Ne uporabljajte nobenih prostorov
Tako kot pri posebnih znakih lahko presledki povzročijo težave na spletnem strežniku. Dobra ideja je, da se jim izognete v imenih datotek - celo bi morali poimenovati datoteke, kot so PDF-ji, ki uporabljajo te iste konvencije, samo če jih kdaj jih morate dodati na spletno mesto. Če močno menite, da potrebujete presledek, da bi ime datoteke lažje prebrali, se odločite za vezaje ali podčrtaje. Na primer, namesto da bi uporabili »to je datoteka.pdf«, uporabite »this-is-the-file.pdf«.
Ime datoteke naj začne s črko
Čeprav to ni absolutna zahteva, nekateri sistemi imajo težave z imeni datotek, ki se ne začnejo s črko. Če na primer izberete, da začnete svojo datoteko s številčnim znakom, lahko to povzroči težave po vrstici.
Uporabite celoten spodnji del
Čeprav to ni potrebno za ime datoteke, je to dobra ideja, saj so nekateri spletni strežniki občutljivi na velike in male črke, in če pozabite in referirate datoteko v drugem primeru, se ne bo naložil. Uporaba znakov z velikimi črkami za vsako ime datoteke je vedno pametna pot. Pravzaprav se mnogi novi spletni oblikovalci zavedajo, da to storijo - njihovo privzeto dejanje pri imenovanju datoteke je izkoristiti prvi znak imena. Izogibajte se temu in se navadite samo z malimi črkami.
Ime datoteke naj bo čim krajše
Medtem ko je velikost imena datoteke v večini operacijskih sistemov, je veliko dlje, kot je razumno za ime datoteke CSS. Dobro pravilo ni več kot 20 znakov za ime datoteke, ki ne vključuje razširitve. Realno je, da je vse, kar je dlje, kot da je grobo, da bi delali in bi kljub temu povezali.
Najpomembnejši del vašega imena datoteke CSS
Najpomembnejši del imena datoteke CSS ni samo ime datoteke, ampak razširitev. Razširitve niso potrebne na sistemih Macintosh in Linux, vendar je pri vstavljanju datoteke CSS dobra zamisel. Na ta način boste vedno vedeli, da gre za slogovni list in vam ni treba odpreti datoteke, da bi ugotovili, kaj je v prihodnosti.
Verjetno ni veliko presenečenje, vendar mora biti razširitev datoteke CSS:
.css
CSS imenovanju konvencij
Če boste na spletnem mestu imeli samo eno datoteko CSS, jo lahko poimenujte kar koli želite. Najbolje je eno od naslednjih:
styles.css ali default.css
Če vaše spletno mesto uporabi več datotek CSS, po svoji funkciji poimenujte liste slogov, tako da je jasno, kaj je namen vsake datoteke. Ker ima spletna stran več stojalnih listov, ki so jim priložena, pomaga razdeliti svoje sloge v različne liste, odvisno od funkcije tega lista in slogov v njem. Na primer:
- Postavitev glede na obliko
layout.css design.css
- Odseki strani
main.css nav.css
- Celotno spletno mesto s podsektorji
mainstyles.css subpage.css
Če vaše spletno mesto uporablja nekakšen okvir, boste verjetno opazili, da uporablja več datotek CSS, od katerih je vsak namenjen različnim deležem strani ali vidikov spletnega mesta (tipografija, barva, postavitev itd.).
Uredil Jeremy Girard
