Volg onderstaand stappenplan:

1. Maak een aparte map aan (liefst in de map die je gebruikt voor de Python oefeningen).

2. Voeg twee bestanden toe aan die map (zie 3.3.1 Bestand aanmaken (.py, .html, .css, .sql …)) - gebruik geen hoofdletters:
   • index.html
   • aankoopformulier.html
3. Maak in het bestand index.html de basis-structuur voor een webpagina, kopiëer bijvoorbeeld je oplossing voor HTML-template.

Bekijk je website lokaal

Om het resultaat van deze code te zien gebruik je Alt + B of rechtsklikken in het html-bestand en kies Open in Default Browser. (Dit werkt enkel indien het UGent-profiel actief is en Open in Browser (developer: TechER) geïnstalleerd is).

Bekijk de aanpassingen lokaal

Doe je later aanpassingen aan de html-code, dan kan je de webpagina updaten met F5

• Ook met de knop kan je de pagina herladen.

Opmerking: Voor de volledigheid geven we nog twee andere methodes om een HTML-bestand, dat lokaal op je computer staat, in een browser te openen:

• Navigeer in een verkenner (Windows Verkenner/File Explorer, Mac Finder) naar de map van de website, en klik daar op het HTML-bestand. Dit opent automatisch in een browser (hopelijk Chrome) en anders kies je in het contextmenu (te vinden met rechtermuisknop op het HTMLbestand) voor openen met Chrome.
• Tik in de adresbalk van Chrome het adres van de map met de website in. Ken je die niet vanbuiten, start dan met de naam van de harde schijf (bijvoorbeeld C: ) en navigeer in de aangeboden lijst van mappen en bestanden.