Boek 30 les 1 dp3

• Dienstverlening en Producten
• Middelbare school
• vmbo b, k
• Leerjaar 3

Welkom DP3

40 min rooster

09.40- 09.50	startactiviteit
09.50 - 10.00	lesdoelen bespreken	boekje 30
10.00 - 10.50	zelfstandig werken boekje	opdrachten boekje 30
10.50 - 10.55	afronden + lesdoelen behaald

Leerdoelen boekje 30

Je weet/je kent

• op welke manieren je een website kan bouwen
• hoe een webtekst is opgebouwd en waar je op moet letten
• hoe je de kwaliteit van afbeeldingen kunt controleren
• hoe je afbeeldingen optimaal geschikt maakt voor plaatsing website
• wat aandachtspunten zijn bij het bouwen van de website

Evaluatie inleveropdracht film

• 1 groep heeft de film ingeleverd en de behaalde punten worden meegenomen in het vaardigheidscijfer
• de overige groepen hebben verzuimd de filmopdracht in te leveren en krijgen geen extra punten

extra opdrachten

- voorbereiden en invullen format driehoeksgesprek 

- voorbereidingen website akkoord bij BRJ/JEG? + opdrachten boek klaar? => starten met website maken op Jouwweb.nl (let op gebruik gratis versie)

Opdrachten boekje 30

Taak	Individueel - samenwerken - klassikaal verdiepende opdracht	Opmerkingen: welke tekstbronnen, stappenplannen of sjablonen heb je nodig?
Taak 1	2-3-4	opdr.3: tb 114 manieren om websites te bouwen
Taak 2	lezen tb 109 onderdelen van een website => maak een woordweb
Taak 3	2-3-4-5	opdr.3: 116: Tekst en beeld voor de website
Taak 4	2-3-4	opdr.2: tb 34 een begroting maken opdr.3: tb 113 De kosten om een website
Taak 5	2-3-4-5- 6	opdr.2/3: tb 117 Een website bouwen
Taak 6	lezen tb117 een website bouwen=> maak een woordweb
Taak 7	1	memoryspel maken en inleveren

apprentice - 3 hoeksgesprek

goedkeuring voor website

opdrachten boekje 30

Vraag:

Welke 8 stappen moet je doorlopen om een website te kunnen maken? Schrijf deze op in je schrift.

Denk eraan:

Eerst zelf nadenken (15 sec)

Opschrijven in hele zinnen

Overleggen klasgenoot

Stappenplan website maken (uit je hoofd weten!)

1. wensen en eisen (van de opdrachtgever) 
2. inspiratie en brainstorm
   
3. referenties zoeken
   
4. plan en begroting
   
5. schetsen en grof ontwerp
   
6. plan voorleggen aan de opdrachtgever
   
7. website maken
   
8. presenteren en evalueren

Wat zoekt mijn klant?

• bezoeker gaat op eigen initiatief naar jouw website
• bij je ontwerp moet je nadenken over je bezoekers -> wat zoeken zij en      hoe zoeken zij?
• Niet: wat heeft mijn bedrijf te bieden maar WEL -> wat zoekt mijn klant

Vraag:

Welke functionele eisen m.b.t. het maken van een website ken je?  Schrijf deze op in je schrift.

Denk eraan:

Eerst zelf nadenken (15 sec)

Opschrijven in hele zinnen

Overleggen klasgenoot

Inhoud website: Functionele eisen

aantal pagina's	abonneren nieuwsbrief
kaart met locatie	chatfunctie
agenda	menu + submenu
widgets social media	zoekknop
foto galerij	enz.
contactformulier	enz.

Vraag:

Waar staat de afkorting CMS voor? En wat is het? Schrijf op in je schrift.

Denk eraan:

Eerst zelf nadenken (15 sec)

Opschrijven in hele zinnen

Overleggen klasgenoot

Content Management System

• CMS: Content Management System: een systeem om de inhoud (content) van je website te organiseren/ betaalde & gratis versie
• Nadelen gratis CMS:

1. minder mogelijkheden,
2. vaak reclame
3. geen eigen domeinnaam maar samengestelde www.mobirise.nl\je naam

• Betaalde software/betaalde CMS-> meer mogelijkheden
  

   WEBSITE BOUWEN

Vraag:

Wat is een webbrowser? Schrijf op in je schrift.

Denk eraan:

Eerst zelf nadenken (15 sec)

Opschrijven in hele zinnen

Overleggen klasgenoot

