Document root
De document root is de belangrijkste map van je website of webapplicatie. Het is de plek waar de webserver kijkt naar bestanden die bij jouw website horen. Wanneer je XAMPP gebruikt dan is de document root in het geval van Windows standaard C:\xampp\htdocs. Wanneer je in je browser naar je localhost gaat dan krijg je de inhoud van C:\xampp\htdocs te zien.
Waarom is dit belangrijk?
In een real world scenario plaats je server side code meestal buiten de document root. Een map hoger bijvoorbeeld. Op die manier zijn php bestanden nooit rechtstreeks te benaderen. Stel dat php even niet werkt dan kan het bijvoorbeeld gebeuren dat wanneer je naar bijvoorbeeld htttp://www.jouwsite.nl/config.php gaat, alle wachtwoorden op het scherm komen te staan.
Framework | Document root |
Yii | web |
Laravel | public |
Symfony | public |
Relatie met links en stylesheets
Als je een link naar een ander bestand wilt maken (zoals een afbeelding of een stylesheet), moet je het juiste pad (de locatie van dat bestand) aangeven. Dit pad kan absoluut of relatief zijn:
- Absoluut pad: Dit is een volledig pad vanaf de document root. Bijvoorbeeld: /css/styles.css betekent dat je stylesheet zich in de css-map bevindt, die direct in de document root zit. Wanneer een pad start met een / dan is het een absoluut pad.
- Relatief pad: Dit pad is afhankelijk van waar je je bevindt ten opzichte van het bestand dat je probeert te linken. Bijvoorbeeld: ../css/styles.css betekent dat je eerst een map omhoog gaat, en dan naar de css-map gaat om de stylesheet te vinden.
Navigatie
- Cursus informatie
- Wat meer van less of les in sass
- Css genereren
- Voorbeeld in less
- Voorbeeld in sass
- Een paar vragen
- We gaan verder in sass
- Installatie
- Sass testen
- Hooggeëerd publiek...
- Sass code schrijven
- Een start maken
- Code organiseren
- Opdracht code schrijven
- Een stijlesheet in sass
- De watch flag
- Styles nesten
- Mixins
- Ide configureren
- Een paar vragen
- Eindopdracht
- Feedback