week 2 HTML CSS

HTML CSS

OPMAAK TAAL

1 / 19

Slide 1: Tekstslide

InformaticaMiddelbare schoolvwoLeerjaar 5

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

Lesduur 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>

</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

HEEL ZEKER

BEETJE

ZEKER

NIET ZEKER

Slide 18 - Quizvraag

WAT IS DE VOLGORDE VAN DE HTTP HANDSHAKE

ACK-ACK SYN -ACK

SYN - SYN ACK- ACK

SYN - SYN ACK- SYN

SYN - SYN - ACK

Slide 19 - Quizvraag

week 2 HTML CSS

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Tekstslide

Slide 9 - Tekstslide

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Tekstslide

Slide 14 - Tekstslide

Slide 15 - Tekstslide

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Quizvraag

Slide 19 - Quizvraag

Meer lessen zoals deze

week 2 HTML CSS

week 3 netwerken webserver DNS

CSS - Introductie

Week 7 - Les 2

2 HTML: CSS

Webdesign - Les 3 (23/24): CSS

03 - CSS - css toevoegen

Website Development