• Een website is één of meerdere pagina's met tekst, plaatjes, video of geluid op internet.
• Om naar een website te gaan heb je een webbrowser nodig. Dat is een computerprogramma om webpagina’s mee te bekijken. Bijvoorbeeld Safari, Internet Explorer, Google Chrome of Mozilla Firefox.

De onderdelen van een website

Wat betekent het woord Cookies?
Omschrijf het in je eigen woorden

Cookies zijn kleine bestanden die op de computer van de bezoeker worden geplaatst. Daarmee kan het surfgedrag van bezoeker gevolgd worden. Dat is interessant voor adverteerders, want zo kunnen zij hun advertenties gerichter laten zien aan de doelgroep. Volgens de privacywetgeving mag dit niet gebeuren zonder goedkeuring van de websitegebruiker. Dat doet de bezoeker door cookies te accepteren.

Cookies

Wordpress is een website bedrijf waar je online een website kan maken maar ook ruimte kan kopen op hun server.

Je betaald dan ruimte voor de online Cloud. 

En de provider zorgt er voor dat je foto's video's eventuele producten kan verkopen aan klanten

 Functioneel ontwerp

Overzicht van waar welke knoppen komen en hoe je website eruit komt te zien voordat je het digitaal gaat ontwerpen.

Webtekst schrijven

• zorg voor een goede combinatie van tekst en beeld
• doel, doelgroep en boodschap tekst moet helder zijn
• je begint het belangrijkste nieuws: je begint met de conclusie
• van meest interessant naar minst interessant
• zorg voor duidelijke indeling-helder-kort
• reviews
• nieuwsbrief
• pakkende titels

SEO

• Search Engine Optimization: zoekmachineoptimalisatie'
• zorgt ervoor dat jouw website wordt gevonden
• door verschillende technieken stijgt website in zoekmachineresultaten => RANKING
• hoe hoger positie in Google, hoe meer mensen je website vinden
• verwerk in je teksten kernwoorden
• SEO = gratis zoekresultaten
• SEA (Search Engine Advertising) = betaalde zoekresultaten 

Doelen afbeeldingen website

1. Functioneel beeld: om het onderwerp uit te leggen
2. Sfeerbeeld: om een bepaald gevoel op te wekken
3. Infographics: illustratie die iets uitleggen
4. Stockmateriaal: afbeeldingen (gratis of betaald) die je kunt downloaden => nadeel niet uniek en niet persoonlijk + je moet controleren of de afbeeldingen rechtenvrij zijn  

afbeeldingen website

• beeldkwaliteit wordt aangeduid in resolutie
• resolutie wordt uitgedrukt in DPI (Dots Per Inch)
• hoe hoger de resolutie hoe scherper het beeld
• hoe groter het pixelformaat van de afbeelding hoe beter de kwaliteit:

2400 pixels voor grote afbeeldingen (paginabreed)

1200 pixels voor middelgrote afbeeldingen (tot halve pagina breed)

600 pixels voor kleine afbeeldingen

Beeldoptimalisatie

• Alle handelingen of correcties die je uitvoert aan de afbeelding om een zo optimaal mogelijk resultaat te krijgen voor je website
• voorbeelden: foto's verkleinen - bijsnijden - aanpassen aantal pixels etc.
•  

Bestandstypen afbeeldingen

JPG bestand -> meeste foto's - lichte bestandsgrootte

PNG bestand-> kan een transparante achtergrond hebben - handig voor vormgeving

Webshop maken

Ga naar jouwweb.nl en klik op nu beginnen

Ga naar jouwweb.nl

• stap 1

Titel van webshop

Gebruik je school email

Bedenk een sterk wachtwoord en noteer deze!

Kies een design die je aanspreekt.

Je hebt 10 minuten de tijd hiervoor.

Je kan altijd van design wisselen!

Gebruik als je domeinnaam de naam van je webshop

Kies voor het gratis pakket

Klik op bewerken

Je webshop beveiligen

Kies voor instellingen in je tabblad.

Scrol naar beneden en kies voor offline modus

x klikken

Neem bij melding het onderstaande over

Verzin een wachtwoord en noteer deze! Of maak een foto ervan.  Klik op opslaan.

Kies zelf voor een achtergrondkleur

Ga nu naar het tabblad editor

Kies voor preview bekijken

Log nu in met je wachtwoord

Je ziet nu je offline webshop beveiligd!

Klik onderaan de website rechtsonder op bewerken

Webshop editen/ bewerken

JouwWeb account aanmaken