Het uiterlijk of de 'stijl' van een website wordt bepaald door: CSS (Cascading Style Sheets). Dit is een bestand dat u aan de directory van uw website toevoegt en dat de verschillende CSS-regels bevat die het visuele ontwerp en de lay-out van uw pagina's creëren.
Hoewel sites meerdere stylesheets kunnen gebruiken en vaak ook doen, is het niet nodig om dit te doen. U kunt al uw CSS-regels in één bestand plaatsen, en dat heeft zelfs voordelen, waaronder sneller laadtijd en prestaties van pagina's omdat ze niet meerdere bestanden hoeven op te halen. Hoewel zeer grote bedrijfssites soms aparte stylesheets nodig hebben, kunnen veel kleine tot middelgrote sites prima werken met slechts één bestand met alle regels die uw pagina's nodig hebben. Dit roept de vraag op "Hoe moet ik dit CSS-bestand noemen"?"
Basisprincipes van het benoemen van conventies
Wanneer u een maakt externe stylesheet voor uw webpagina's moet u het bestand een naam geven volgens vergelijkbare naamgevingsconventies voor uw HTML-bestanden.
Gebruik geen speciale tekens
Gebruik alleen de letters a-z, cijfers 0-9, underscore (_) en koppeltekens (-) in uw CSS-bestandsnamen. Hoewel uw bestandssysteem het mogelijk maakt om bestanden te maken met andere tekens erin, kan uw server-besturingssysteem problemen hebben met speciale tekens. U bent veiliger door alleen de hier genoemde tekens te gebruiken. Immers, zelfs als uw server speciale tekens toestaat, is dat misschien niet het geval als u in de toekomst besluit om naar andere hostproviders te verhuizen.
Gebruik geen spaties
Net als bij speciale tekens kunnen spaties problemen veroorzaken op uw webserver. Het is een goed idee om ze in je bestandsnamen te vermijden; je moet er zelfs een punt van maken om bestanden zoals pdf's een naam te geven met dezelfde conventies, voor het geval je ze ooit aan een website moet toevoegen. Als je sterk het gevoel hebt dat je een spatie nodig hebt om de bestandsnaam leesbaarder te maken, kies dan in plaats daarvan voor koppeltekens of onderstrepingstekens. Gebruik bijvoorbeeld in plaats van "dit is het bestand.pdf" "dit-is-het-bestand.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 in de loop van de tijd problemen veroorzaken.
Alle kleine letters gebruiken
Hoewel dit niet vereist is voor een bestandsnaam, is het een goed idee, aangezien sommige webservers hoofdlettergevoelig zijn, en als u het bestand vergeet en er in een ander geval naar verwijst, wordt het niet geladen. Het gebruik van kleine letters voor elke bestandsnaam is altijd een slimme manier om te gaan. In feite hebben veel nieuwe webontwerpers moeite om dit te onthouden, hun standaardactie bij het benoemen van een bestand is om het eerste teken van de naam te kapitaliseren. Vermijd dit en maak er een gewoonte van om alleen kleine letters te gebruiken.
Houd de bestandsnaam zo kort mogelijk
Hoewel er een limiet is voor de bestandsnaamgrootte op de meeste besturingssystemen, het is veel langer dan redelijk is voor een CSS-bestandsnaam. Een goede vuistregel is niet meer dan 20 tekens voor de bestandsnaam, exclusief de extensie. Realistisch gezien is alles veel langer dan dat onpraktisch om mee te werken en hoe dan ook te linken.
Het belangrijkste deel van uw CSS-bestandsnaam
Het belangrijkste onderdeel van de CSS-bestandsnaam is niet de bestandsnaam zelf, maar de extensie. Extensies zijn niet vereist op Macintosh en Linux-systemen, maar het is een goed idee om er toch een op te nemen bij het schrijven van een CSS-bestand. Op die manier weet je altijd dat het een stylesheet is en hoef je het bestand niet te openen om in de toekomst te bepalen wat het is.
Het is waarschijnlijk geen grote verrassing, maar de extensie van je CSS-bestand zou moeten zijn:
.css
CSS-bestandsnaamconventies
Als u maar één CSS-bestand op de site zult hebben, kunt u het een naam geven die u maar wilt. Een van de volgende heeft de voorkeur:
style.css
standaard.css
standaard.css
Als uw website meerdere CSS-bestanden gebruikt, noem de stylesheets dan naar hun functie, zodat het precies duidelijk is wat het doel van elk bestand is. Aangezien een webpagina meerdere stijlbladen kan bevatten, helpt het om uw stijlen in verschillende bladen te verdelen, afhankelijk van de functie van dat blad en de stijlen erin. Bijvoorbeeld:
-
Lay-out versus ontwerp
layout.css ontwerp.css
-
Paginasecties
main.css nav.css
-
Hele site met subsecties
mainstyles.css subpagina.css
Als uw website een of ander raamwerk 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, enz.).