HTML & CSS 0 - introductie

HTML & CSS

1 / 11

Slide 1: Slide

InformaticaWOStudiejaar 4,5

This lesson contains 11 slides, with interactive quiz and text slides.

Lesson duration is: 45 min

Items in this lesson

HTML & CSS

Slide 1 - Slide

This item has no instructions

Fundament

Kerndomein A

HTML & CSS

Hoofdstuk 1

https://fundament-online.nl/leeromgeving/hoofdstuk.php?id=10485

Slide 2 - Slide

This item has no instructions

Leerdoelen:

Na deze les kun je:

uitleggen wat HTML is
uitleggen wat (het verschil tussen ) HTTP en HTTPS is
een eenvoudig HTML bestand maken
de volgorde van <html>, <head>, en <body> geven
uitleggen wat tags zijn en laten zien hoe je ze gebruikt in HTML

Slide 3 - Slide

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.

Wat is HTML?

HTML

HyperText Markup Language
1980 HTML ontwikkeld als opmaakcode voor documenten
1989 HTML omgezet naar hypertext voor het internet
al snel de standaard voor het internet voor het maken van websites (wereldwijd geaccepteerd)
HTML versie 5 is de huidige versie

Slide 4 - Slide

This item has no instructions

HTML en IDE

Een HTML bestand is een tekstbestand

Een HTML bestand heeft als bestandsextensie: .html

Om HTML te schrijven kun je een IDE gebruiken

Een IDE is een Integrated Development Editor

Een IDE maakt het schrijven van code makkelijker, onder andere door syntax highlighting

Slide 5 - Slide

This item has no instructions

IDE: Visual Studio Code

Visual Studio Code (VS Code) is een voorbeeld van een IDE

Als VSC te zwaar is voor je laptop, dan kun je ook gebruik maken van de online versie https://vscode.dev/

Slide 6 - Slide

This item has no instructions

IDE: Notepad ++

Een ander ("lichter") programma is Notepad++
https://notepad-plus-plus.org/downloads/

Tip: stel in dat je via
CTRL-F5 het huidige bestand
kan "uitvoeren":
$(FULL_CURRENT_PATH)

Slide 7 - Slide

This item has no instructions

Een

Slide 8 - Slide

This item has no instructions

Welke van onderstaande opties is geen netwerk?

ARPA

LAN

WAN

PAN

Slide 9 - Quiz

This item has no instructions

Leerdoelen:

Je weet wat een IDE is en waar het voor staat
Je kunt de termen editor en console uitleggen
Je kunt 3 verschillende manieren van variabelen definiëren benoemen in JS en het verschil uitleggen
Je kunt uitleggen hoe je op 2 manieren commentaar toevoegt in JS en wat het verschil ertussen is
Je kunt invoer van de gebruiker verwerken in JS

Slide 10 - Slide

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.

En nu?

Uitdagingen:

a) met 1 knop tussen blauw en rood toggelen
b) een dark-modus maakt van een index0_2.htm

Slide 11 - Slide

This item has no instructions

HTML & CSS 0 - introductie

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Slide

Slide 4 - Slide

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Slide 9 - Quiz

Slide 10 - Slide

Slide 11 - Slide

More lessons like this

HTML & CSS 0 - introductie

HTML & CSS 01 - 1 tmt 2.3 - introductie

JavaScript 0 - introductie

BBL Week 3

HTML les 1

HTML5, CSS3 en JS QUiZ

JavaScript 1 - IDE commentaar invoer gebruiker variabelen

HTML les 1