Webgune baten itxura eta sentipena, edo "estiloa", CSS (Cascading Style Sheets) agindua da. Zure webguneko direktorioa gehituko zaizun fitxategi bat da, zure diseinu bisuala eta diseinua sortuko duten CSS arau ezberdinak biltzen dituena.
Guneek erabil dezakete eta sarritan, estilo-orri anitz erabili ditzakete, ez da beharrezkoa. Zure CSS arau guztiak fitxategi bakarrean jarri ditzakezu, eta benetan horrelako prestazioak daude, besteak beste, karga-denbora azkarragoa eta orrien errendimendua barne, ez baitituzte hainbat fitxategi eskuratu behar. Oso handiak izan arren, enpresako guneek estilo-orri bereiziak izan ditzakete aldiz, gune txikietarako ertain asko ezin hobeak dira fitxategi bakarrean. Hau da nire web diseinurako lan gehienetarako erabiltzen dutena: CSS fitxategi bakar bat nire orriak behar dituzten arauekin. Galdera orain bihurtzen da - zer egin beharko zenioke CSS fitxategi hau?
Naming Convention Basics
Zure web orrien kanpoko estilo-orri bat sortzen duzunean, zure fitxategien HTML fitxategientzako antzeko izendapen konbentzioak jarraituz izendatu beharko zenuke.
Ez erabili karaktere bereziak
Letrak az, 0-9 zenbakiak, azpimarra (_) eta marratxoak (-) erabili behar dituzu CSS fitxategien izenetan. Fitxategi-sistemak beste karaktere batzuekin fitxategiak sor ditzakezun bitartean, zure zerbitzariaren OSak karaktere bereziak izan ditzake. Hemen aipatzen diren karaktereak bakarrik seguruagoak dira. Azken finean, nahiz eta zure zerbitzariak karaktere bereziak uzten baditu, agian ez da izango etorkizunean hosting hornitzaileak mugitzea erabakitzen baduzu.
Ez erabili edozein espazio
Karaktere berezietan bezala, espazioak zure web zerbitzarian arazoak sor ditzake. Ideia ona da zure fitxategi izenetan saihesteko. Nik ere egin dut puntu bat PDF fitxategiak izendatzeko konbentzio horiek erabiliz, kasu horretan inoiz gehitu behar dut webgune batean. Fitxategi izenari errazago irakurtzeko espazio bat behar baduzu sentitzen baduzu, marratxoak edo azpimarrak aukera ditzakezu. Adibide gisa, "hau da file.pdf" erabili beharrean "this-is-the-file.pdf" erabiliko nuke.
Fitxategiaren izena gutun batekin hasi behar da
Nahitaezkoa ez den bitartean, sistema batzuek letra batekin hasten ez dituzten fitxategien izenak dituzte arazoak. Adibidez, zenbakia karakterearekin hasten baduzu, arazoak sor ditzake.
Erabili kasu txiki guztiak
Fitxategi-izen hau beharrezkoa ez den bitartean, ideia ona da, web zerbitzari batzuk maiuskulak eta minuskulak bereizten badituzte eta beste kasu batean fitxategiak ahaztu eta erreferentzia egiten badituzu, ez da kargatuko. Nire lanean, fitxategi izen bakoitzeko letra minuskulak erabiltzen ditut. Benetan aurkitu dut zerbait web diseinatzaile berriek gogoratzen dutela gogoratzeko. Fitxategi bat izendatzen duten lehenetsitako ekintza izenaren lehen karakterea kapitalizatzea da. Saihestu hau eta karaktere minuskulen ohituraz bakarrik sartu.
Mantendu fitxategi-izena ahalik eta gutxien
Fitxategi izenaren tamaina gehienetan sistema eragile gehienen muga badago, askoz ere luzeagoa da CSS fitxategi izen bat baino. Arrazoiaren arau ona ez da 20 karaktere baino gehiago luza daitekeen fitxategiaren izenarekin. Errealistan, ezer baino askoz ere luzeagoa da eta ez da nahikoa lan egiteko.
Zure CSS fitxategi-izenaren zatirik garrantzitsuena
CSS fitxategi izenaren zatirik garrantzitsuena ez da fitxategi izen bera, baina luzapena. Macintosh eta Linux sistemetan ez dira luzapenak behar, baina CSS fitxategian idaztean ere sartzen da. Horrela jakingo duzu beti estilo-orri bat dela eta etorkizunean zer den zehazteko fitxategia ez irekitzea.
Ziurrenik ez da sorpresa handia, baina zure CSS fitxategian luzapena izan behar luke:
.cssCSS Fitxategia Naming Hitzarmenak
Gunean inoiz CSS fitxategi bat baino ez baduzu, nahi duzun guztia jar dezakezu. Bai nahiago dut:
styles.css edo default.cssGune gehienetan lan egiten dudanez, CSS fitxategi bakar bat ere badago, izen horiek ondo funtzionatzen dut.
Zure webgunea CSS fitxategiak baino gehiago erabiltzen badituzu, izeneko estilo-orriak bere funtzioaren ostean, argi dago zehazki zer fitxategi bakoitzaren helburua. Web orri batek erantsitako estilo-orri anitzak izan ditzakeenez, zure estiloak orri desberdinetan banatzen laguntzen du, orriaren funtzioaren arabera eta horren barruan dauden estiloen arabera. Adibidez:
- Layout vs. Design layout.css design.css
- Orrialdeen atalak main.css nav.css
- Azpi-atalen gune nagusia mainstyles.css subpage.css
Zure webgunea nolabaiteko esparrua erabiltzen baduzu, ziurrenik ikusiko duzu hainbat CSS fitxategiak erabiltzen dituztela, bakoitza orriaren zati edo atal desberdinetara bideratua (tipografia, kolorea, diseinua, eta abar).
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/5/17