Kennisbank › Bestandsstructuur

🗂️ Bestandsstructuur

Een goede bestandsstructuur zorgt ervoor dat je site netjes werkt en makkelijk te onderhouden is.

index.html is je startpagina

Het bestand index.html in de root van je site is altijd je startpagina. Dit is het eerste wat bezoekers zien als ze naar je site gaan.

Aanbevolen structuur

mijn-site/
├── index.html
├── over.html
├── contact.html
├── css/
│   └── style.css
├── js/
│   └── script.js
└── images/
    ├── logo.png
    └── hero.jpg

Relatieve paden

Gebruik altijd relatieve paden in je HTML en CSS. Zo werkt je site op elk domein:

<!-- Goed -->
<link rel="stylesheet" href="css/style.css">
<img src="images/logo.png">

<!-- Fout -->
<link rel="stylesheet" href="C:/Users/jan/site/css/style.css">

Submappen

Je kunt zoveel submappen maken als je wilt. Maak een map aan via de code editor in je dashboard. Veelgebruikte mappen:

  • css/ — voor je stylesheets
  • js/ — voor je JavaScript bestanden
  • images/ of img/ — voor afbeeldingen
  • fonts/ — voor custom lettertypen
Tip: Als je site meerdere pagina's heeft, kun je ze allemaal in de root plaatsen (over.html, contact.html) of in submappen (over/index.html).