Labo 02 - Basis van CSS

Uitleg

Het doel van dit labo is om de basis van CSS te leren en hoe je dit kan integreren in een HTML-code. We kregen een voorbeeld afbeelding hoe het er finaal moest uitzien; we moesten zelf de HTML schrijven en daarna met wat opdrachten de geziene theorie tijdens de les gebruiken om de CSS zelf opstellen.

Handige links

OKLCH is een heel handige website om kleuren te kiezen. Hieruit krijg je dan een code die je in de CSS moet kopiëren.

ChatGPT heb ik af en toe gebruikt omdat ik niet altijd wist hoe ik moest starten aan een bepaalde opdracht/ welke functie ik daar voor moest gebruiken. Dan kopieerde ik de opdracht in chatGPT en hij gaf mij welk commando ik moest gebruiken en dan ging ik naar Mozilla om mij te verdiepen in dit commando.

Nadat ik door chatGPT de juiste commando gekregen heb, kan ik dit dan opzoeken in de catalogus van Mozilla om te weten komen hoe dit dan werkt en zelf implementeren in mijn code. Want soms staat er hier te veel in om gewoon te zoeken naar welke commando juist gaat werken, daar dient chatGPT voor.

Op deze website kan je alle fonts gratis vinden en zijn gelicenseerd.

Reflectie

Goed

De HTML schrijven ging vlot, maar dat is niet zo uitdagend. Het css zelf schrijven was niet zo moeilijk, omdat de meeste commando's al in de opdrachtbeschrijving stonden die we nodig hadden.

Slechter

In het begin weten hoe je een section een class geeft en welke commando's er één mogen ontvangen.

Niet zeker

Hoe dat de padding en margin invloed hebben op elkaar en ook in het geheel met de website vind ik nog niet al te duidelijk. Hiervoor moet ik mij nog eens verdiepen en kijken wat er veranderd en hoe je het gebruikt.