BBL Week 2

1 / 15
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

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

time-iconLesduur is: 90 min

Onderdelen in deze les

Slide 1 - Tekstslide

Kennismakingsronde
  • Terugblik vorige les
  • Introductie webtechnieken
  • Introductie HTML
Doelen

Slide 2 - Tekstslide

Kennismakingsronde
  • Lessonup.app
  • Log in met code:  bukgs
Lessonup

Slide 3 - Tekstslide

Voor het examen moeten we een complete website met html en css maken
A
Ja
B
Nee

Slide 4 - Quizvraag

Hoe werken html, css en samen op een website

Slide 5 - Open vraag

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Tekstslide

Slide 9 - Tekstslide

Kennismakingsronde
  • Tekstbestand met .html als extensie, bijvoorbeeld index.html
  • Meest eenvoudig met kladblok, notepad++
  • Komende week : editors (tools)
HTML bestanden

Slide 10 - Tekstslide

Hoe ziet de code van een basis html document eruit?

Slide 11 - Open vraag

Kennismakingsronde
  • .
Basis HTML document

Slide 12 - Tekstslide

Kennismakingsronde
  •     <begin> </eind>
  •     ook zonder eind, bijvoorbeeld <img>
  •     een tag kan eigenschappen(attributen) hebben.
        format : naam='waarde'
        bijvoorbeeld : <img src='fiets.png' alt='een afbeelding van een fiets'>
html tags/elementen

Slide 13 - Tekstslide

Maak een start met een portfiolio (cv) website voor jezelf. Inhoud:
Een foto van jezelf en de volgende informatie : werkervaring, opleiding, vaardigheden, hobby's
HTML elementen: minimaal h1, p, img, ul en a
Extra : div en span

duidelijke informatie over html : https://www.w3schools.com/html

Slide 14 - Open vraag

Kennismakingsronde
  • Terugblik op het vak. Examen is een webshop maken
  • Frontend - backend 
  • HTTP request - response
  • HTML in een request envelop
  • Rol van HTML en CSS
  • Basisopbouw HTML document
Terug- en vooruitblik

Slide 15 - Tekstslide