HTML

..en een beetje css

1 / 13

Slide 1: Diapositive

InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 13 diapositives, avec quiz interactifs et diapositives de texte.

Éléments de cette leçon

HTML

..en een beetje css

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Komende lessen

Leren om een website te bouwen!
Html <html/>
Css { color:red }
Javascript function Doe_iets()

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Lesdoelen

Je kan een html bestand maken met titel, header en paragraaf
Dat ziet er nog niet uit, maar je weet waarom

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Wie heeft er al eens iets geprogrammeerd?

Ik!

Ik niet!

Ik een beetje!

Slide 4 - Quiz

Cet élément n'a pas d'instructions

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Basis van een website

<HTML>

tekst

</HTML>

.CSS {

opmaak

}

Javascript(){

gedrag;

}

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

HTML Elementen

<h1> is een header
<p> is een paragraaf
<img> is een image
<a> is een anchor
<ul> is en unordered list
<li> us een listitem
enz.. enz..

HTML 5 Cheatsheet

https://websitesetup.org/wp-content/uploads/2014/09/html5-cheat-sheet.png

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Semantiek

Semantiek of betekenisleer is een wetenschap die zich bezighoudt met de betekenis van symbolen, waarbij het in het bijzonder de bouwstenen van natuurlijke talen die voor de communicatie dienen ofwel woorden en zinnen betreft.

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Slide 11 - Diapositive

* zoekmachine!

* makkelijker te stylen

* logische opbouw is belangrijk voor b.v. screenreaders

Aan de slag

Aan de slag met htmldog. Opdracht staat in classroom
De editor die je gebruikt is Notepad++

http://htmldog.com/guides/html/beginner/

Notepad++

Op jullie commputers staat Notepad++. Dit is de editor die we gaan gebruiken. Deze kan je vinden in de informatica map.

Gebruik je je eigenlijk laptop? Of wil je thuis werken? Dan kan je hier notepad++ downloaden: https://notepad-plus-plus.org/

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Wat kon er beter aan deze les?

Slide 13 - Question ouverte

Cet élément n'a pas d'instructions

HTML

Éléments de cette leçon

Slide 1 - Diapositive

Slide 2 - Diapositive

Slide 3 - Diapositive

Slide 4 - Quiz

Slide 5 - Diapositive

Slide 6 - Diapositive

Slide 7 - Diapositive

Slide 8 - Diapositive

Slide 9 - Diapositive

Slide 10 - Diapositive

Slide 11 - Diapositive

Slide 12 - Diapositive

Slide 13 - Question ouverte

Plus de leçons comme celle-ci

Html en Css - les 1

ICT Website: eerst HTML en CSS

HTML5, CSS3 en JS QUiZ

HTML5, CSS3 en JS QUiZ

HTML5, CSS3 en JS QUiZ

CSS en de chrome devtools

HTML_les1

CSS - selectors