Les 1: website bouwen

• Website bouwen
• MBO
• Studiejaar 2

Les 1: website bouwen

Leerdoelen

• Je legt uit waar een website aan moet voldoen.
• Je vormt een groep waarin je gaat werken aan een website.
• Je visualiseert het project aan de leider website bouwen. 
• Je maakt werkafspraken binnen jouw werkgroep.

Wat is het verschil tussen een webpagina en een website?

Verschil tussen een webpagina en website

Het verschil tussen een webpagina en een website is eigenlijk heel simpel: een website kun je zien als een huis, waarbij de webpagina’s de kamers van het huis zijn. Een website heeft een menu. Via het menu kom je op de verschillende webpagina’s terecht.

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 

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.

Stappenplan website maken-> deze stappen moet je volgen bij het maken van een website

1. wensen en eisen (voor wie maak je de website en aan welke eisen moet de website voldoen?)
   
2. inspiratie en brainstorm
3. een grof ontwerp
   
4. plan voorleggen aan de opdrachtgever
5. website maken

Wat is belangrijk bij het maken van een website?

• Om een website te maken volg je het ontwerpproces. 

      Je maakt schetsen, gaat brainstormen maar maakt ook een           begroting. 

• Je gaat altijd uit van de wensen en eisen van de opdrachtgever -> dit is degene die jou opdracht geeft om een website te maken.

Wensen en eisen opdrachtgever in 

              kaart brengen

• Een website moet altijd voldoen aan een aantal eisen. 
• Welke eisen dit zijn hangt natuurlijk af van het doel van de website. 
• Er zijn verschillende doelen die een opdrachtgever kan hebben voor het maken van een website:

1. Commercieel: het is de bedoeling dat met de website geld verdiend wordt. Een goed voorbeeld hiervan is een webshop.
   
2. Educatief: de website is erop gericht je iets te leren.
   
3. Vermaak: de website en de inhoud ervan is alleen bedoeld voor vermaak.

Waar moet een goede lay out aan voldoen?

het doel van de site (wat wil de opdrachtgever met de site bereiken) 

de doelgroep voor de site (wie wil de opdrachtgever met de site bereiken) 

het ontwerp (vormgeefvoorstel) 

verdere eisen en wensen van de klant (zoals geformuleerd in het vraaggesprek), bijvoorbeeld: 

specifieke wensen rondom vormgeving, look & feel van de site 

specifieke functies die een plek moeten krijgen op de site 

(extra) widgets die in de lay-out toegevoegd moeten worden

Projectgroep

Jullie gaan samenwerken aan een project waarbij jullie voor het winkeltje voor het Nardo Office een website gaan bouwen. 

Projectgroep

• Jullie vormen een projectgroep van maximaal 3 studenten. 
  
• Jullie maken werkafspraken over het samenwerken in een project (wat doen als iemand afwezig is, wie is de projectleider, hoe worden de taken verdeeld)

Visualisatie winkeltje

• Je gaat het winkeltje in Nardo Office in beeld brengen. 
• Je maakt foto's van het assortiment en de grootte. 
• Je gaat een presentatie maken voor de leider website bouwen. 
• Je presenteert hoe het winkeltje eruit ziet en wie de doelgroep is etc. 
• Je levert jullie presentatie in op It's Learning. 

Doelgroepanalyse

• Je maakt een analyse van de doelgroep.
• Je gebruikt hiervoor de segmentatiecriteria:

- demografisch

- geografisch

- psychografisch

- sociaal-economisch

- gedragscriterium

Persona

Als je de website straks gaat maken is het handig om een persona voor ogen te houden. Deze persona vertegenwoordigt de doelgroep en heeft dus ook dezelfde behoeftes als de doelgroep.

Persona

Bedenk een leuke naam voor een persona die staat voor jouw doelgroep.
Maak een persona van je doelgroep door de volgende eigenschappen te beschrijven:

- In welke leeftijdscategorie valt je persona?

- Wat voor werk en/of opleiding doet jouw persona?

- Wat is de grootste uitdaging van jouw persona?

- Wat zijn zijn/haar persoonlijke doelen?

- Wat zijn zijn/haar persoonlijke frustraties?

- Waarover maakt je persona zich de meeste zorgen?

- Waar haalt je persona zijn/haar informatie vandaan?

- Welke socialmediakanalen gebruikt jouw persona het meest?

Zoek een foto of maak een tekening van hoe jouw persona eruitziet.

 

Huisstijl

• Je bedenkt het typografie en huisstijl van jullie website.
• Je bepaalt de kleuren die jullie willen gebruiken. 
• Je legt uit waarom jullie hebben gekozen voor deze huisstijl.  
• Maak een moodboard waarin de huisstijl en kleuren terugkomen. 

Na de vakantie

Gaan we aan de slag met het maken van een website. 

Hiervoor is een externe docent aangetrokken.