HTML

..en een beetje css

1 / 13

Slide 1: Tekstslide

InformaticaMiddelbare schoolvwoLeerjaar 4

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

Onderdelen in deze les

HTML

..en een beetje css

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Komende lessen

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

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Lesdoelen

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

Slide 3 - Tekstslide

Deze slide heeft geen instructies

Wie heeft er al eens iets geprogrammeerd?

Ik!

Ik niet!

Ik een beetje!

Slide 4 - Quizvraag

Deze slide heeft geen instructies

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Basis van een website

<HTML>

tekst

</HTML>

.CSS {

opmaak

}

Javascript(){

gedrag;

}

Slide 6 - Tekstslide

Deze slide heeft geen instructies

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Slide 8 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Slide 11 - Tekstslide

* 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 - Tekstslide

Deze slide heeft geen instructies

Wat kon er beter aan deze les?

Slide 13 - Open vraag

Deze slide heeft geen instructies

HTML

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Quizvraag

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 - Open vraag

Meer lessen zoals deze

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

CSS - selectors

Html en Css - les 2