Boek 31

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

Leerdoelen boekje 31

je weet wat een website is en waaruit een website bestaat

je weet wat een domeinnaam en extensie zijn

je weet welke stappen je volgt bij het maken van een website

je weet wat een CMS is en waarom bedrijven dit gebruiken

je weet wat vormgeving en huisstijl zijn

je kunt bij het maken van een website rekening houden met de huisstijl

Wat is belangrijk bij het maken van een website?

• volg je het ontwerpproces. 

      schetsen, brainstormen  en maak een begroting. 

• ga uit van de de wensen en eisen van de opdrachtgever

Wat is een website?

           een verzameling pagina's op internet met teksten en afbeeldingen

2023 waren er meer dan 1.14 miljard websites wereldwijd

Wat weet je nog...even herhalen

Vraag:

Wat kun jij vertellen over een domeinnaam?

Denk eraan:

Eerst zelf nadenken (15 sec)

Opschrijven in hele zinnen

Overleggen klasgenoot

Domeinnaam

kort en krachtig

makkelijk te onthouden

makkelijk te spellen en te schrijven

uniek (niet te veel lijken op concurrenten)

zegt iets over de inhoud van de website

bij een gratis CMS kan de sitenaam in de URL staan (bijv. jouwweb.nl/naam)

Domeinnaam

✅ Goede domeinnaam - www.fietsenwinkelalkmaar.nl

✔ kort en duidelijk

✔ makkelijk te spellen

✔ zegt waar de website over gaat

✔ geen moeilijke tekens

❌ Slechte domeinnaam - [e-mail]

✘ lastig te lezen en te onthouden

✘ vreemde tekens en cijfers

✘ onduidelijk waar de website over gaat

Domeinnaam

Domeinnaam – extensie; de extensie is het laatste deel van de domeinnaam

voorbeelden: .com – .org – .nl

.nl / .be laat zien uit welk land de website komt

Domeinnaam – extensie

Samengevat: domeinnaam

een domeinnaam is het internetadres van een website

hiermee is je website vindbaar op internet

het laatste deel heet de extensie

via www.sidn.nl ->  kun je checken of een domeinnaam nog vrij is

hiermee is je website vindbaar op internet

het laatste deel heet de extensie

via www.sidn.nl

 kun je checken of een domeinnaam nog vrij is

Vraag:

Wat kun jij vertellen over de onderdelen van een website?

Denk eraan:

Eerst zelf nadenken (15 sec)

Opschrijven in hele zinnen

Overleggen klasgenoot

Belangrijke begrippen/onderdelen website 

footer

dit staat onderaan op de website. Hier staan vaak in 

kleine lettertjes  de auteursrechten, contactgegevens, etc.

header

het bovenste gedeelte van je website. Dit gedeelte 

zie je als eerste en is dan ook aantrekkelijk om naar 

te kijken. Het is het visitekaartje van je website.

Belangrijke begrippen/onderdelen website 

cloud:

een plek om dingen online op te slaan. deze gegevens,  software 

of  bestanden staan niet op je eigen computer (icloud)

URL: 

een uniek adres naar een pagina van een website.

Navigatie- of menubalk: 

een rij knoppen met woorden die verwijzen naar pagina's op jouw website.

Belangrijke begrippen/onderdelen website 

Hyperlink: 

• een tekst of afbeelding die je doorverwijst naar een andere pagina als je erop klikt 
•  knoppen in het menu zijn hyperlinks.
•  afbeelding met 'mail me' op een website. Als je daarop klikt wordt je e-mailprogramma geopend. Die knop is ook een hyperlink.

Belangrijke begrippen/onderdelen website 

Widget: 

een widget is een toepassing waarmee je in één oogopslag actuele informatie

• weer
• nieuws
• google maps
• share button

 

Opbouw website

• vaak standaard opbouw
• handig voor bezoekers

Vraag:

Wat kun jij vertellen over het stappenplan voor het maken van een website?

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

Vraag:

Wat kun jij vertellen over CMS?

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
  

Wat is een huisstijl?

De huisstijl is de manier waarop een bedrijf of organisatie zich herkenbaar laat zien.

Het zorgt ervoor dat mensen meteen weten van wie een website, folder of poster is.

Waaruit bestaat een huisstijl?

Een huisstijl bestaat meestal uit vaste onderdelen:

• kleuren
• lettertype(n)
• logo
• vaste manier van beeldgebruik (foto’s/illustraties)
• soms een slogan
• deze onderdelen worden altijd hetzelfde gebruikt.

Waarom is huisstijl belangrijk?

• een bedrijf is herkenbaar
• het zorgt voor een professionele uitstraling
• mensen vertrouwen een bedrijf sneller
• alle media-uitingen passen bij elkaar (website, folder,  media, reclame)

Huisstijl toepassen

Bij het maken van een website, folder of flyer:

1. gebruik je de juiste kleuren
2. kies je het vaste lettertype
3. plaats je het logo op dezelfde manier
4. zorg je dat de uitstraling past bij:
5. het bedrijf
6. de doelgroep

Creatief zijn mag, maar het moet wel passen bij de huisstijl.

Huisstijlregels

Veel bedrijven hebben een huisstijlhandboek.

Daarin staat precies:

• welke kleuren gebruikt mogen worden
• welk lettertype je gebruikt
• hoe groot en waar het logo moet staan

