Zo. Vanmorgen begonnen met de nieuwe layout op onze oude website te smeren.

De inhoud van de pagina’s komt uit eenvoudige html-files zonder stijlinformatie erop, wat al meteen enorm veel scheelt qua werk, de navigatie zit in een database (al kan de structuur daarvan nog wat aangepast worden), en de opmaak van de pagina’s wordt in een reeks include-files rond de inhoud gezet.

Eerste stap: de huidige website deconstrueren.

’t Is te zeggen, de verschillende elementen van de pagina elk in hun eigen <div> steken, alle overtollige code weghalen, alle styles en niet-essentiële scripting weg—de stie in zijn blootje zeten, met andere woorden.

Resultaat, met koleurkens voor de duidelijkheid:

Volgende stap: de navigatie bekijken. De nieuwe site heeft wat minder links dan de oude, vooral vanboven dan. Op middelkorte termijn moeten we zien wat we daarmee kunnen doen, maar het eerste wordt denk ik een aanpassing in de database.

Een eenvoudig boomstructuurtje maken, genre

CREATE TABLE tblNavigation (
    id int NOT NULL ,
    parent_id int NULL ,
    place int NOT NULL ,
    nameEN varchar (255) NOT NULL ,
    nameFR varchar (255) NOT NULL ,
    page varchar (255) NOT NULL 
) 

Waarbij naiefgewijs nameEN en nameFR de tekst (EN/FR) voor in de navigatie bevat, page de verwijzing naar de te includen pagina (uit een andere tabel), en aan de hand van parent_id en place een boompje kan opgebouwd worden.

Ik vermoed dat ik wel wat speciale dingen zal tegenkomen in het maken, maar dat zien we dan wel. Dit is quick & dirty op zijn best 🙂

[hm, pagina’s die niet in de navigatie mogen verschijnen bijvoorbeeld]
[of menu-items met een link naar extern—alhoewel, mits een regex zijn die er wel uit te wurmen]
[of dat ik er uiteindelijk wel een gedenormaliseerde tabel voor de rapte van zou maken]
[of dat ik het niet zie zitten om àlle code te herschrijven, dus dat er een gedenormaliseerder zoals-het-vroeger-was versie van zal moeten gemaakt worden, on demand]

Heh. Ik voel me tien jaar jonger, dit lijkt wel 1995.