Style je vorige website door gebruik te maken van CSS
- Je start van een website met meerdere pagina’s en styled alle pagina’s met hetzelfde CSS-bestand.
- Je gebruikt enkel CSS in het .CSS-bestand en niet in je .html-bestand .
- Zorg ervoor dat je CSS-code een goede structuur heeft.
Je maakt bijvoorbeeld gebruik vanh1, h2, aals elementen dezelfde opmaak moeten hebben. - Nadien geef je 1 pagina een ander ontwerp, door gebruikt te maken van een ander CSS-bestand.
- Ga zelfstandig opzoek naar nieuwe CSS-attributen om je website zo mooi mogelijk te maken.
| Puntenverdeling: Je Eerste Website Stylen | |
|---|---|
| Elke pagina heeft CSS-styling | 3 |
| Je CSS-bestand heeft de correcte naam | 1 |
| Je geeft minstens 1 pagina een ander design door gebruik te maken van een ander CSS-bestand | 2 |
| Je CSS heeft een goede structuur | 3 |
| Je hebt enkel CSS-code in het .CSS-bestand | 1 |
| Hoe uitgebreid is je styling | 5 |
| Totaal | 15 |
| Doelen: Je Eerste Website Stylen | |
|---|---|
| 13.BV3_13.04.BV3_13.04.01 | De leerlingen bepalen zelfstandig een geschikte zoekstrategie. |
| 13.BV3_13.04.BV3_13.04.03 | De leerlingen verwerken zelfstandig de informatie uit de bronnen i.f.v. een vooropgesteld doel. |
Uitdagingen
- Geef je pagina een afbeelding als achtergrond.
- Geef een HTML-element een rand, geef deze rand ook een kleur en dikte.
- Geeft een HTML-element een schaduw, geef deze schaduw ook een kleur.
- Geeft een tekst een schaduw, geef deze tekst ook een kleur.
- Maak elementen doorschijnend.
- Surf naar https://fonts.google.com/ en gebruik lettertypes.
Last edited: 25/11/2025
Created: 10/10/2024
Created: 10/10/2024
