Labo 01 - Basis van HTML
Doelstellingen van de oefeningen
- Basisstructuur van een HTML-pagina opstellen.
- Semantische delen leren gebruiken zoals <header>, <nav>, <main>, <footer>, <ul>, <li>.
- Een navigatiestructuur maken.
- Validators leren kennen zoals W3C en aXe DevTools.
- Een logische mappenstructuur maken zonder hoofdletters en spaties in de naam.
- De juiste data in <head> toe te voegen zoals de paginatitel en de taal (nl/en).
- Afbeeldingen leren toevoegen op een HTML-pagina en gubruik van relatieve paden.
- <h1> gebruiken om duidelijk te maken wat de hoofdtitel van de pagina is.
- Web pagina's corrrect op de server plaatsen en testen of alle links nog steeds werken.
Omschrijving van de oefening
In dit labo moest ik op basis van twee voorbeelden twee webpagina's maken. Op deze webpagina's moest ik er zeker voor zorgen dat ik de semantische delen op de juiste plek gebruikte. Ook moest ik links gebruiken zodat er kon gewisselt worden tussen 2 webpagina's met een klik op de hyperlink. Een logische mappenstructuur gebruiken is ook essentieel voor een goede werking op de server. Dus geen hoofdletters, spaties en speciale tekens in de mapnaam.
Gebruikte websites/Tools
Reflectie
-
Wat ging goed?
- <h1> en <h2> correct gebruiken
- De basisstructuur opstellen met <header>, <nav>, <main> en <footer>
- Gebruik maken van de HTML-validator om zo fouten te zoeken.
-
Wat was lastig?
- Er voor zorgen dat de website correct op de server gezet werd.
-
Wat laat je twijfelen?
- De Links naar andere paginas correct laten werken