**1. Bureau-opdracht 1:

Scouting website**

Bouw de website voor deze scouting-club op basis van het bestaande ontwerp.

• Prototype-website: https://u230074.gluwebsite.nl/demoscouting/index.html
• Ontwerp-bestanden:

Contact & inschrijf formulier 1 1.pdf

Jongen 1 2.pdf

Meisje 1 2.pdf

Prototype website scouting.url

SVG.zip

Voorstel Homepage 5 2.pdf

Voorstel Smoelenboek 5 2.pdf

algemeneinformatie_scouting 1 2.pdf

2. Bureau-opdracht 2:

Xango Music

Bouw de website voor deze muziekwinkel. Het ontwerp is verouderd en mag naar eigen inzicht wat aangepast worden en moet ook met moderne technieken gemaakt worden (CSS-flexbox of grid, responsiveness, etc)

Huidige website: https://xangomusic.com/

3. Hobby Website

Bouw een hobby-website waarin je iets over je hobby laat zien: je vinyl-collectie, je voetbalteam, de nummers die je speelt met je band, je voorraad PC-onderdelen, je stripboeken-collectie, …

5. Alie Geerts

Bouw de website voor deze praktijk voor huidverzorging. De gebruikte Wordpress-template is verouderd en moet geschikt worden voor PHP 8 en met moderne technieken gemaakt worden (CSS-flexbox of grid) en responsive gemaakt worden.

Huidige website: https://www.aliegeerts.nl/

4. De Tafel van Kostelijk

Bouw de website voor dit huiskamer-restaurant. De gebruikte techniek is verouderd en moet met moderne technieken gemaakt worden (CSS-flexbox of grid) en responsive gemaakt worden.

Huidige website: https://detafelvankostelijk.nl/

<aside> 💡

Voor alle projecten gemaakt met Wordpress geldt:

De website moet geavanceerder zijn dan een standaard installatie van het CMS en wat plugins en gemaakt met drag en drop opmaak. Het moet je technische kennis laten zien.

• Theme aanpassen of zelf ontwerpen:

  • Theme zelf maken: Bouw je eigen custom templates vanaf de grond op.
  • Headless CMS (optioneel): Gebruik Wordpress als backend en verbind je website via een API met een ander frontend-framework (bijvoorbeeld Vue.js of React) voor meer dynamische interacties.

• Geen Elementor of een andere visuele editor

  • Gebruik geen Elementor of andere visuele page builders voor dit project. Laat zien dat je de native CMS-mogelijkheden beheerst.
  • Ingebouwde WYSIWYG-editors of Block-editors mag je wel gebruiken.

• Maak gebruik van Custom Post Types en Custom Fields:

  Gebruik custom post types en custom fields om nieuwe functionaliteiten toe te voegen aan je website en om verschillende soorten content te beheren. Dit kan met de plugins Secure Custom Fields of Advanced Custom Fields (zie Workshops)

</aside>