Cette leçon contient 24 diapositives, avec quiz interactifs et diapositives de texte.
La durée de la leçon est: 120 min
Éléments de cette leçon
Welkom terug!
Slide 1 - Diapositive
4V Informatica 10 oktober
Slide 2 - Diapositive
Slide 3 - Diapositive
Slide 4 - Diapositive
PO Website maken
Kies een partner en lees de omschrijving van de opdracht in Classroom
Kopieer het takenoverzicht op Trello en houd jullie vorderingen bij;
Kies een onderwerp voor je website en zorg voor de tekst en bijbehorende plaatjes;
Maak een ontwerp voor je website;
Bouw je website aan de hand van je ontwerp: eerst HTML en daarna CSS;
Zorg voor een mooi, responsive ontwerp en voor nette en overzichtelijke code;
Overleg tussentijds met de docent (tekst/ ontwerp etc.)
Lever je website in inclusief Trello-link en ontwerp.
Slide 5 - Diapositive
Aan de slag
Maak de tekst voor je website af (Google Docs)
Maak het ontwerp voor je website af (papier)
Begin aan je website via create in Replit
Nodig je PO-partner uit via invite rechtsboven in Replit-template om samen te werken
Tweede uur uitleg responsive design
Slide 6 - Diapositive
Responsive design
Je weet hoe je de ViewPort kan gebruiken om je website (beter) geschikt maken voor mobiel
Je kan je website met behulp van media queries geschikt maken voor verschillende schermgroottes
Slide 7 - Diapositive
Responsive design
"Responsive web design responds to the needs of the users and the devices they're using; the layout changes based on the size and capabilities of the device"
Rekening houden met meerdere devices: telefoon, tablet, laptop, desktop
Designmuseum heeft een ander soort responsiveness dan het Van Gogh Museum. Je ziet dat daar eigenlijk maar heel weinig verandert als je je scherm groter/kleiner maakt.