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 zelo velika podjetja podjetja morda potrebujejo ločene liste slogov včasih, lahko veliko malih in srednje velikih strani odlično opravi samo eno datoteko. To je tisto, kar uporabljam za večino dela mojega spletnega oblikovanja - eno datoteko CSS z vsemi pravili, ki jih potrebujejo moje strani. Torej vprašanje postane zdaj - kako naj poimenujete to datoteko CSS?
Imenovanje konvencije
Ko ustvarite zunanji slogovni list za svoje spletne strani, morate datoteko po podobnih dogovorih o imeni poimenovati za datoteke HTML:
Ne uporabljajte posebnih znakov
Uporabljajte lahko samo črke az, š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 premakniti ponudnike gostovanja .
Ne uporabljajte nobenih prostorov
Tako kot pri posebnih znakih lahko presledki povzročijo težave na spletnem strežniku. Dobro je, da se jim izognete v imenih datotek. Včasih imenujem datoteke, kot so PDF-ji, ki uporabljajo te iste konvencije, le, če jih kdaj želim dodati na spletno mesto. Če menite, da potrebujete prostor za lažje branje imena datoteke, se odločite za vezaje ali podčrtaje. Za primere, namesto da bi uporabili "to je datoteka.pdf", bi uporabil "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 številskim znakom, lahko to povzroči težave.
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. Pri svojem delu uporabljam male črke za vsako ime datoteke. Pravzaprav sem ugotovil, da je to nekaj, česar se mnogi novi spletni oblikovalci trudijo, da se zapomnijo. Njihova privzeta akcija 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. Resnično, vse kar je dlje, kot je to, je težko delati in povezati na vseeno!
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:
.cssCSS imenovanju konvencij
Če boste na spletnem mestu imeli samo eno datoteko CSS, jo lahko poimenujte kar koli želite. Raje bodisi:
styles.css ali default.cssKer večina spletnih mest, na katerih delam, vključujejo posamezne datoteke CSS, ta imena dobro delujejo zame.
Č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 lahko na njih pritrjena več slogovnih listov, pomaga razdeliti svoje sloge v različne liste, odvisno od funkcije tega lista in slogov v njem. Na primer:
- Postavitev vs Design layout.css design.css
- Stranski odseki 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.).
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 5.9.17