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 van h1, h2, a als 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.
