Hoofdstuk 6 · Les 6.5

Aan de slag: maak je eigen website

Pak je eigen materiaal of idee. Laat AI een eerste website maken, open die en probeer wat je ermee kunt.

1

Kies iets voor jezelf.

Een oefensite voor je tentamen, je project als website of een eigen idee: begin met iets dat jij wilt gebruiken.

Pak een samenvatting, een hoofdstuk of je aantekeningen. Kies een klein onderwerp waarmee je wilt oefenen of dat je beter wilt begrijpen.

Eigen wensen en stijl toevoegenoptioneel
Een logo of ontwerpvoorbeeld meegeven

Vink aan wat je in je eigen chatbot toevoegt. De prompt neemt die bijlage dan mee.

2

Open je chatbot. Laat bouwen.

Upload je bestand in je chatbot en kopieer de prompt. Pas de bestandsnaam Studiemateriaal.pdf aan als die bij jou anders heet.

Open ChatGPT (opent in een nieuw tabblad)
Jouw startprompt
Voeg toe in je chatbot: Studiemateriaal.pdf.
Bekijk de volledige prompt
Doel

Maak een kleine, interactieve website waarmee ik de inhoud van mijn bijlage kan leren. Laat de uitleg en de interactie passen bij wat ik moet kennen of kunnen; kies niet automatisch voor flashcards of een quiz.

Context en voorwaarden

Begin klein: één onderwerp of projectonderdeel en één centrale interactie. Gebruik leesbare tekst, duidelijke knoppen en een indeling die ook op een telefoon werkt. Maak een zelfstandig HTML-bestand met de vormgeving en interactie erin; voor deze eerste versie zijn geen account, database of externe diensten nodig.

Bronnen

Gebruik Studiemateriaal.pdf als inhoudelijke bron. Baseer uitleg, voorbeelden en eventuele oefenvragen op die leerstof. Maak duidelijk wanneer je een eigen voorbeeld toevoegt. Vraag om toelichting als de stof of het bedoelde niveau niet duidelijk is. Ontbreekt de bijlage of kun je die niet lezen? Vraag dan eerst om het bestand en wacht daarop. Gebruik ik een andere bestandsnaam, laat mij dan aangeven welk bestand je moet gebruiken.

Werkwijze

Bekijk eerst mijn materiaal en mijn bedoeling. Ontbreekt belangrijke informatie over het onderwerp, de bezoeker of de gewenste functie? Stel dan maximaal twee gerichte vragen en wacht op mijn antwoord. Is het duidelijk genoeg, maak dan de eerste werkende versie. Toon die in een preview als dat kan en lever de complete website als index.html om te bewaren en in mijn browser te openen. Lukt een download niet in deze omgeving, geef dan de volledige HTML en leg kort uit hoe ik die als index.html opsla. Vertel welke functie ik als eerste kan uitproberen. Voer nog geen publieke publicatie uit.

3

Open je website en klik rond.

Vraag om het bestand index.html, download het en open het in je browser. Of probeer de preview die je chatbot laat zien.

Probeer de hoofdknop. Doet die wat je wilde?Vraag één aanpassing. Vertel wat anders moet en wat goed is.Bewaar de nieuwe versie. Open die en probeer opnieuw.
Ik krijg alleen code. Hoe open ik de website?

Vraag eerst: Geef de volledige website als één downloadbaar index.html-bestand, met de vormgeving en interactie erin.

Lukt downloaden niet? Op een computer kun je het bestand ook zelf opslaan:

  1. Kopieer de volledige HTML-code naar een gewone teksteditor, zoals Kladblok.
  2. Sla op als index.html. Kies in Kladblok Alle bestanden en codering UTF-8, zodat de naam niet eindigt op .html.txt.
  3. Open het opgeslagen bestand met je browser.

Werk je op een telefoon? Gebruik de preview als je chatbot die aanbiedt, of open het gedownloade bestand later op je computer.

Van jouw idee naar een eerste versie
Jouw vertrekpuntVoorbeeldanimatie. Je bouwt je eigen site in je chatbot.
Vraag of ervaring delen

Vragen en ervaringen

Praat verder over deze les

Stel een vraag, deel je ervaring of help een andere student op weg.

Bijdragen laden…