Hier is het allemaal bij begonnen. Een website gemaakt in de CMS (Content Management System) Drupal.
Heuvel Folies is een bedrijf dat zich specialiseert in land- en tuinbouwfolies.
Het gebruikte design voor deze website is Pixture Reloaded, welke ik niet zelf gemaakt heb. De bedoeling was een simpele website met wat productinformatie en foto's op. Uiteindelijk kwam hier nog een contactformulier, nieuwssysteem, zoeksysteem, en een mouse-over slideshow voor op de shomepage bij.
Door het maken van deze website heb ik heel wat bijgeleerd over HTML, CSS en PHP.

Mijn moeder en haar vriendin hadden al een aantal jaar een website samen, over hun gezamenlijke hobby, namelijk dansen.
Ze noemden zichzelf The Dancing Ladies, en startten een websiteje op waar ze wedstrijduitslagen en foto's op konden delen met de rest van de wereld.
Deze website maakte mijn moeder zelf in het programma Frontpage 2003. Dit programma is... niet echt goed. De website werd gemaakt op haar laptop, en daar werkte deze goed. Maar wanneer deze website bekeken werd op andere schermresoluties, stonden tekst en afbeelding door en over elkaar. Even terug, nadat de website van Heuvel Folies klaar was, deed mijn moeder het voorstel om de Dancing Ladies website ook opnieuw te maken in de CMS Drupal, om wat beter met deze CMS te leren werken.
Alleen stonden we voor één probleem. Zij hebben een bepaalde roos die zij als logo gebruiken. Dus ik ging op zoek naar Drupal templates met rozen in, of iets waar ik gemakkelijk deze roos in kon verwerken. Zonder resultaat. Het gevolg was dat ik uiteindelijk zelf een design heb gemaakt. Dit deed ik in Photoshop. Ik maakte een simpel design, slicete het, en liet Photoshop daar een HTML pagina van genereren. De volgende stap was om te gaan zoeken hoe ik van de door Photoshop gegenereerde HTML pagina een pagina met inhoud kon maken. Want al wat Photoshop me had gegeven was een tabel met elke keer een stuk afbeelding daar in. Uiteindelijk vervangde ik gewoon de afbeeldingstags op de plaatsen wara tekst moest komen door div-tags met als achtergrondafbeelding de afbeelding die eerst door de afbeeldingstags daar geplaats was. Toen dat klaar was ging ik zoeken hoe ik dit design kon laten werken in Drupal. Klaar, en het resultaat is er. Het probleem met dit design is dat het altijd op een vaste grootte staat. Het kan zich niet aanpassen aan de grootte van het scherm van de bezoeker van de wbesite, omdat het design uit afbeeldingen bestaat die op hun plaats gehouden worden door een tabel.
Ik heb ondertussen geleerd dat tabellen een verouderde methode zijn, eveneens gebruik ik ook niet langer Photoshop voor het maken van designs.
Uit dit project leerde ik meer over hoe een CMS werkt, en heb ik vooral heel wat nieuwe CSS eigenschappen geleerd. Maar het nuttigste dat ik van dit project heb bijgeleerd is hoe moeilijk het is om een website er in elke webbrowser hetzelfde uit te laten zien, hoewel dat probleem bij deze website nogal meeviel aangezien het groote gedeelte afbeeldingen waren. Bij deze website ben ik overigens plezier beginnen krijgen in het maken van webdesigns. Ik heb vroeger altijd computerprogramma'tjes gemaakt. En hoewel je daar een redelijke vrijgheid hebt in layout, kan je nog niet echt volledig je gang gaan met je creativiteit. Bij een webdesign kan dit wel.

