Yuverta

Les 2 Verder met HTML

1 / 16
volgende
Slide 1: Tekstslide
BeroepsoriëntatieMiddelbare schoolvmbo b, k, gLeerjaar 1,2

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

time-iconLesduur is: 120 min

Onderdelen in deze les

Slide 1 - Tekstslide

Programma
Terugblik
Sneltoetsen
Vervolg HTML
Lesafsluiting

Slide 2 - Tekstslide

Wat hebben we vorige week gedaan?

Slide 3 - Open vraag

Wat vond je lastig?

Slide 4 - Woordweb

Sneltoetsen

Slide 5 - Tekstslide

HTML (herhaling)
Element: text
Attribuut: lettertype
Waarde: 12

Slide 6 - Tekstslide

HTML (herhaling)
Begin <>
Inhoud
Eind <>

Slide 7 - Tekstslide

HTML opbouw
<HTML>
<TITLE>     </TITLE>
<BODY>
</BODY>
</HTML>

Slide 8 - Tekstslide

HTML opdrachten
Maak opdracht 1 en 2.
Ben je klaar, dan ga je verder met opdracht 3 en 4.

Je krijgt hiervoor 45 minuten.

Slide 9 - Tekstslide

HTML opdracht 1
Maak in Notepad++ het bestand: mijnwebsite.html
Zet daarin onderstaande tags.
Bedenk een eigen titel en zet die in de Titel tag.
<HTML>
<TITLE>     </TITLE>
</HTML>

Slide 10 - Tekstslide

HTML opdracht 2
Voeg in het bestand mijnwebsite.html  de Body tag toe en vul die met een paar zinnen over je onderwerp.
<BODY>

</BODY>

Slide 11 - Tekstslide

HTML opdracht 3
Pas de Body tag aan door een achtergrondkleur mee te geven.
Bedenk een andere kleur dan in het voorbeeld.
<BODY bgcolor="yellow">

</BODY>

Slide 12 - Tekstslide

HTML opdracht 4
Pas de Body tag aan door een de tekst een andere kleur te geven dan in het voorbeeld.
De tekstkleur kun je aanpassen op de volgende manier:
text="blue"

Slide 13 - Tekstslide

HTML opdracht 5
Ga via de studiewijzer naar HTML les 2 en probeer ZELF alle elementen toe te voegen aan jouw website.
Je bedenkt zelf de tekst of je kopieert een tekst van internet.
Test het resultaat nadat je een element hebt toegevoegd.

Je krijgt hiervoor 45 minuten.

Slide 14 - Tekstslide

Wat vond je het leukst om toe te voegen aan jouw website?

Slide 15 - Open vraag

Wat wil je nog beter leren?

Slide 16 - Open vraag