De pagina structureren

De AI werkt beter als die je onderwerp kent. Vertel in één zin over het product of idee.

Geef het een naam en een kort doel. Hoe concreter je bent, hoe meer het eerste resultaat zal lijken op wat je voor ogen hebt.

De hero is het grote gedeelte bovenaan de pagina. Daarin staan meestal een kop, één korte zin en een knop.

Vraag de AI bij het maken van het geraamte om duidelijke plaatshouders in de hero te zetten, zodat je weet waar de kop en de knop komen.

Als beginner kun je gemakkelijker werken met één bestand dat je in een browser kunt openen. Veel AI-hulpmiddelen verdelen de code standaard over meerdere bestanden.

Vraag daarom duidelijk om één zelfstandig HTML-bestand. Dan hoef je maar één ding te openen en te bekijken.

Vertel de AI welke secties je wilt, zodat het geraamte aansluit bij je plan. Veelgebruikte secties op een landingspagina zijn: hero, functies, getuigenissen en een laatste oproep tot actie.

Je hebt ze nu nog niet allemaal nodig. Door ze vroeg te benoemen, krijgt de pagina een duidelijke vorm.

Lange, ingewikkelde prompts brengen de AI in de war. Korte prompts met één duidelijke vraag werken het best.

Als je veel dingen wilt, vraag er dan één voor één om. Bouw eerst het geraamte en voeg in latere berichten details toe.

Bekijk na het antwoord van de AI wat die heeft gemaakt. Heeft het een koptekst, hero en voettekst? Staan je sectienamen erin?

Je hoeft niet elke coderegel te begrijpen. Controleer alleen of de belangrijkste onderdelen overeenkomen met je verzoek voordat je verdergaat.

Als de AI iets is vergeten, zeg dat dan gewoon duidelijk. Je hoeft niet opnieuw te beginnen.

Wijs het ontbrekende onderdeel aan en vraag erom. De AI behoudt de rest en voegt toe waar je om hebt gevraagd.

In het begin is het prima als de woorden tijdelijk zijn, zoals "Kop komt hier". Deze plaatshouders geven aan waar de echte inhoud komt.

Scaffolding gaat over de structuur, niet over de uiteindelijke tekst. In een latere les vervang je de woorden van de plaatshouders.

Je kunt de AI nu om een overzichtelijk geraamte vragen: een koptekst, hero, enkele benoemde secties en een voettekst, allemaal in één bestand.

Deze schone basis maakt elke volgende stap gemakkelijker. Een rommelig begin leidt tot een rommelige pagina, dus het loont om de basis goed te krijgen.

Je hebt geleerd dat een landingspagina één gerichte pagina is en dat scaffolding eerst het geraamte ervan maakt.

Je hebt geoefend met duidelijke prompts: benoem het product, som de secties op, vraag om één bestand en gebruik plaatshouders. Vervolgens geef je dit geraamte vorm met alleen gewone taal.