Lab 4 - Responsive webdesign

Doelen van de oefening

  • Je kan een webpagina responsive maken.
  • Je kan mediaqueries toepassen.
  • Je kan responsive images toepassen.
  • Je kan elementen laten meeschalen met de venstergrootte.
  • Je kan een tekst opmaken.
  • Je kan een knop correct stijlen in kleur en met een correct contrast

Ga naar de oplossing

Beschrijving

We leerden dit labo hoe we onze website een goede webdesign konden geven. We leerden hoe we een tekst opmaakten, wat de juiste stijlen zijn. We leerden ook hoe we een andere foto konden plaatsen als ons scherm kleiner werd.

Belangrijke links

de HTML-validator

axe browser extension.

Reflectie

  • Wat ging goed?

    Ik vond het makkelijk om de kaarten te maken. We hebben dit geleerd vorige les en dit ging al veel vlotter.

  • Wat ging minder goed?

    Ik vond het moeilijk om de pagina responsive te maken.

  • Waar twijfel je nog over

    Ik twijfelde nog over hoe je de afbeelding kon veranderen als je pagina kleiner werd gemaakt.