BBL Week 2

1 / 15
next
Slide 1: Slide
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

This lesson contains 15 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 90 min

Items in this lesson

Slide 1 - Slide

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

Slide 2 - Slide

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

Slide 3 - Slide

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

Slide 4 - Quiz

Hoe werken html, css en samen op een website

Slide 5 - Open question

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Slide

Slide 9 - Slide

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

Slide 10 - Slide

Hoe ziet de code van een basis html document eruit?

Slide 11 - Open question

Kennismakingsronde
  • .
Basis HTML document

Slide 12 - Slide

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

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 question

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