periode 2 WEEK 1 - INFORMATICA

STARTKLAAR
  • TELEFOONS WEG IN JOUW ZAKKIE, RECHTS OP TAFEL
  • JAS UIT, OVER DE STOEL EN OP JOUW PLEK ZITTEN
1 / 17
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

In deze les zitten 17 slides, met tekstslides.

time-iconLesduur is: 90 min

Onderdelen in deze les

STARTKLAAR
  • TELEFOONS WEG IN JOUW ZAKKIE, RECHTS OP TAFEL
  • JAS UIT, OVER DE STOEL EN OP JOUW PLEK ZITTEN

Slide 1 - Tekstslide

DIT JAAR
HEEL HET JAAR PROJECT MATIG WERKEN
  • WE BOUWEN EEN WEBAPPLICATIE 
  • IEDEREEN WERKT INDIVIDUEEL
  • MAAR WE BOUWEN WEL SAMEN AAN 1 WEBAPPLICATIE
  • WE GAAN PROBEREN WEBAPP. VAN ANDERE KLASSEN TE HACKEN
  • De S klas zal tijdens dit project de basis opnieuw krijgen

Slide 2 - Tekstslide

DEZE PERIODE
PROJECT MATIG WERKEN/SCRUM
  • HTML & CSS
  • NETWERK/SERVER
  • PROGRAMMEREN (PHP of PYTHON)

Slide 3 - Tekstslide

LEERDOELEN VANDAAG
  • DE LEERLING WEET WAT ER BETER KAN NAV PERIODE 1 (NOTITIES???)
  • DE LEERLING WEET WAT DE BEDOELING IS VAN DEZE PERIODE
  • DE LEERLING WEET DE BASISELEMENTEN VAN HTML
  • DE LEERLING KAN DE BASISELEMENTEN TOEPASSEN

Slide 4 - Tekstslide

Voorkennis activeren

Slide 5 - Tekstslide

Waterval
In één keer
Scrum
In iteraties
Wat is ookalweer een iteratie?

Slide 6 - Tekstslide

VRAGEN???

Slide 7 - Tekstslide

Scrum omgeving BIJHOUDEN
NIEUWE TAKEN TOEVOEGEN
INSCHATTEN BENODIGDHEDEN
INSCHATTEN BENODIGDE TIJD

Slide 8 - Tekstslide

OPBOUW/ONTWERP
Er zijn vier onderdelen die je landingspagina  nodig heeft:

  • Een pakkende titel.
  • Een korte, heldere beschrijving waarin je bezoekers duidelijk uitlegt om welk aanbod het gaat en waarom dat aanbod bijzonder is. Denk eraan ook de prijzen te noemen.
  • Een paar goede foto’s of icons.
  • Een aansporende call to action.

Slide 9 - Tekstslide

OPBOUW HTML
<!doctype html>
<html>
                  <head>
                    </head>
                                             <body>
                                               </body>
</html




Slide 10 - Tekstslide

TITEL WEBPAGINA
<html>
      <head>
                                 <title>COVER</title>
        </head>
                    <body>
                                                                             <h1>This is a heading</h1>
                                                                                    <p>This is a paragraph.</p>
                         </body>
</html>


Slide 11 - Tekstslide

Starten bouwen webpagina
  • START MET HET BOUWEN IN HTML VAN JE ZELF ONTWORPEN WEBPAGINA(LANDINGSPAGINA)
  • CODE DIENT TE STAAN IN EEN LOKAAL BESTAND OF EEN BESTAND IN DE CLOUD

Slide 12 - Tekstslide

SAMENVATTING
  • WAT HTML IS
  • WEET DE FILE EXTENSIE VAN HTML IS
  • KAN EEN HTML BESTAND AANMAKEN
  • KAN DE EEN SIMPELE WEBSITE MAKEN MET EEN STUKJE TEKST, TITEL EN HEADER

Slide 13 - Tekstslide

VRAGEN???

Slide 14 - Tekstslide

CSS
  • CASCADING STYLE SHEETS
  • GEBRUIK BIJ MEER WEBPAGINA's 
  • OPMAAK GELDEND VOOR ALLE WEBPAGINA's 

Slide 15 - Tekstslide

POSITIE
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
  position: absolute;
  left: 5px;
  top: 150px;
}
</style>
</head>

Slide 16 - Tekstslide

CLIENT SERVER

Slide 17 - Tekstslide