Een nieuwe pagina in vijf stappen
- Kopieer pagina-sjabloon.html in dezelfde hoofdmap en geef het bestand een duidelijke naam.
- Vul de paginatitel, beschrijving, introductie en leerjaar/vak/periode in de herkenbare HTML-gebieden in.
- Vervang de voorbeeldinhoud tussen NOVABK:INHOUD START en NOVABK:INHOUD EINDE. Gebruik de inhoudsblokken als voorbeelden.
- Voeg één pagina-item toe aan site-data.js. Het vakkenmenu en de gerelateerde pagina’s volgen automatisch.
- Werk de zoekindex bij met de onderhoudshulp, bekijk het resultaat en upload de gewijzigde pagina’s, index en bestanden.
Met AI werken
Geef AI de handleiding _beheer/AI-INSTRUCTIES.md, het paginasjabloon, site-data.js en jouw lesmateriaal. Geef voor een aanpassing ook de bestaande lespagina mee.
Voorbeeldopdracht
Maak een NovaBK-les over ventilatie voor Algemene Bouwkunde L2, leerjaar 2, periode 2/3. Volg de AI-instructies en het paginasjabloon. Gebruik uitsluitend mijn bijgevoegde inhoud, behoud de bestaande styling en voeg de pagina toe aan het centrale vakkenoverzicht. Werk de zoekindex bij en controleer alle links.
Een tekstaanpassing vraagt alleen om het lesbestand. Verander de gedeelde styling en JavaScript uitsluitend als je bewust de hele website wilt aanpassen.
Werken in Dreamweaver of een andere editor
Stel NovaBK_nieuw in als de hoofdmap van de website. Open het HTML-bestand van de les en bewerk de inhoud. Dit zijn gewone HTML-pagina’s; Dreamweaver is niet verplicht. Er is geen CMS of database nodig.
De inhoudsopgave rechts wordt automatisch gemaakt uit de eerste kop in ieder section class="vak". Geef elk lesblok een duidelijke h3-kop. Voor oefenvragen gebruikt de website native uitklapbare antwoorden en meerkeuzevragen.
Zoeken, zoekindex en controles
De zoekbalk zoekt standaard binnen de geopende pagina. Alleen passende tekstblokken blijven zichtbaar, met gemarkeerde woorden. Wis de zoekopdracht om de volledige pagina terug te zien. Kies Hele website om andere lessen te vinden; op de gekozen resultaatpagina wordt het zoekwoord direct gemarkeerd.
Het menu wordt direct opgebouwd uit site-data.js. De volledige zoekinhoud staat apart in zoekindex.js. Na inhoudsaanpassingen voer je vanuit deze hoofdmap het volgende uit als Python beschikbaar is:
python _beheer/onderhoud.py
Dit maakt de zoekindex opnieuw en controleert lokale links, afbeeldingen, dubbele HTML-id’s en ontbrekende pagina’s. De website zelf heeft Python niet nodig. AI kan deze onderhoudsstap uitvoeren, of het zoekindexbestand bijwerken als er geen Python beschikbaar is.
Samenwerken en publiceren
Laat collega’s aan afzonderlijke lesbestanden werken. Spreek af wie wijzigingen samenvoegt en uploadt, zodat twee versies van één bestand elkaar niet overschrijven. Bewaar voor publicatie een reservekopie.
Upload de inhoud van deze map naar de website-root van je hosting. Bewaar de structuur en hoofdlettergebruik. Alle lespagina’s verwijzen naar bestanden binnen deze nieuwe map.
Lees _beheer/migratieverslag.md voor de bronkeuze en _beheer/inhoud-controleren.md voor nog openstaande inhoudspunten. De mappen Oceanus en oordeel zijn niet opgenomen.
Aanvullend bestaand bronmateriaal
Deze losse Word-documenten stonden in de oude hoofdmap. Ze zijn meegenomen zodat je ze kunt gebruiken bij het aanvullen of controleren van lessen.
De uitgelichte periode op de startpagina
De startpagina licht automatisch de vakken van de verwachte periode uit. Het leerjaarfilter links werkt ook voor dat overzicht. De knoppen Nu en Periode 1–4 laten je vooruit- of terugkijken.
De globale grenzen staan in periodeplanning.js, gebaseerd op de jaarplanning 2026–2027. Voor volgende schooljaren schuiven de richtdatums naar de dichtstbijzijnde maandag. De indeling is bewust ongeveer: je lesrooster blijft leidend.
Een datum aanpassen: verander maand, dag of het aantal introductieweken in dat bestand. Een vak aan een periode koppelen: wijzig het veld periods van de pagina in site-data.js. Periode 2/3 verschijnt zowel bij periode 2 als periode 3. Workshops zonder periodenummer blijven bij Alle onderwerpen staan.