D&P_JdW-les_7-8 Een WEBSITE ontwerpen, maken of samenstellen NIEUW

Website ontwerpen en maken
1 / 27
volgende
Slide 1: Tekstslide
GesMiddelbare schoolmavoLeerjaar 1

In deze les zitten 27 slides, met interactieve quizzen, tekstslides en 2 videos.

time-iconLesduur is: 50 min

Onderdelen in deze les

Website ontwerpen en maken

Slide 1 - Tekstslide

Deze slide heeft geen instructies

              Startklaar
  • Op je plek zitten 
  • Telefoon in het Zakkie 
  • Jas over de stoel, oortjes in de tas, tas op de grond
  • Schoolspullen op tafel: Boek, Chromebook, JdW-map, etui 
timer
3:00

Slide 2 - Tekstslide

1. Startklaar
Bij de start van iedere les verwelkomt de docent de leerlingen bij de ingang van de deur, noemt leerlingen bij naam, maakt oogcontact en besteedt aandacht aan hun welbevinden. De docent geeft het goede voorbeeld en spreekt hoge verwachtingen uit voor het verloop van de les door succescriteria op gewenst gedrag, schooltaal en effectief leren te benoemen. De leerlingen zijn startklaar: ingelogd in LessonUp, telefoons opgeborgen in het Zakkie, en JdW-map op tafel.
           Leerdoelen
Aan het eind van dit hoofdstuk weet je meer over:
 
  • websites met verschillende doelen;
  • webhosting en domeinnamen;
  • kosten voor het vastleggen, bouwen en     onderhouden van websites;
  • het ontwerpen van een website;
  • werken in een website builder;
  • het onderhouden van een website.

Slide 3 - Tekstslide

3. Leerdoelgericht werken
De docent geeft het onderwerp, RTTI geformuleerde leerdoelen en de lesopbouw aan. De docent weet de leerdoelen goed te laten aansluiten bij de voorkennis en het (taal)niveau van de leerlingen. Gedurende de les wordt continu een terugkoppeling naar de leerdoelen gemaakt om de mate van beheersing te controleren.   
Thema: WEBSITE ontwerpen, maken of samenstellen
Websites met verschillende doelen
Een website is een verzameling van verschillende webpagina’s. Hiermee wil je een boodschap overbrengen.

Je wilt bezoekers:
  • vasthouden
  • voorzien van informatie
  • terug laten komen



Slide 4 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Websites met verschillende doelen



Slide 5 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Informeren
Verkopen
Informatie 
zoeken
Verbinden
Diensten
aanbieden

Slide 6 - Sleepvraag

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Webhosting en domeinnaam




Een website heeft een domein op het World Wide Web (www). Dit is de plek waar de website staat.

Je hebt daarom een naam nodig voor je website en een extensie. Een extensie is iets als:


Een duidelijke en logische domeinnaam zorgt ervoor dat mensen jouw website sneller vinden. Een domeinnaam kan maar één keer gebruikt worden. Daar zorgt de stichting SIDN voor.



Slide 7 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Webhosting en domeinnaam




Hoe kom je aan een domeinnaam?
Deze vraag je aan bij een registrar. Deze bedrijven noemen zich ook wel een webhost of hosting providers. Een registrar regelt dit verder met het SIDN.
Stichting Internet
Domeinregistratie
Nederland
Registrar / webhost
Hosting provider 
Klant

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Webhosting en domeinnaam



Er zijn diverse kosten voor het ontwerpen en maken van een website.

Hoe populair is de domeinnaam?

Wat voor doel heeft de website? Wat zijn de functies?
Zijn er veel veranderingen, abonnementen, koppelingen of keurmerken nodig?

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Website ontwerpen
Je moet weten wat voor device de bezoekers gaan gebruiken. Hierop moet je jouw ontwerp aanpassen. Je moet ervoor zorgen dat het responsive is. Dat wil zeggen dat de website op verschillende schermen goed wordt weergegeven.

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
In gesprek met de opdrachtgever

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Websitestructuur
Je hebt een homepage en verschillende subpagina’s.





