De look and feel, of "stijl" van een website wordt bepaald door CSS (Cascading Style Sheets). Dit is een bestand dat u zult toevoegen aan de directory van uw website, dat de verschillende CSS-regels zal bevatten die het visuele ontwerp en de lay-out van uw pagina's zullen creëren.
Hoewel sites meerdere stylesheets kunnen gebruiken en vaak gebruiken, is het niet nodig om dit te doen. U kunt al uw CSS-regels in één bestand plaatsen en er zijn eigenlijk voordelen aan verbonden, zoals snellere laadtijd en prestaties van pagina's, omdat ze niet meerdere bestanden hoeven op te halen. Hoewel grote bedrijfssites soms aparte stylesheets nodig hebben, kunnen veel kleine tot middelgrote sites het prima doen met slechts één bestand met alle regels die uw pagina's nodig hebben. Dit roept de vraag op "Wat moet ik dit CSS-bestand noemen"? "
Basisprincipes van conventies benoemen
Wanneer u een externe stijlpagina voor uw webpagina's maakt, moet u het bestand een naam geven volgens soortgelijke naamgevingsconventies voor uw HTML-bestanden.
Gebruik geen speciale tekens
Gebruik alleen de letters a-z, cijfers 0-9, underscore (_) en streepjes (-) in uw CSS-bestandsnamen. Hoewel uw bestandssysteem u toestaat om bestanden te maken met andere tekens erin, heeft uw serverbesturingssysteem mogelijk problemen met speciale tekens. Je bent veiliger met alleen de hier genoemde personages. Immers, zelfs als uw server speciale tekens toestaat, is dat misschien niet het geval als u in de toekomst besluit om naar hostaanbieders te verhuizen.
Gebruik geen spaties
Net als met speciale tekens kunnen spaties problemen veroorzaken op uw webserver. Het is een goed idee om ze te vermijden in uw bestandsnamen - u zou er zelfs een punt aan moeten maken om bestanden zoals PDF's een naam te geven met dezelfde conventies, voor het geval u ze ooit aan een website zou moeten toevoegen. Als u van mening bent dat u een spatie nodig heeft om de bestandsnaam beter leesbaar te maken, kiest u in plaats daarvan voor streepjes of onderstrepingstekens. Gebruik bijvoorbeeld "this-is-the-file.pdf" in plaats van "this is the file.pdf".
De bestandsnaam moet beginnen met een letter
Hoewel dit geen absolute vereiste is, hebben sommige systemen problemen met bestandsnamen die niet met een letter beginnen. Als u er bijvoorbeeld voor kiest om uw bestand met een cijfer te beginnen, kan dit problemen veroorzaken langs de lijn.
Gebruik Alle kleine letters
Hoewel dit niet vereist is voor een bestandsnaam, is het een goed idee, omdat sommige webservers hoofdlettergevoelig zijn en als u het bestand in een ander geval vergeet en ernaar verwijst, wordt het niet geladen. Het gebruik van kleine letters voor elke bestandsnaam is altijd een slimme manier om te gaan. Sterker nog, veel nieuwe webontwerpers hebben moeite om te onthouden om dit te doen - hun standaardactie bij het benoemen van een bestand is om het eerste teken van de naam te kapitaliseren. Vermijd dit en leer alleen kleine letters kennen.
Houd de bestandsnaam zo kort mogelijk
Hoewel er op de meeste besturingssystemen een limiet is voor de bestandsnaam, is deze veel langer dan redelijk is voor een CSS-bestandsnaam. Een goede vuistregel is niet meer dan 20 tekens voor de bestandsnaam, met uitzondering van de extensie. Realistisch gezien is alles wat veel langer is dan dat, onhandelbaar om mee te werken en te linken naar hoe dan ook.
Het belangrijkste onderdeel van uw CSS-bestandsnaam
Het belangrijkste onderdeel van de CSS-bestandsnaam is niet de bestandsnaam zelf, maar de extensie. Uitbreidingen zijn niet vereist op Macintosh- en Linux-systemen, maar het is een goed idee om er toch een toe te voegen bij het schrijven van een CSS-bestand. Op die manier weet u altijd dat het een stylesheet is en dat u het bestand niet hoeft te openen om te bepalen wat het in de toekomst is.
Het is waarschijnlijk geen grote verrassing, maar de extensie van uw CSS-bestand zou moeten zijn:
.css
CSS bestandsnaamgevingsconventies
Als je maar één CSS-bestand op de site hebt, kun je het een naam geven die je maar wilt. Een van de volgende heeft de voorkeur:
styles.css of default.css
Als uw website meerdere CSS-bestanden zal gebruiken, geef dan de stijlbladen een naam na hun functie zodat duidelijk is wat het doel van elk bestand is. Omdat aan een webpagina meerdere stijlpagina's kunnen zijn gekoppeld, kunt u uw stijlen indelen in verschillende bladen, afhankelijk van de functie van dat blad en de stijlen daarin. Bijvoorbeeld:
- Layout versus ontwerp
layout.css design.css
- Pagina secties
main.css nav.css
- Hele site met subsecties
mainstyles.css subpage.css
Als uw website een of ander framework gebruikt, zult u waarschijnlijk merken dat het meerdere CSS-bestanden gebruikt, elk gewijd aan verschillende delen van de pagina's of aspecten van de site (typografie, kleur, lay-out, etc.).
Bewerkt door Jeremy Girard
