WEEK 3 - INFORMATIE TECHNOLOGIE

week 3 les 1
1 / 30
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

In deze les zitten 30 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 90 min

Onderdelen in deze les

week 3 les 1

Slide 1 - Tekstslide

Deze slide heeft geen instructies

STARTKLAAR!
Tellie in zakkie

Slide 2 - Tekstslide

Startklaar zitten.
Deze periode
- Programmeren
- HTML & CSS
- Database & SQL Qeury
- Windows en Office via DIGIT-VO


Slide 3 - Tekstslide

Deze slide heeft geen instructies

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


Slide 4 - Tekstslide

Deze slide heeft geen instructies

Voorkennis activeren

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Wat is waar als wij het hebben over HTML?
A
is een programmeertaal
B
is een opmaaktaal
C
Deze gebruik je voor de stijl van jopuw website
D
Deze gebruik je om jouw website in te delen

Slide 6 - Quizvraag

Deze slide heeft geen instructies

wat is de afkorting van HTML
A
Hypertext markup language
B
Hypertext madeup language
C
Hypertext manipulate language
D
Hypertext makeup language

Slide 7 - Quizvraag

Deze slide heeft geen instructies

Wat is waar als wij het hebben over CSS?
A
is een programmeertaal
B
kan alleen gebruikt worden met HTML
C
Deze gebruik je voor de stijl van jopuw website
D
Deze gebruik je om jouw website in te delen

Slide 8 - Quizvraag

Deze slide heeft geen instructies

Wat is een database
Zoek uit wat een database is, schrijf dit op een post it en plak het op het bord

Slide 9 - Tekstslide

Deze slide heeft geen instructies

wat is een database

Slide 10 - Woordweb

Deze slide heeft geen instructies

LEERDOELEN
  • De leerling is bewust van het nut van een database en kan een voorbeeld noemen waar dit wordt toegepast
  • De leerling is bewust van de structuur van een database zoals tabellen, kolommen en rijen
  • De leerling is bewust van het belang van een primaire sleutel in een database
  • De leerling kan simpele handelingen uitvoeren op een database zoals een rij verwijderen
  • De leerling kan zich inspannen om het gewenste tijdsinspanning te halen voor digit-vo



Slide 11 - Tekstslide

Deze slide heeft geen instructies

Database oefenen
https://dbstudent.com/ 

Maak hatsup.v1 volledig af.
Ben je hiermee klaar ga dan verder met hatsup.v2 enz.

Slide 12 - Tekstslide

Deze slide heeft geen instructies

Samenvatting
Klasikaal invullen met leerlingen

Slide 13 - Tekstslide

Deze slide heeft geen instructies

week 3 les 2

Slide 14 - Tekstslide

Deze slide heeft geen instructies

STARTKLAAR!
Tellie in zakkie

Slide 15 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 16 - Tekstslide

Deze slide heeft geen instructies

Wat is een voorbeeld van een HTML-element?
A
function()
B
<div>
C
if-else statement
D
<p>

Slide 17 - Quizvraag

Deze slide heeft geen instructies

Wat is een voorbeeld van een CSS-eigenschap?
A
Berekeningen uitvoeren in JavaScript
B
Font-size: 16px

Slide 18 - Quizvraag

Deze slide heeft geen instructies

Wat is het doel van CSS?
A
Opmaak van webpagina's verbeteren
B
Het schrijven van server-side code

Slide 19 - Quizvraag

Deze slide heeft geen instructies

Wat is de functie van HTML?
A
Programmeren van apps
B
Aanmaken van databases
C
Opmaak van afbeeldingen
D
Structureren van webpagina's

Slide 20 - Quizvraag

Deze slide heeft geen instructies

LEERDOELEN
  • De leerling kan een webpagina maken met de extentie HTML
  • De leerling kan de basis structuur van HTML toepassen in de webpagina

Slide 21 - Tekstslide

Deze slide heeft geen instructies

Basisstructuur HTML

Slide 22 - Tekstslide

Deze slide heeft geen instructies

HTML basis structuur
HTML bestaat voornamelijk uit HTML tags en begint altijd met een basisstructuur

een html tag is bijvoorbeeld 
<html> </html>
<head> </head>

er bestaan heel veel html tags


html basisstructuur

Slide 23 - Tekstslide

Deze slide heeft geen instructies

HTML Tags
<h1> Aziz </h1>  =



Aziz
<ul>
  <li>something</li>
  <li>something</li>   = 
  <li>something</li>
</ul> 
  • something
  • something
  • something
<ol>
  <li>something</li>
  <li>something</li>   = 
  <li>something</li>
</ol> 
  1. something
  2. something
  3. something
En zo heb je nog meer html tags

Slide 24 - Tekstslide

Deze slide heeft geen instructies

HTML Elements
<p style="color:red"> paragraaf </p>

Slide 25 - Tekstslide

Deze slide heeft geen instructies

HTML element
HTML element


Een HTML tag kan attributen noemen.
dit zijn eigenschappen die de HTML tag kan beinvloeden

Slide 26 - Tekstslide

Deze slide heeft geen instructies

CSS
Om de website mooier te maken

Slide 27 - Tekstslide

Deze slide heeft geen instructies

HTML zonder CSS
 
Dit is alleen HTML code
Dit is HTML met CSS

Slide 28 - Tekstslide

Deze slide heeft geen instructies

Ik kan nu voorbeelden geven van waar een database gerbuikt kan worden
Ja
Deels
Nee

Slide 29 - Poll

Deze slide heeft geen instructies

Samenvatting
Klassikaal 

Slide 30 - Tekstslide

Deze slide heeft geen instructies