Proeve van Bekwaamheid

Examenperiode

In de examenperiode P11 werk je aan je eindopdracht, de Proeve van Bekwaamheid. Je examen-site staat op AMSnoord.nl/jenaam-examen. Log in met /admin erachter.


Zie ook alle WordPress opdrachten, want het examen is een herhaling daarvan. Gebruik als thema bij voorkeur “Vantage“: die werkt het best met de SiteOrigin Page Builder.

Zet een wachtwoord voor toegang aan, via de plugin, zodat je site niet toegankelijk is voor derden.

11.1 Gallery & AI

Je Fotografie-opdracht zet je uiteindelijk ook als gallery in je website. Maak nu alvast een proef-gallery, met minstens 6 plaatjes, gemaakt met minstens 3 verschillende AI’s.
  • Maak toepasselijk beeld voor Amsterdam 750 jaar, zet dat in een klikbare gallery
  • Met tekst in de popups: in Bijschrift je prompt en welke AI, en bij Beschrijving je copyright
  • Zet deze pagina ook in het menu

De AI image generators zijn bijvoorbeeld: Firefly, ChatGPT, DeepSeek, Canva, Dall-E, Midjourney, Stable Diffusion, Artvy, Copilot, Grok.

11.2 SEO

  1. Schrijf een tekst met AI over jouw onderwerp (zoals je presentatie) in 400 woorden.
  2. Maak er ook een plaatje bij met AI.
  3. Onderzoek op Google Trends drie termen (of strings) als beste voor jouw tekst, over de afgelopen VIJF JAAR in NL, en maak daar een screenshot van.
  4. Voer de tekst en de plaatjes in als Bericht op je WordPress site. Zorg dat de tekst er goed uitziet, met tussenkoppen, een doorleesknop en een uitgelichte afbeelding.
  5. Zet in de Yoast SEO plugin alle bolletjes op groen. Ook de Leesbaarheid.
Lever de link naar de voorkant van je bericht in op Teams.

 

11.3 Huisstijl analyse

Maak een analyse van de huisstijl van AT5 en een analyse van een bericht/artikel en schrijf daar een pagina over op je website.
  • Het logo / vignet: hoe ziet dat er uit, hoe gebruiken ze dat?
  • Wat zijn de lettertypes? (Website > Rechtsklik > Inspecteer Element > Font family)
  • Hoe gebruiken ze die lettertypes: groot, klein, HOOFDLETTERS, kleur?
  • Wat zijn de huisstijl-kleuren? Open het logo in Photoshop en noteer de kleurcodes, of via de browser > Inspecteer
  • Wat is de ondertekst bij het logo (de pay off, of slogan)?
  • Wat is de Tone-of-Voice van de teksten? “U” of “jij”, voor welk publiek, wat is de schrijfstijl?
  • ARTIKEL-ANALYSE: Hoe ziet een artikel eruit? Intro? Citaten? Streamers? Tussenkopjes? Ondertitel? Links? Koptekst? Lengte alinea’s? Tekst-stijl? Vertel en laat het ook zien met plaatjes.
    KOP en BODY: font-family + font-size + lineheight oftewel noteer het Lettertype, de font-grootte en de interlinie
Allemaal beschreven in een Bericht of Pagina op je website, met teksten, plaatjes en voorbeelden, en een knop er naar toe in het menu.
Zet er vooral ook screenshots bij van de website op mobiel. En eventueel van dark mode / light mode.

Favicon

  1. Maak een Favicon voor jouw website (500×500 pixels PNG)
  2. Zet de favicon aan in je website (meestal Customizer > Site-identiteit > Site pictogram). Zie les 3 op https://rocweb.nl/opdrachten/
  3. Voeg je website toe aan je homescreen op je telefoon. Maak daar een screenshot van, en zet die ook in je Huisstijl analyse (de pagina op je wesbite)

11.4 Widgets en Vantage Pagebuilder

Bekijk Widgets, de nieuwe SiteOrigin Widget Bundel en de nieuwe SiteOrigin Pagebuilder in het thema Vantage. Zoek zelf uit hoe het allemaal werkt (het is weer anders dan voorheen!).

Vergelijk jouw website met de originele website van AT5. Welke elementen kan je nog toevoegen, op de homepage? Hoe kan je dat stylen zodat het op AT5 lijkt? Wat zou je kunnen verbeteren? Welke dingen zou jij nog toevoegen?

Je mag allerlei nep-inhoud gebruiken, als het er maar goed en gevuld uit gaat zien. Uiteindelijk moeten je eigen items ook allemaal op deze homepage komen.

Voeg dus elementen toe op de homepage, met plugins of widgets, of met plaatjes en inhoud via de nieuwe SiteOrigin pagebuilder. Als het maar een gevulde homepage wordt.

11.5 Menu + multipage inline PDF

Maak een menu met alle knoppen van de Proeve. Dus alle items die je moet maken alvast in lege pagina’s.
Gebruik ook submenu’s. Zoek uit hoe dat nu allemaal werkt in jouw thema.
Maak ook Custom Links in je menu. Naar pdf’s bijvoorbeeld.
Maak ook een Multipage inline PDF in een pagina.
Zie de info bij les 3 op https://rocweb.nl/opdrachten/

11.6 Drie PDF’s omzetten naar artikel + CSS

  • Zet 3 van je PDF artikelen om in WordPress Berichten (of Pagina’s).
  • Gebruik de huisstijl van je medium, dus met de Custom CSS uit Les 2.
  • Update het menu zodat je nu naar de pagina’s gaat en niet naar de PDF’s.
  • Laat het aan de webdocent zien: vraag en verwerk de feedback

11.7 Custom CSS

En zie ook Les 6 CSS op https://rocweb.nl/opdrachten/
Lees weer door hoe je Custom CSS maakt, en maak zo een paar aanpassingen op je website, en gebruik daarvoor je huisstijl analyse van 11.2

 

11.8 Feedback

Vraag feedback aan de webdocent over je website als die bijna klaar is. Verwerk de feedback.