WEEK 2 - INFORMATICA

STARTKLAAR!

Tellie in zakkie

1 / 32

Slide 1: Slide

InformaticaMiddelbare schoolhavoLeerjaar 4

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

Lesson duration is: 90 min

Items in this lesson

STARTKLAAR!

Tellie in zakkie

Slide 1 - Slide

Startklaar zitten.

week 2 les 1

Slide 2 - Slide

This item has no instructions

Deze periode

Werken aan het project

- Scrum

- HTML & CSS

- Programmeren

- Version Control System

Slide 3 - Slide

This item has no instructions

Voorkennis activeren

Slide 4 - Slide

This item has no instructions

Waar gebruiken wij een version control systeem

Slide 5 - Open question

This item has no instructions

Wat is het verschil tussen remote en lokal repository?

Slide 6 - Open question

This item has no instructions

Benoem het proces van scrum

Slide 7 - Open question

This item has no instructions

LEERDOELEN

De leerling kan de basisbeginselen van HTML
De leerling kan een code edit programma gebruiken om een HTML pagina te maken
De leerling kan een eenvoudig HTML pagina maken

Slide 8 - Slide

This item has no instructions

Basisbeginselen HTML

HTML is een opmaak taal om websites mee te ontwikkelen

Afkorting staat voor HyperText Markup Language

HTML wordt vaak in combinatie met CSS en Javascript gebruikt

HTML noemen wij ook declaratieve taal

Het is een genestelde taal

Bij genesteld spreken wij van een parent en child

Child is genesteld in parent

Slide 9 - Slide

This item has no instructions

Basisbeginselen HTML

HTML bestaat uit HTML tags.

Een HTML tag is bijvoorbeeld <button>

De voorbeeld hier boven is slechts 1 van de honderdend HTML tags.

<head>, <body>, <h1>, <h2>, <div>, <nav>, <footer>, <span> enzovoort.....

Bijna elke HTML tag heeft een open tag en een sluit tag. Bijvoorbeeld:

<head> heeft </head>

<body> heeft </body>

enzovoort

Slide 10 - Slide

This item has no instructions

Basisbeginselen HTML

HTML bestaat uit HTML tags.

Een HTML tag is bijvoorbeeld <button>

De voorbeeld hier boven is slechts 1 van de honderdend HTML tags.

<head>, <body>, <h1>, <h2>, <div>, <nav>, <footer>, <span> enzovoort.....

Bijna elke HTML tag heeft een open tag en een sluit tag. Bijvoorbeeld:

<head> heeft </head>

<body> heeft </body>

enzovoort

Slide 11 - Slide

This item has no instructions

Basisbeginselen HTML

HTML bestaat uit HTML tags.

Een HTML tag is bijvoorbeeld <button>

De voorbeeld hier boven is slechts 1 van de honderdend HTML tags.

<head>, <body>, <h1>, <h2>, <div>, <nav>, <footer>, <span> enzovoort.....

Bijna elke HTML tag heeft een open tag en een sluit tag. Bijvoorbeeld:

<head> heeft </head>

<body> heeft </body>

enzovoort

Slide 12 - Slide

This item has no instructions

Basisbeginselen HTML

Slide 13 - Slide

This item has no instructions

Basisbeginselen HTML

Wanneer wij HTML gebruiken dan moeten wij ons houden aan de basisstructuur van HTML.

Die bestaat uit minimaal 4 HTML tags, namelijk:

<!DOCTYPE html>

Slide 14 - Slide

This item has no instructions

Basisbeginselen HTML

head en body zijn childs van HTML. Dit betekend dat head en body genesteld zijn in html tag. Dat zier er als volgt uit

<!DOCTYPE html>

<html>

</html>

Dit mag niet

<!DOCTYPE html>

<html>

of dit mag ook niet

<!DOCTYPE html>

<html>

Slide 15 - Slide

This item has no instructions

Basisbeginselen HTML

In head en body kan je weer meerdere html tags plaatsen. Maar hanteer wel de regels van parent en child, anders is het fout.

Slide 16 - Slide

This item has no instructions

Plaats in de goede volgorde

<!DOCTYPE html>

<html>

<head>

<body>

<title>

<div>

</body>

</html>

</div>

</title>

</head>

Slide 17 - Drag question

This item has no instructions

HTML Beginselen

Sommige HTML tags hebben alleen een begin tag en geen eind tag. Bijvoorbeeld <img>, <br>, <hr> enz.

Hier zijn er niet veel van.

Slide 18 - Slide

This item has no instructions

Plaats in de goede volgorde

<!DOCTYPE html>

<html>

<head>

<body>

<title>

</body>

</html>

</title>

</head>

<img>

Slide 19 - Drag question

This item has no instructions

HTML Beginselen

HTML element

Een HTML tag kan attributen noemen.

dit zijn eigenschappen die de HTML tag kan beinvloeden

Slide 20 - Slide

This item has no instructions

HTML Beginselen

HTML element beinvloeden

Een HTML tag kan attributen bevatten.

dit zijn eigenschappen die de HTML element kan beinvloeden.

de style attribuut beinvloed de style van het HTML element.

Zo zijn er nog andere attributen

Slide 21 - Slide

This item has no instructions

Plaats in de goede volgorde

<h1

color:blue

;

style

text-align:center

ik heet meester

</h1>

Slide 22 - Drag question

This item has no instructions

Code editor

HTML code schrijven kan je schrijven in een notepad of een code editor als visual code

Notepad

Visual code

Slide 23 - Slide

This item has no instructions

Jouw eerste HTML pagina

In teams staat een opdracht klaar. Ga daarmee aan de slag

Slide 24 - Slide

This item has no instructions

Samenvatting

Klasikaal invullen met leerlingen

Slide 25 - Slide

This item has no instructions

week 2 les 2

Slide 26 - Slide

This item has no instructions

STARTKLAAR!

Tellie in zakkie

Slide 27 - Slide

Startklaar zitten.

Voorkennis activeren

Slide 28 - Slide

This item has no instructions

Plaats in de goede volgorde

<img

alt="Girl with a jacket"

src="img_girl.jpg"

width="500"

height="600"

Slide 29 - Drag question

This item has no instructions

LEERDOELEN

De leerling kan een eenvoudig HTML pagina maken

Slide 30 - Slide

This item has no instructions

Werken aan opdracht

De opdracht staat klaar in teams

Slide 31 - Slide

This item has no instructions

Samenvatting

klasikaal bespreken

Slide 32 - Slide

This item has no instructions

WEEK 2 - INFORMATICA

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Slide

Slide 4 - Slide

Slide 5 - Open question

Slide 6 - Open question

Slide 7 - Open question

Slide 8 - Slide

Slide 9 - Slide

Slide 10 - Slide

Slide 11 - Slide

Slide 12 - Slide

Slide 13 - Slide

Slide 14 - Slide

Slide 15 - Slide

Slide 16 - Slide

Slide 17 - Drag question

Slide 18 - Slide

Slide 19 - Drag question

Slide 20 - Slide

Slide 21 - Slide

Slide 22 - Drag question

Slide 23 - Slide

Slide 24 - Slide

Slide 25 - Slide

Slide 26 - Slide

Slide 27 - Slide

Slide 28 - Slide

Slide 29 - Drag question

Slide 30 - Slide

Slide 31 - Slide

Slide 32 - Slide

More lessons like this

WEEK 2 - INFORMATICA

1. HTML-Basics

1. HTML-Basics

1. HTML-Basics

1. HTML-Basics

05 - HTML - tags

HTML & CSS 01 - 1 tmt 2.3 - introductie

13 - HTML - span en div