Is er geen handboek?

➡️ Dan kijk je naar bestaande uitingen van het bedrijf (website, folders).

Opdrachten boek 31

Taak	Individueel - samenwerken - klassikaal	Opmerkingen: welke tekstbronnen, stappenplannen of sjablonen heb je nodig?
Taak 1	3-4-5a	TB 49 vormgeving/huisstijl + TB logo ontwerpen
Taak 2	2a+b - 3 (let op: h t/m l inlveren) - 4 - 7-> lezen!!	TB 119 folder/brochure maken TB 120 vormgevingtips opdr.7: maken samenvatting TB 50 + 120
Taak 3	2-3-4-5 (in word)-6	TB 116 (maak samenvatting)
Taak 4	2
Let op	Klassikaal folder maken!!

Folder maken in Word

1. Open Word en maak een nieuw document aan.

Klik linksboven op de naam van het document

Klik nu op meer opties

Geef het bestand nu een naam en selecteer de locatie op je OneDrive waar je het op wilt slaan.

Selecteer het Tabblad Indeling en kies hier voor afdrukstand liggend. 

Kies vervolgens Kolommen en klik op Meer kolommen

Selecteer 3 kolommen en lijn ertussen en klik OK

Druk nu net zo lang op Enter zodat de lijnen tussen de kolommen zichtbaar worden. 

1-2-3 is de binnenkant van de folder

4 zit ook binnen, 5 is de achterkant en 6 de voorkant

Maak voor tekst gebruik van Tekstvak, de kun je makkelijk verplaatsen en vormgeven: Tabblad invoegen > Teksvak

Verschillen

Flyer

Folder

Brochure (magazine)

Verschil tussen Folder, Flyer en brochure

Een folder is gevouwen, denk maar aan het Engelse werkwoord ‘to fold’ dat vouwen betekent. Een flyer is altijd ongevouwen.

Een flyer bestaat uit een enkel blad welke aan één of twee zijden bedrukt kan worden. Het eerste doel van een flyer is opvallen en nieuwsgierig maken.

Een folder heeft een of meer vouwlijnen.  Bij een folder heb je vier, zes of soms zelfs acht kanten welke te bedrukken zijn. Een folder brengt mensen net als bij een flyer op de hoogte van het bestaan van iets. Echter met een folder ga je nog een stapje verder in het informeren van een potentiële klant.. Een folder heeft een hogere waarde dan een flyer en dus een grotere kans om bewaard te worden.

Het verschil tussen een folder en een brochure is dat een folder uit één gevouwen vel papier bestaat, terwijl een brochure uit meerdere vellen papier bestaat die door middel van nieten of lijmen aan elkaar gehecht zijn.

Folder sjablonen in Word!

Opdrachten boek 32

Taak	Individueel - samenwerken - klassikaal	Opmerkingen: welke tekstbronnen, stappenplannen of sjablonen heb je nodig?
Taak 1	2 -4a-5a+b - 7 - 9 (lezen!)	TB presentatie + animatie TB Jezelf presenteren opdr.9: lezen stappenplan poster
Taak 2	2	klassikaal: film opbouw presentatie
Taak 3	2	animatie feedback
Taak 4	2	TB 32
Let op	opdracht feedback geven en ontvangen

feedback geven:

• een ander vertellen hoe zijn/haar gedrag of   communicatie overkomt
• mensen weten vaak niet hoe hun gedrag overkomt op anderen, ze doen dit zonder na te denken

Hoe geef je feedback?

Hoe geef je feedback?

• beperk je tot het zichtbaar gedrag of wat iemand heeft gezegd (geef geen feedback op wat iemand niet kan veranderen: geslacht/huidskleur
• gebruik de ik-vorm: ik vind dat...
• geef feedback in een één-op-één gesprek (niet in een groep mensen)
• vraag de ander wat hij/zij van jouw feedback vindt
• probeer samen een manier te bedenken om het gedrag te verbeteren
• 
  

feedback

Het gebeurt ook dat anderen zeggen wat ze van jou vinden. Hoe reageer je daarop?

• blijf rustig, wordt niet meteen boos
• bedenk dat het om een mening van een ander gaat
• spreek de feedback niet tegen; het is de waarheid van een ander en die moet je respecteren
• bedank de ander voor de feedback
  

Wanneer heb jij wel eens
feedback gekregen

Bespreken:

Wie kun je feedback geven?

- een ouder

- een vriend(in)

- een leraar

- een klasgenoot

- de dokter

- een huisdier

Feedback: Vraag of iemand openstaat voor feedback!

      Bedenk: Goede feedback is een cadeautje

                                     

                                        want jij beslist wat je ermee doet

 an..........                       

                                                      en dan ......

                                                                     kan het mooier / beter worden

Feedback:

Basishouding: Jij bent oké.

Er is iets in jouw gedrag dat ik graag met je wil bespreken.

Bespreken

Speel dit als een rollenspel.... een voorbeeld maakt duidelijk hoe het niet moet. 

Vraag leerlingen te bedenken / te voelen wat deze manier van feedback krijgen bij hen losmaakt.

Bespreken

Speel dit als een rollenspel.... een voorbeeld maakt duidelijk hoe het niet moet. 

Vraag leerlingen te bedenken / te voelen wat deze manier van feedback krijgen bij hen losmaakt.