WEEK 4 - INFORMATIE TECHNOLOGIE

week 4 les 1

1 / 39

Slide 1: Slide

InformaticaMiddelbare schoolhavoLeerjaar 4

This lesson contains 39 slides, with interactive quizzes and text slides.

Lesson duration is: 90 min

Items in this lesson

week 4 les 1

Slide 1 - Slide

This item has no instructions

STARTKLAAR!

Tellie in zakkie

Slide 2 - Slide

Startklaar zitten.

Deze periode

- Programmeren

- HTML & CSS

- Database & SQL Qeury

- Windows en Office via DIGIT-VO

Slide 3 - Slide

This item has no instructions

Deze periode

Jullie gaan een formulier met HTML & CSS maken waarbij het ingevulde formulier opgeslagen wordt in een database

Slide 4 - Slide

This item has no instructions

Voorkennis activeren

Slide 5 - Slide

This item has no instructions

Welke taal wordt gebruikt voor het maken van een statische website?

CSS

Python

JavaScript

HTML

Slide 6 - Quiz

This item has no instructions

Welke is geen HTML tag?

<h1>

<a>

<ul>

Slide 7 - Quiz

This item has no instructions

Wat is de juiste volgorde van de basiselementen in een HTML-document?

<!DOCTYPE><html><head><title></title></head><body></body></html>

<!DOCTYPE html><html><head><title></title></head><body></body></html>

<!DOCTYPE html><body><head><title></title></head></body></html>

Slide 8 - Quiz

This item has no instructions

Waar staat de afkorting HTML voor?

High-Tech Mobile Language

HyperText Markup Language

Hyperlink Text Markup Language

HyperText Modeling Language

Slide 9 - Quiz

This item has no instructions

Wat is de rol van CSS bij het ontwerpen van een website?

Om de website te vertalen

Om de beveiliging te verbeteren

Om de server te beheren

Om de visuele presentatie te verbeteren

Slide 10 - Quiz

This item has no instructions

LEERDOELEN

De leerling is in staat een registratie formulier te maken met HTML en CSS

Slide 11 - Slide

This item has no instructions

Wat doet de HTML tag

Slide 12 - Slide

This item has no instructions

Mappenstructuur voor jouw formulier

Waar terschelling staat komt jouw naam in plaats
in CSS komt jouw CSS bestand
In img komen de afbeeldingen

Slide 13 - Slide

This item has no instructions

De HTML tags die je nodig hebt voor het formulier

<form>

https://vscode.dev/

https://onlinehtmleditor.dev/

Vorige les hebben wij dit klassikaal gedaan.

Nu mag je het zelf doen, kijken of het jouw zelfstandig lukt

timer

15:00

Slide 14 - Slide

This item has no instructions

CSS

Een aparte CSS bestand maken en deze in de map css opslaan

input{

css code input velden

}

Slide 15 - Slide

This item has no instructions

Samenvatting

Klasikaal invullen met leerlingen

Slide 16 - Slide

This item has no instructions

Ik weet waarom wij HTML gebruiken

Deels

Nee

Slide 17 - Poll

This item has no instructions

Ik kan de Form, input en de select HTML tags toepassen om een simpele formulier te maken

Deels

Nee

Slide 18 - Poll

This item has no instructions

week 4 les 2

Slide 19 - Slide

This item has no instructions

STARTKLAAR!

Tellie in zakkie

Slide 20 - Slide

Startklaar zitten.

Voorkennis activeren

Slide 21 - Slide

This item has no instructions

Wat is een voorbeeld van een HTML-tag?

function()

<--div-->

if-else statement

<p>

Slide 22 - Quiz

This item has no instructions

Wat is de functie van HTML?

Programmeren van apps

Aanmaken van databases

Opmaak van afbeeldingen

Structureren van webpagina's

Slide 23 - Quiz

This item has no instructions

LEERDOELEN