Je laat de kleuren, lettertypes en achtergronden bij elkaar passen en zorgt voor een geheel. Ook let je erop dat de website overzichtelijk is.







Slide 12 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Ontwerp
Je laat de kleuren, lettertypes en achtergronden bij elkaar passen en zorgt voor een geheel. Ook let je erop dat de website overzichtelijk is.

Slide 13 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Applicatie / App
Voor websites die veel op mobiele apparaten worden gebruik, worden apps ontwikkeld. Dit is een soort programma dat je kunt downloaden.

Gebruikers hoeven hierdoor niet meer op het World Wide Web te zoeken, maar openen voor gebruik eenvoudig een app.


Slide 14 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Website maken
Je hebt nagedacht over de boodschap en het doel.
Je kunt online en offline een website bouwen. Meestal worden er online programma’s gebruikt. Bijvoorbeeld Wix of Wordpress/ADOBE XD.









Slide 15 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
Back-end en front-end
Bij het bouwen van een website werk je aan de ‘achterkant’ dit noemen we ook wel de back-end van de website.

De voorkant van de website wordt de front-end genoemd. Dit is de website zoals deze voor bezoekers zichtbaar zal zijn.

Voor onderhoud aan de website wordt vaak een CMS gekoppeld. Hiermee kan de inhoud van de website eenvoudig aangepast worden



Slide 16 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
FLOWCHART/ STROOMDIAGRAM

Slide 17 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
FLOWCHART/ STROOMDIAGRAM

Slide 18 - Tekstslide

Deze slide heeft geen instructies

Thema: WEBSITE ontwerpen, maken of samenstellen
FLOWCHART/ STROOMDIAGRAM

Slide 19 - Tekstslide

Deze slide heeft geen instructies

Slide 20 - Video

Deze slide heeft geen instructies

Slide 21 - Video

Deze slide heeft geen instructies

Slide 22 - Tekstslide

6. Actieve verwerking
De docent maakt expliciet hoe de leerstof actief verwerkt dient te worden. De docent start met modelleren en laat leerlingen vervolgens actief inoefenen. Volgens het 'ik-wij-jullie/jij-wij' principe wordt de ondersteuning geleidelijk afgebouwd. Er wordt gevarieerd in oefentypes en het leerproces wordt zichtbaar gemaakt, bijvoorbeeld met hardop denken opdrachten. Effectieve leerstrategieën zoals zelftesten, gespreid leren, schema’s maken, en samenvatten volgens de Cornell-methode worden expliciet aangeleerd. Dit herkneden van de lesstof helpt bij het bewerken van het lange termijn geheugen
           Aan de slag
Pak een laptop! LOGIN bij de Adobe Creative Cloud! Ga dan na adobe XD 

Slide 23 - Tekstslide

6. Actieve verwerking
De docent maakt expliciet hoe de leerstof actief verwerkt dient te worden. De docent start met modelleren en laat leerlingen vervolgens actief inoefenen. Volgens het 'ik-wij-jullie/jij-wij' principe wordt de ondersteuning geleidelijk afgebouwd. Er wordt gevarieerd in oefentypes en het leerproces wordt zichtbaar gemaakt, bijvoorbeeld met hardop denken opdrachten. Effectieve leerstrategieën zoals zelftesten, gespreid leren, schema’s maken, en samenvatten volgens de Cornell-methode worden expliciet aangeleerd. Dit herkneden van de lesstof helpt bij het bewerken van het lange termijn geheugen
           Begrippen
           uit deze les

Slide 24 - Tekstslide

Deze slide heeft geen instructies

           Afsluiting

Slide 25 - Tekstslide

8. Afsluiting
De docent controleert in de slotfase van de les of de leerdoelen door alle leerlingen behaald zijn en plaatst de les in de context van de betreffende periode. De docent evalueert samen met de leerlingen het leren en het gedrag en blikt vooruit aan de hand van de JdW-planner. 


Titel kan hier geplaatst worden.

Slide 26 - Open vraag

Deze slide heeft geen instructies

Eindslide.

Ruimte voor een afsluitend woord.

Slide 27 - Tekstslide

Deze slide heeft geen instructies