Den Look and feel oder "Stil" vun enger Websäit gëtt vu CSS (Cascading Style Sheets) bewierkt. Dëst ass e Fichier deen Dir de Verëffentleche vum Website ubidden, déi d'verschidde CSS-Regelen enthalen déi d'Visual Design a Layout vun Äre Säiten erstellen.
Awer Siten kënnen et benotzen an oft maachen, benotzt verschidde Formblieder, et ass net néideg fir dat ze maachen. Dir kënnt all Är CSS-Regelen an eng Datei liesen, an et ginn eigentlech Virdeeler fir dat ze maachen, mat enger méi schneller Laaschtzäit a Performance vu Säiten, well se net méi verschidde Fichieren ze arrangéieren. Obwuel ganz groussen Betribsreserven verschidde separat Stäipblieder ze fanne brauch, kënnen vill kleng bis mëttelgrouss Plattformen mat engem Fichier perfekt maachen. Dëst ass wat ech fir déi meescht vun menger Webdesign schaffen - e puer CSS Dateien mat all de Regelen déi meng Säite brauchen. Also ass d'Fro elo ginn - wat misst Dir dës CSS-Datei nennen?
Bezeechnung vum Konventioun baséiert
Wann Dir e externe Stylblatt fir Är Websäiten erstallt, sollt Dir d'Datei nom ähnlech Namenskonvektiounen fir Är HTML-Dateien nennen:
Benotzt net speziell Charaktere
Dir sollt nëmmen d'Bréier az, d'Nummer 0-9, den Ënnerscore (_), an d'Bindefärder (-) an den CSS Dateinamen benotzen. Obwuel Äre Dateisystem erlaabt Iech Dateien mat aner Zeechën an hinnen z'änneren, kënnt Äre Server OS mat speziellen Zeechen. Dir sidd méi sëcher ze benotzen nëmmen d'Charaktere hei genannt. Neen, och wann Äre Server fir speziell Zeechen erlaabt ass, kann dat net de Fall sinn, wann Dir décidéiert Är Hosting Providere zukünfteg bewegt.
Benotzt keng Plazen
Just wéi mat speziellen Zeechen, Leer kënnen Problemer op Äre Webserver verursaachen. Et ass eng gutt Iddi, se an Ärem Dateinumm ze vermeiden. Ech maachen et souguer e Punkt fir Nummere Dateien wéi PDFs ze benotzen, déi dës selweschten Konventioune benotze mussen, einfach wann ech ëmmer an eng Websäit dobäisetzen. Wann Dir fillt, datt Dir e Space brauch fir den Numm vum Numm méi einfach ze liesen ze maachen, fille fir Bindemand oder Ënnerscores statt. Fir Beispiller ze benotzen, anstatt dat "file.pdf" ze benotzen ech "this-is-the-file.pdf".
De DateiName däerft ufänken mat engem Bréif
Obwuel dat net eng absolut Ufuerderung ass, hu verschidden Systeme Problemer mat Dateinamen, déi net mat engem Bréif beginn. Zum Beispill, wann Dir wielen fir Är Fichier mat Nummerenziffer ze starten, kann dat d'Fro stellen.
Benotzt Allen Lower Case
Obwuel dat net néideg ass fir en Dateinumm ze benotzen, ass et eng gutt Iddi, wéi e puer Webserver si ka sensibel sinn, a wann Dir de Fichier an engem anere Fall vergiess an referenzéiert, gëtt et net opgelueden. A menger eegener Aarbecht benotzt ech kleng Case fir all Dateinumm. Ech hunn dat eigentlech fonnt, datt et eppes ass, dat vill nei Webdesigner striewen fir ze erënneren. Hir Standardfaart beim Ofbau vun engem Fichier ass den éischte Charakter vum Numm ze kapitaliséieren. Vermeit dëst a kënnt an d'Gewunne vun Kleinbuchstaben eraussichen.
Den Dateinumm esou kuerz wéi méiglech
Obwuel et Limit of Dateingréisst op den meisten Operatiounsystemer gëtt, ass et méi laang wéi en raisonabel fir e CSS Dateiname. Eng gutt Regel vu Daumen ass net méi wéi 20 Zeechen fir den Dateinumm déi net déi Erweiderung ass. Realistesch ass alles méi laang wéi dat net onbedéngt fir ze schaffen a verloos un!
De Wichtegste Deel vun Ärem CSS Dateiname
De gréissten Deel vum CSS Dateiname ass net de Dateinumm selwer, awer d'Extensioun. Extensiounen sinn net op Macintosh a Linux Systemen erfuerderlech, awer et ass eng gutt Iddi fir een en iergendengem ze schreiwen wann Dir eng CSS-Datei schreift. Daat Dir wësst ëmmer datt et e Stilblatt ass an net d'Datei opmaachen fir ze bestëmmen wat et an der Zukunft ass.
Et ass wahrscheinlech net eng grouss Iwwerraschung, mä d'Ausdehnung op Är CSS-Datei sollt sinn:
.cssCSS Datei Namenskonventiounen
Wann Dir nëmmen eng CSS-Datei op der Säit hutt, da kënnt Dir et och soen wat Dir wëllt. Ech zéien et:
styles.css oder default.cssWell déi meescht vun de Site déi ech schaffen, gehéieren zu enger eenzeger CSS-Dateien, dës Nenner sinn gutt fir mech.
Wann Är Websäit verschidde CSS-Dateien benotzen, bezeechnen d'Stilblieder no hirer Funktioun sou datt et kloer ass wat den Zweck vun all Datei gëtt. Well eng Websäit iwwer verschidde Stilbläg matenee verbonnen hunn, hëlleft et Är Stiler an verschidden Blieder ze divuléieren, abhängig vun der Funktioun vun deem Blat an de Stiler an der Spëtzt. Zum Beispill:
- Layout vs Design layout.css design.css
- Page sections main.css nav.css
- Ganz Site mat Ënnergruppen mainstyles.css subpage.css
Wann Är Websäit e Frame vun enger Aart benotzt, kritt Dir wahrscheinlech datt et verschidde CSS-Dateien benotzt, déi all verschiddene Portioune vu Säiten oder Aspekter vum Site (Typographie, Faarf, Layout, etc.) gewidmet sinn.
Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard am 9/5/17