HTML
Week 1
Hallo wereld
De basis van alle programmeer opdrachten. Ik moest hallo Thom zichtbaar maken op het scherm.
Haaisite
Deze site is mijn eerste site die ik ooit heb gemaakt.
Links
In deze opdracht moest ik werken met een link. Ook moest ik een link maken met een image.
Week 2
Overheidsite
Bij deze opdracht moest ik een header maken met een eu logo erin. Verder moest ik een navigatiebalk maken aan de linkerkant met flaggen van andere landen. In het midden moest ik een iframe maken die de website van de overheid laat zien. De rechterkant moest een lege balk zijn en ik moest een lege footer hebben.
Week 3
Eenvoudige website
In deze opdracht moest ik mijn naam tonen op het scherm. Verder moest ik een link kunnen maken en een image link. Daarna moest ik een top 5 lijst maken.
Week 4
CSS Opdracht 1
Bij deze opdracht is het de bedoeling dat ik een header, section met tekst en een footer maakte. De css moest ik in een css bestand hebben en linken met het html bestand.
Tabel maken
In deze opdracht moest ik een tabel maken die precies eruit zag als de opdracht. Verder moest de tekst boven het tabel ook kloppen.
Week 5
CSS Opdracht 2
In deze opdracht moest ik twee afbeeldingen over elkaar heen kunnen doen. De bovenste afbeelding moest iets kleiner zijn dan de onderste afbeelding.
CSS Opdracht 3
Dit was mijn eerste opdracht waarin ik specifiek moest zorgen dat de website goed zou werken op elke schermgrootte.
Week 6
Float
In deze opdracht moest ik leren stoeien met float left en right.
Week 7
Voorbeeld formulier
In deze opdracht moest ik de layout van een formulier maken.
Opdrachten
Tabellen
In deze opdracht moest kreeg ik bepaalde gegevens die ik in een tabel moest plaatsen.
Wilkens elektrische installaties
Dit was mijn eerste website die er wat beter uit begon te zien. Ik moest proberen het voorbeeld na te maken en dat is goed gelukt.
Burton education
Bij deze website heb ik een andere design moeten toepassen en nagebouwd uit een voorbeeld.
True music
In deze opdracht moest ik mijn website responsive maken. Ook moest ik een google maps pagina in de footer plaatsen.
Van putten
In dit project moest ik een gedetailleerde webpagina maken. Er moet een navigatie in, een section met plaatjes en tekst eronder. Ook bevat de website een footer met icoontjes en een nieuwsbrief tekstvak.
Wireframe
In deze opdracht moest ik een wireframe maken die werkt voor mobiel, tablet en computer. Daarna heb ik de wireframe nagemaakt.
Toets
Dit was mijn eindtoets voor HTML en CSS. Met de CSS heb ik de website responsive gemaakt. Ook moest ik een simpel winkelwagentje maken die de prijs berekent op basis van de bestelling die je samenstelt. Hiervoor heb ik gebruik gemaakt van een beetje javascript.