Boek 30 les 1 dp3

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

1 / 43

Slide 1: Diapositive

Dienstverlening en ProductenMiddelbare schoolvmbo b, kLeerjaar 3

Cette leçon contient 43 diapositives, avec quiz interactif, diapositives de texte et 1 vidéo.

La durée de la leçon est: 50 min

Éléments de cette leçon

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

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

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)

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

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

memoryspel maken en inleveren

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

Stappenplan website maken (uit je hoofd weten!)

wensen en eisen (van de opdrachtgever)
inspiratie en brainstorm
referenties zoeken
plan en begroting
schetsen en grof ontwerp
plan voorleggen aan de opdrachtgever
website maken
presenteren en evalueren

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

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.

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Content Management System

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

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

Betaalde software/betaalde CMS-> meer mogelijkheden

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

WEBSITE BOUWEN

Slide 13 - Diapositive

Cet élément n'a pas d'instructions

Vraag:

Wat is een webbrowser? Schrijf op in je schrift.

Denk eraan:

Eerst zelf nadenken (15 sec)

Opschrijven in hele zinnen

Overleggen klasgenoot

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 15 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 16 - Question ouverte

Cet élément n'a pas d'instructions

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

Slide 17 - Diapositive

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

Slide 18 - Diapositive

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

Slide 19 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 20 - Diapositive

Cet élément n'a pas d'instructions

Doelen afbeeldingen website

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

Slide 21 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 22 - Diapositive

Cet élément n'a pas d'instructions

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.

Slide 23 - Diapositive

Cet élément n'a pas d'instructions

Bestandstypen afbeeldingen

JPG bestand -> meeste foto's - lichte bestandsgrootte

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

Slide 24 - Diapositive

Cet élément n'a pas d'instructions

Webshop maken

Slide 25 - Diapositive

Cet élément n'a pas d'instructions

Slide 26 - Vidéo

Cet élément n'a pas d'instructions

Ga naar jouwweb.nl en klik op nu beginnen

Slide 27 - Diapositive

Cet élément n'a pas d'instructions

Ga naar jouwweb.nl

stap 1

Slide 28 - Diapositive

Cet élément n'a pas d'instructions

Titel van webshop

Slide 29 - Diapositive

Cet élément n'a pas d'instructions

Gebruik je school email

Bedenk een sterk wachtwoord en noteer deze!

Slide 30 - Diapositive

Cet élément n'a pas d'instructions

Kies een design die je aanspreekt.

Je hebt 10 minuten de tijd hiervoor.

Je kan altijd van design wisselen!

Slide 31 - Diapositive

Cet élément n'a pas d'instructions

Gebruik als je domeinnaam de naam van je webshop

Slide 32 - Diapositive

Cet élément n'a pas d'instructions

Kies voor het gratis pakket

Slide 33 - Diapositive

Cet élément n'a pas d'instructions

Klik op bewerken

Slide 34 - Diapositive

Cet élément n'a pas d'instructions

Je webshop beveiligen

Kies voor instellingen in je tabblad.

Slide 35 - Diapositive

Cet élément n'a pas d'instructions

Scrol naar beneden en kies voor offline modus

x klikken

Slide 36 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 37 - Diapositive

Cet élément n'a pas d'instructions

Ga nu naar het tabblad editor

Kies voor preview bekijken

Slide 38 - Diapositive

Cet élément n'a pas d'instructions

Log nu in met je wachtwoord

Slide 39 - Diapositive

Cet élément n'a pas d'instructions

Je ziet nu je offline webshop beveiligd!

Slide 40 - Diapositive

Cet élément n'a pas d'instructions

Klik onderaan de website rechtsonder op bewerken

Slide 41 - Diapositive

Cet élément n'a pas d'instructions

Webshop editen/ bewerken

Slide 42 - Diapositive

Cet élément n'a pas d'instructions

JouwWeb account aanmaken

Slide 43 - Diapositive

Cet élément n'a pas d'instructions

Boek 30 les 1 dp3

Éléments de cette leçon

Slide 1 - Diapositive

Slide 2 - Diapositive

Slide 3 - Diapositive

Slide 4 - Diapositive

Slide 5 - Diapositive

Slide 6 - Diapositive

Slide 7 - Diapositive

Slide 8 - Diapositive

Slide 9 - Diapositive

Slide 10 - Diapositive

Slide 11 - Diapositive

Slide 12 - Diapositive

Slide 13 - Diapositive

Slide 14 - Diapositive

Slide 15 - Diapositive

Slide 16 - Question ouverte

Slide 17 - Diapositive

Slide 18 - Diapositive

Slide 19 - Diapositive

Slide 20 - Diapositive

Slide 21 - Diapositive

Slide 22 - Diapositive

Slide 23 - Diapositive

Slide 24 - Diapositive

Slide 25 - Diapositive

Slide 26 - Vidéo

Slide 27 - Diapositive

Slide 28 - Diapositive

Slide 29 - Diapositive

Slide 30 - Diapositive

Slide 31 - Diapositive

Slide 32 - Diapositive

Slide 33 - Diapositive

Slide 34 - Diapositive

Slide 35 - Diapositive

Slide 36 - Diapositive

Slide 37 - Diapositive

Slide 38 - Diapositive

Slide 39 - Diapositive

Slide 40 - Diapositive

Slide 41 - Diapositive

Slide 42 - Diapositive

Slide 43 - Diapositive

Plus de leçons comme celle-ci

Boek 31-32

Les 1. Front- End en Back- End

Boek 3 Les 1

GL kV PS 5

Les 2. Wat is een CMS?

Boek 2 Les 2

Les 8: website

Les 8: website