It look and feel, of "styl" fan in webside is diktearre troch CSS (Cascading Style Sheets). Dit is in triem dy't jo tafoegje oan jo webstee's directory dy't de ferskate CSS-regels befetsje dy't de fisuele ûntwerp en layout fan jo siden meitsje.
Wylst siden gebrûk meitsje kinne, en faak dwaan, brûke meardere stylblêden, it is net nedich om dat te dwaan. Jo kinne alle jo CSS-regels yn ien bestân pleatse, en der binne feitlik foardielen om dit te dwaan, wêrûnder faker laden tiid en prestaasjes fan siden om't se net meardere bestannen holden moatte. Hoewol in protte grutte bedriuwen op it webstee kinne tiden faaks ekstra stylblêden nedich hawwe, kinne in soad lytse oant midsiteits perfekt fine mei just ien bestân. Dit is wat ik brûke foar de measte fan myn web-ûntwerpwurk - in inkele CSS-bestannen mei alle regels dy't myn siden nedich binne. Sa wurdt de fraach no - wat moatte jo dizze CSS bestân?
Nammen fan konvintaasjefûnsen
As jo in ekstern stylblêd foar jo websiden oanmeitsje, moatte jo de triem neamd wurde neffens oare nammen konvenanten foar jo HTML-bestannen:
Spesjale spesjale tekens brûke
Jo moatte allinich de letters az, sifers 0-9, ûnderstreeks (_), en hyphens (-) yn jo CSS triemnammen brûke. Wylst jo triemsysteem mooglik meitsje dat jo triemmen mei oare karakters ynstelle kinne, kin jo server OS problemen hawwe mei spesjale tekens. Jo binne feiliger gebrûk allinich de hjirûnder neamde personaazjes. As jo jo tsjinner ek spesjale tekens befetsje, dan kin dat net it gefal wêze as jo besykje om hosting-providers yn 'e takomst te ferpleatsen.
Brûk gjin spaasjes
Krekt lykas by spesjale tekens kinne romten feroarsaakje oan jo webtsjinner. It is in goede idee om se te foarkommen yn jo triemnammen. Ik meitsje it sels in punt om bestannen as PDFs te brûken mei dizze deselde konvenanten, krekt as ik dat ea oan in webside taheakje moat. As jo fielle dat jo in romte nedich hawwe om de triemnamme makliker te lêzen te meitsjen, besykje dan foar begelieders of ûndersikers yn plak. Foar foarbylden, ynstee fan it brûken fan "dit is it file.pdf", soe ik "dit-is-the-file.pdf" brûke.
De triemnamme moat begjinne mei in brief
Wyls dit gjin absolute easken is, hawwe guon systemen problemen mei triemnammen dy't net begjinne mei in brief. Bygelyks, as jo kieze om jo triem mei nûmer-karakter te begjinnen, kin dit problemen feroarsaakje.
Brûk All Lower Case
Wyls dit net ferplichte is foar in triemnamme, it is in goeie idee, sa't guon Webservers gefoelich binne, en as jo de triem ferjitte yn in oare gefallen fertsjinje, sil it net laden wurde. Yn myn eigen wurk brûke ik lytsere karakteren foar elke triemnamme. Ik haw it eigentlik fûn dat it wêze dat in soad nije webûntwikkelders stride om te herimpeljen. Har standertaksje by it nammejen fan in bestân is it earste karakter fan 'e namme te kapitalisearjen. Meitsje dat en allinich yn 'e gewoante fan lytse letters.
Hâld de triemnamme as Koarte as mooglik
Wylst in limyt fan triemnammegrutte op de measte bestjoeringssystemen is, is it folle langer dan is reden foar in CSS-bestânsnamme. In goede regel fan thumb is net mear as 20 karakters foar de triemnamme wêrûnder de eksterning. Realistysk, wat folle langer dan dat is ûngebrûklik om te wurkjen en te keppeljen!
It meast wichtige diel fan jo CSS triemnamme
It wichtichste diel fan de CSS triemnamme is net de triemnamme sels, mar de útwreiding. Extensions binne net nedich op Macintosh- en Linux-systemen, mar it is in goeie idee om ien inkeld te meitsjen by it skriuwen fan in CSS-bestân. Op dizze manier wite jo altyd dat it in stylblêd is en it bestân net iepenje om te bestimmen wat it is yn 'e takomst.
It is wierskynlik net in grutte ferrassing, mar de útwreiding fan jo CSS bestân moat wêze:
.cssCSS- triembehearding konvenanten
As jo allinich ien CSS-bestân hawwe op 'e side, dan kinne jo it nammentearje wat jo wolle. Ik leaver ek:
styles.css of default.cssSûnt de measte sitten wurkje ik op in ûnderdiel fan CSS-bestannen, dizze nammen wurkje goed foar my.
As jo webside meardere CSS-bestannen brûke, neame de stylblêden nei har funksje sadat it dúdlik is wat it doel fan elke triem is. Om't in webside meardere stylblêden hawwe kinne, hat it helpt om jo stilen te dielen yn ferskillende blêden, ôfhinklik fan de funksje fan dat blêd en de stilen dêrfan. Bygelyks:
- Layout vs Design layout.css design.css
- Side-seksje main.css nav.css
- Folsleine side mei sub-seksje mainstyles.css subpage.css
As jo webside in ramt fan guon soarten brûke, sille jo wierskynlik besjen dat it ferskate CSS-bestannen brûkt, elk dy't apart is foar ferskate dielen fan 'e siden of aspekten fan' e side (typografy, kleur, lokaasje, ensfh.).
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 9/5/17