De leerling snapt uit welke delen een HTML-element bestaat en kan dit toepassen
De leerling is in staat om zelfstandig een formulier te maken met HTML
De leerling is in staat om het uiterlijk van zijn formulier met CSS mooier te maken

Slide 24 - Slide

This item has no instructions

Basisstructuur HTML

Slide 25 - Slide

This item has no instructions

HTML element

HTML element

Een HTML tag kan attributen noemen.

dit zijn eigenschappen die de HTML tag kan beinvloeden

Slide 26 - Slide

This item has no instructions

Ik weet nu waar een HTML element uit bestaat

Deels

Nee

Slide 27 - Poll

This item has no instructions

Maak van de tag <h1> een compleet HTML element. Content is Inschrijven

Slide 28 - Open question

This item has no instructions

CSS

Om de website mooier te maken

Slide 29 - Slide

This item has no instructions

HTML zonder CSS

Dit is alleen HTML code

Dit is HTML met CSS

Slide 30 - Slide

This item has no instructions

Hoe werkt CSS

Om de website mooier te maken

Slide 31 - Slide

This item has no instructions

Hoe werkt CSS

Slide 32 - Slide

This item has no instructions

Hoe werkt CSS

Om de website mooier te maken

Demo

Slide 33 - Slide

This item has no instructions

Slide 34 - Slide

This item has no instructions

Probeer het zelf

Open het formulier wat je aan het maken bent Gebruik daarvoor de online code editor

Het formulier bestaat uit de volgende velden:

Voornaam, Achternaam, geboorte datum, straat, huisnummer, postcode, plaats

Checkbox voor voorwaarden

zorg ervoor dat je een CSS bestand maakt en dit link in jouw HTML bestand en zorg ervoor dat:

Alle input velden dezelfde lengte en hoogte hebben

Dat tussen alle inputvelden horizontaal een ruimte is van 15px

Dat de lettergrote 15px is van alle inputvulden

https://vscode.dev/

Slide 35 - Slide

This item has no instructions

Ik weet nu hoe ik een css bestand kan linken aan html bestand

Deels

Nee

Slide 36 - Poll

This item has no instructions

Ik weet nu hoe ik de inputvelden van mijn html kan aanpassen door gebruik van CSS

Deels

Nee

Slide 37 - Poll

This item has no instructions

Ik wil de kleur van mijn letters veranderen naar rood, schrijf de css code die hierbij hoort

Slide 38 - Open question

This item has no instructions

Samenvatting

Klassikaal

Opdrachten niet vergeten in te leveren!

De PO staat ook in teams.

Slide 39 - Slide

This item has no instructions

WEEK 4 - INFORMATIE TECHNOLOGIE

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Slide

Slide 4 - Slide

Slide 5 - Slide

Slide 6 - Quiz

Slide 7 - Quiz

Slide 8 - Quiz

Slide 9 - Quiz

Slide 10 - Quiz

Slide 11 - Slide

Slide 12 - Slide

Slide 13 - Slide

Slide 14 - Slide

Slide 15 - Slide

Slide 16 - Slide

Slide 17 - Poll

Slide 18 - Poll

Slide 19 - Slide

Slide 20 - Slide

Slide 21 - Slide

Slide 22 - Quiz

Slide 23 - Quiz

Slide 24 - Slide

Slide 25 - Slide

Slide 26 - Slide

Slide 27 - Poll

Slide 28 - Open question

Slide 29 - Slide

Slide 30 - Slide

Slide 31 - Slide

Slide 32 - Slide

Slide 33 - Slide

Slide 34 - Slide

Slide 35 - Slide

Slide 36 - Poll

Slide 37 - Poll

Slide 38 - Open question

Slide 39 - Slide

More lessons like this

WEEK 5 - INFORMATIE TECHNOLOGIE

WEEK 3 - INFORMATIE TECHNOLOGIE

WEEK 4 - INFORMATICA

Html en Css - les 2

WEEK 3 - INFORMATICA

WEEK 5 - INFORMATICA

WEEK 3 - INFORMATICA

HTML + CSS les 3: introductie CSS