Labo 04 - Responsive webdesign
Doelen van de opdracht:
- Je kunt een webpagina responsive maken.
- Je kunt mediaqueries toepassen.
- Je kunt responsive images gebruiken.
- Je kunt elementen laten meeschalen met de venstergrootte.
- Je kunt tekst correct opmaken.
- Je kunt knoppen stijlen met de juiste kleur en voldoende contrast.
Beschrijving
Hier leer je hoe je een website responsive moet maken.
Meer concreet, hoe deze eruit ziet op verschillende schermgroottes.
Maar ook hoe je een knop moet stijlen met een juist contrast.
Gerelateerde links
De websites die geholpen hebben bij het maken van deze oefening: Mozilla, W3C-validator.Reflectie
- Wat ging goed?
- Tekst opmaken
- Waar twijfel je aan?
- De mediaqueries toepassen
- De elementen juist laten meeschalen met de grootte van het scherm
- Wat was moeilijk?
- De website volledig responsive maken