Web: Essentials

Appearance

Basis HTML & CSS: sneakers webshop ​

image

Bouw deze webshop zo goed mogelijk na als HTML-webpagina.

Maak voor deze oefening een nieuwe folder op je computer met de naam webshop.

  1. Open de folder webshop met Visual Studio Code.
  2. Maak een nieuw bestand aan in de folder met de naam index.html.
  3. Maak een nieuw bestand aan in de folder met de naam style.css.
  4. Download SVG-iconen en afbeeldingen op gratis databanken zoals https://unsplash.com en https://pexels.com (voor afbeeldingen) en https://thenounproject.com (voor SVG iconen).
  5. Geef de startstructuur mee in je bestand en link de css-file.
  6. Pas de tekst tussen het <title>-tag in de <head>-tag aan naar een passende titel voor de webpagina.
  7. Focus eerst op de structuur en content van de pagina. Tussen de <body>-openings en sluitingstag start je met de opbouw van je document.
  8. Link de stylesheet in de <head> van de document.
  9. In style.css schrijf je alle styling. Maak gebruik van herbruikbare classes.