Labo 1: Basis HTML
Doel van de oefening.
Bij deze oefening werd er gewerkt aan:
- Basisstructuur van een HTML-pagina opstellen.
- Semantische HTML-tags gebruiken voor de structuur van de website.
- Een navigatiestructuur maken met relatieve paden
Beschrijving
Bij dit labo werd er een simpele website gemaakt met HTML. Het was belangrijk om de structuur van de HTML-pagina correct in te delen. Daarnaast werd er ook gebruik gemaakt van semantische HTML-tags zoals, <header>, <main>en <nav>. Er werden ook relatieve links gebruikt en afbeeldingen toegevoegd met een alt-tekst. Dan werd alle code gevalideerd met de aXe-devtools en de W3C-validator. Ten slotte werd alles op de webserver gezet in een logische mappenstructuur.
Zelfreflectie
Dit labo is zeer vlot verlopen aangezien ik al de basis in html had geleerd thuis. Het labo hielp wel met het leren om meer aandacht te besteden aan een correcte structuur en toegankelijkheid van een HTML-pagina. Het was een goede oefening om mijn HTML-kennis nog eens op te frissen.
Bronnen
Tijdens het labo werden de volgende bronnen gebruikt:
- De powerpoint van de theorieles.
- De Mozilla HTML-documentatie.