week 2 HTML CSS

HTML CSS
OPMAAK TAAL
1 / 19
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvwoLeerjaar 5

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

time-iconLesduur is: 60 min

Onderdelen in deze les

HTML CSS
OPMAAK TAAL

Slide 1 - Tekstslide

STARTKLAAR
TELEFOON IN ZAKJE !!!!!

Slide 2 - Tekstslide

DOELSTELLING
  • DE LEERLING WEET WAT HTML IS
  • WAAR HTML VOOR GEBRUIKT WORDT
  • WEET WAT CSS IS
  • WEET GLOBAAL DE INTERACTIE MET WEBSERVER
  • WEET WAT HTTP(S) IS

Slide 3 - Tekstslide

HTML
WAAR STAAT HTML VOOR??

WIE HEEFT ER EEN WEBSITE ONLINE STAAN?
(vingers)

Slide 4 - Tekstslide

HYPERLINKS
HET WWW (???) HANGT VAN HYPERLINKS AAN ELKAAR 

Slide 5 - Tekstslide

CSS
WAAT STAAT CSS VOOR??

Slide 6 - Tekstslide

GEBRUIK
test.css  EXTENSIE css!!
IN DEZELFDE MAP ALS HTML BESTAND
SYNTAX
h1 {
  color: blue;
}


Slide 7 - Tekstslide

LINK NAAR HTML
!DOCTYPE html>
<html>
<head>
  <title>Hey meester</title>
  <link rel="stylesheet" href="test.css">
</head>

Slide 8 - Tekstslide

VOORBEELDEN CSS
body {
background-color: red;
p {
font-size: 50px;
{width: 50px;
height: 50px;
background-color: black;
}

Slide 9 - Tekstslide

CLIENT (WEB)SERVER

Slide 10 - Tekstslide

CLIENT SERVER

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Tekstslide

WELKE WEBSERVERS
Apache HTTP-server, Microsoft Internet Information Services (IIS) of Nginx.

Slide 14 - Tekstslide

WAT DOET WEBSERVER
De belangrijkste functie van een webserver is om websites op te slaan, te verwerken en te leveren aan clients, zoals webbrowsers of zoekmachine-crawlers

Slide 15 - Tekstslide

WEBSERVER SOFTWARE

Slide 16 - Tekstslide

WEBSITE op WEBSERVER

Slide 17 - Tekstslide

IK SNAP HET PRINCIPE VAN CLIENT SERVER
A
HEEL ZEKER
B
BEETJE
C
ZEKER
D
NIET ZEKER

Slide 18 - Quizvraag

WAT IS DE VOLGORDE VAN DE HTTP HANDSHAKE
A
ACK-ACK SYN -ACK
B
SYN - SYN ACK- ACK
C
SYN - SYN ACK- SYN
D
SYN - SYN - ACK

Slide 19 - Quizvraag