Presentatie Website Bouwen

Persoonlijke gegevens

• Naam:Tygo Sebel
• Klas:1C
• Partner:Gyvano Zegers

Onderwerp

Website bouwen

Wat ik wil vertellen

Ik wil laten zien hoe een volledige website wordt opgebouwd. Hierbij leg ik uit hoe HTML de structuur van een pagina bepaalt, CSS de opmaak verzorgt en hoe je kleine interacties met JavaScript kunt toevoegen. Ik wil laten zien hoe je een pagina stap voor stap kunt maken, inclusief navigatiebalk, inhoud, afbeeldingen en footer, zodat het resultaat direct zichtbaar is.

Hoe ik het wil vertellen

1. Open Visual Studio Code en laat een leeg project zien.
2. Maak een basale HTML-pagina met <h1>, <p>, <ul>, <li> en <img>.
3. Voeg CSS toe via een <style>-tag of extern bestand om kleuren, lettertypes en marges te tonen.
4. Laat een eenvoudige navigatiebalk en footer zien.
5. Eventueel korte demo van interactieve elementen met JavaScript (bv. knop die iets verandert).
6. Sluit af met een voorbeeld van een complete, werkende website.

Welke bronnen ik ga gebruiken

• Techniek College Rotterdam lesmateriaal over website bouwen
• MDN Web Docs
• Eerdere opdrachten en voorbeeldprojecten

Tijdsduur

De demonstratie duurt ongeveer 7-8 minuten, zodat er tijd is voor vragen aan het einde.