Chrissy's Line Dancers is een dansclub voor jong en oud. Zij doen aan zowel country als non-country line dance. Zij hadden een website, deze was in jaren al niet meer aangepast. Deze was gemaakt op een vaste breedte, en niet gecentreerd. Het gevolg was dat op grotere beeldschermen, deze website tegen de linkerkant van het scherm vastplakte. Mijn moeder zit in het bestuur van Chrissy's Line Dancers en deed het voorstel dat ik ook deze website opnieuw zou maken. Ik zette een standaard Drupal installatie op, gebruikte deze keer de standaard template van Drupal 6 (Garland), en paste de kleuren aan naar hun wensen. Net als bij Heuvel Folies en The Dancing Ladies gebruikte ik hier een CMS, zodat indien nodig, zijzelf hun website nog makkelijk kunnen aanpassen, zonder elke keer verplicht te zijn om een beroep te moeten doen op mij.
Bij het maken van deze website heb ik relatief weinig bijgeleerd.
Update: Ondertussen is deze website opnieuw gemaakt in mijn eigen CMS (µCMS). Ik heb van de gelegenheid ook maar gebruik gemaakt om een nieuw design te maken, omdat vooraf het standaarddesign van Drupal 6 gebruikt werdt (met aangepaste kleuren).

Mijn eigen persoonlijke website. Deze zal ik voornamelijk gaan gebruiken om nieuwe designs en scripts op te testen. Ik kan natuurlijk een webserver op mijn eigen computer draaien, maar dat vergt systeembronnen en bepaalde risico's. Dus heb ik een domeinnaam en webhosting geregistreerd.
Ook ga ik deze website waarschijnlijk gebruiken als voorbeeld voor andere mensen die mij eventueel vragen om een website voor hun te maken. Ik zit nog wat te knoeien om het design werkende te krijgen op Internet Explorer 8 en ouder, maar op termijn zal dit helemaal in orde komen. Ook moet ik nog wat nuttige inhoud gaan maken om hier op te zetten, want zoals u wel kan zien is de site voorlopig nog een beetje leeg op het gebied van inhoud.
Wat ik voorlopig al bijgeleerd heb bij het maken van deze website is hoe je effecten toevoegt aan een website met jQuery, wat nu juist het verschil is tussen relatieve en absolute positionering met CSS, en hoe de PHP functies include en get kunnen samenwerken.
Deze website maakt overigens geen gebruik van een CMS. Ook ben ik niet van plan voor eventuele verdere websites nog een CMS te gebruiken, aangezien ik nu genoeg webdesignkennis heb opgedaan om hetzelfde resultaat zonder een CMS te kunnen bekomen. Een CMS heeft nu enkel nog nut als het de bedoeling is dat verschillende mensen de website makkelijk moeten kunnen aanpassen, of als er bijvoorbeeld een ingebouwd reactie- of nieuwssysteem aanwezig moet zijn.

De website van V-stal heb ik gemaakt tijdens mij vakantiewerk op het bedrijf Heuvel-Folie-Serres. Deze website is, zoals mijn bedoeling was, volledig gemaakt zonder de hulp van een CMS. Bij het maken van deze website heb ik enorm veel jQuery, Javascript en vooral PHP-kennis opgedaan. Zo heb ik, in plaats van pagina's allemaal appart te maken, een fotogallerijscript gemaakt (in PHP, Javascript en jQuery) die de pagina's voor mij genereerd. Dit script haalt de foto's uit een gespecifieerde map op de webhostingruimte, en maakt een fotopagina met deze foto's. Ook heb ik voor deze site een (klein) log- en beveiligingssysteem gemaakt. Deze site is in meerdere talen te bekijken, dit heb ik ook door middel van PHP gedaan in plaats van voor elke taal de pagina's te kopiëren en aanpassen. Mijn doel bij het maken van deze website was alles zo efficiënt mogelijk laten gebeuren, en zoveel mogelijk te automatiseren, zodat grote aanpassingen later snel en makkelijk gedaan kunnen worden. De foto's die op de website getoond worden hebben een watermerk dat ook eer via een PHP-script op de foto geplakt wordt.

Deze website heb ik eveneens gemaakt tijdens mijn vakantiewerk bij Heuvel-Folie-Serres. Deze website heb ik tussendoor gemaakt voor één van de bazen, die in het bestuur van deze supportersclub zit. Voor deze website heb ik weer de CMS Drupal gebruikt omdat het de bedoeling was dat bepaalde mensen van de supportersclub zelf nieuws en foto's op de site konden plaatsen, en waar nodig pagina's aanpassen. De Man van de match-stemming is een handige Drupal-uitbreiding genaamd Advanced Poll (hoewel ik de puntenverdeling lichtjes heb aangepast). Voor sommige pagina's is PHP gebruikt om de inhoud van deze pagina's dynamisch aan te passen wanneer nodig, zonder interactie van één van de bestuursleden.