## Opdracht website maken

Je bent in deze opdracht een webdesigner.

Een mooie website is natuurlijk onmisbaar voor een leuk festival. In deze praktijkopdracht ga je leren hoe je een website moet maken.

- Je gaat (individueel) een website ontwerpen en daarna maken
- Het ontwerp van de website maak je op papier
- De website zelf ga je maken in Wix
- Aan het eind van deze opdracht:
  - kun je een ontwerp maken naar aanleiding van de wensen van de klant;
  - kun je een website maken binnen de gegeven richtlijnen;
  - kun je de gemaakte website presenteren aan de klant.
  - weet je wat hosten, widgets en domeinnamen betekenen
  - kun je een begroting opstellen voor het maken van een website
- Inleveren: Het ontwerp en website in Magister voor een cijfer
- Eindcijfer telt (2x) mee (en is gebaseerd op antwoorden in Dubbelklik, ontwerp en website)

## De opdracht

Als voorbereiding ga je eerst de theorie en opdrachten doorlopen van "praktijkkaart A1: Festivalsite" behorende bij module Festival in Dubbelklik.

De totale opdracht doorloop je door onderstaande 4 stappen te volgen.

###

### Stap 1

Begin met het maken van de opdrachten 1 t/m 16 van praktijkkaart A1 (module Festival Dubbelklik)

###

### Stap 2

De website moet een aantal standaard pagina's bevatten en MOET voldoen aan de eisen van de opdrachtgever:

Hieronder vinden jullie een overzicht van de eisen die de opdrachtgever heeft opgesteld voor de site:

- de gebruikte kleuren moeten overeenkomen met het festival;
- er moeten afbeeldingen worden gebruikt die passen bij het festival;
- de teksten moeten passen bij het festival en de bezoekers;
- het gebruikte lettertype past bij het festival;
- de site moet makkelijk zijn te gebruiken en een duidelijke structuur hebben. De bezoeker hoeft niet lang naar de informatie te zoeken.

Pagina's die terug moeten komen zijn:

1. Homepage: Introductiepagina waarop je omschrijft:

- De naam van het festival
- Een korte omschrijving van het festival
- wanneer en waar het is
- hoe kun je aan kaartjes komen: "Klik hier voor ticketinformatie" (waarbij "hier" een hyperlink naar de tickets/prijzen pagina is)
- meerdere afbeeldingen

2. Vorige edities: Dit is een hoofdpagina met daarin per (vorige) editie een subpagina:

Op de hoofdpagina geef je een algemene beschrijving (Bijvoorbeeld: "Hieronder zie je een overzicht van voorgaande edities") met daaronder een lijst met een minimaal 2 (voorgaande) jaartallen. Als je op een jaartal klikt dan kom je op een subpagina (dit is een pagina die onder de hoofdpagina hangt)

(SUBpagina's) 2.1 t/m 2.x (Bijvoorbeeld 3 subpagina's met de namen: 2021, 2020, 2019). Per subpagina laat je zien:

- hoe gaaf het festival de vorige keren is geweest (Beschrijving van vorige edities, aantal bezoekers, welke dagen/datum het festival was, welke artiesten er waren, etc.)
- meerdere afbeeldingen, een aftermovie, etc..
- Je mag hier natuurlijk het één en ander uit je duim zuigen

3. Programma

- een overzicht met de artiesten die optreden
- een overzicht met de tijden, wanneer wie optreed (Blokkenschema uit Taak 4. Zorg dat deze past in de opmaak van de website.)
- een beschrijving van de overige activiteiten, workshops of dingen die er te doen zijn (aangevuld met sfeerimpressies)
- meerdere afbeeldingen en/of video's

4. Tickets: Op deze pagina laat je allerlei praktische info zien:

- welk soort kaartjes er beschikbaar zijn (bijv. standaardkaartjes, vip-tickets, all-inclusive tickets, etc.)
- prijzen
- aanbieding en/of combinatiekorting
- meerdere afbeeldingen

5. Merchandise: Dit is een pagina waar je al je promotiemateriaal laat zien dat je in de vorige taken hebt gemaakt, zoals:

- Flyer uit Taak 4
- Extra: Polsbandjes (als je die hebt gemaakt) uit Taak 3
- Misschien nog wat extra promotie-materiaal (T-Shirt ontwerpen, petjes, etc.?)
- Per extra toegevoegd onderdeel kun je extra scorepunten verdienen

6. Contact pagina met contactinformatie, met daarop minimaal:

- Een contactformulier (widget, formulier waarop bezoekers bijvoorbeeld vraag kunnen stellen)
- Adresgegevens (met Google maps Widget met locatie)

7. Je mag zelf nog extra (sub)pagina's toevoegen (voor extra scorepunten)

Bijvoorbeeld een pagina Plattegrond met daarop de plattegrond (uit taak 3) als je die gemaakt hebt.

Let op:

- De afbeeldingen die je op de website plaatst mag je zelf zoeken
- In het navigatie-menu staat altijd een HOME knop om terug te gaan naar de welkomstpagina
- Alle hoofdpagina's moeten via het navigatie-menu bereikbaar zijn
- De SUB-pagina's moeten via een uitklapmenu bereikbaar zijn onder de link van de hoofdpagina in het navigatie-menu

Tip: Ga op zoek naar soortgelijke festival pagina's om te bekijken welke pagina's zij hebben opgenomen in hun website.

Aan de hand van deze voorwaarden en eisen gaan jullie beginnen met het maken van een ontwerpschets.

Wij maken de schets op papier.

Check deze video met tips over het maken van een schets voor een website.

###

### Stap 3

Nu je ongeveer weet hoe de website er uit moet komen te zien, gaan we een begroting opstellen. Je moet de opdrachtgever namelijk ook kunnen laten weten wat de website ongeveer gaat kosten.

Maak opdracht 24 t/m 33 van praktijkkaart A1 in Dubbelklik.

### Stap 4

Nu is het tijd om de website te gaan maken. Wij gaan dat doen met Wix.

Ga met behulp van je ontwerpschetsen en onderstaande instructievideo's aan de slag.

Ben je klaar dan lever je de gepubliceerde URL (link) en een foto van de ontwerpschetsen in via Magister-ELO-Opdrachten.

## Video 1: Aanmelden met Wix

## Video 2: Wix pagina's en menu's maken

## Video 3: Pagina's vullen met items, teksten en Widgets

## Video 4: De website publiceren

##

## Ben je klaar?

Controleer dan even onderstaande checklist of je alle onderdelen hebt verwerkt in de webpagina en lever de link (deze begint met https://) èn een foto van de ontwerpschetsen in via Magister-Opdrachten.