Ik heb deze site opgebouwd van 'scratch': met een minimum aan bestaande elementen heb ik hem stap voor stap ineengestoken. Het was daarbij niet de bedoeling het warm water terug uit te vinden, maar gewoon om een site te ontwerpen die 100% op maat is.
Hopelijk vind je dit een sobere en duidelijke site; dat is althans de bedoeling. Sommige stukjes van de layout heb ik gemaakt in het beeldbewerkingsprogramma Adobe Photoshop. Het landkaartje (zie persoonlijke info) heb ik met Adobe Illustrator gemaakt. Om te weten te komen met welk materiaal de foto's uit het album werden gemaakt kan je
hier klikken.
Geen enkele foto uit mijn album is echt bewerkt, tenzij anders vermeld. Ze zijn hoogstens een beetje verscherpt (USM, Unsharp Mask), verzacht, gecropt, of er zijn wat niveau's of contrasten in aangepast.
De foto's hebben in de rechteronderhoek labeltjes met mijn naam erop. Ze worden daar automatisch geplaatst dankzij een 'action' in Photoshop. Deze werkwijze, die echt wel snel en doeltreffend is, wordt beschreven in
een tutorial op de website van Wildlife Photo.
Voor het opstellen van mijn
fotoalbum heb ik gebruik gemaakt van de programmeertaal PHP. PHP staat voor "Hypertext PreProcessor", en is een "server-side scripting taal". Als iemand de website bezoekt, vinden de volgende stappen plaats:
- een gebruiker typt het adres van een PHP-pagina in.
- de webserver ontvangt een aanvraag van de browser om de pagina te interpreteren.
- de server doorloopt de PHP-code en genereert vervolgens een HTML-pagina. Naargelang de situatie wordt de code anders uitgevoerd en zal het resultaat (in HTML) anders zijn.
- de browser ontvangt de HTML-pagina van de server, en toont ze aan de gebruiker.
Het wordt dus mogelijk om een "dynamische" website te maken. Pagina's kunnen veranderen en rekening houden met bepaalde gegevens.
Zo wordt op de startpagina van deze website "goedemorgen" gewenst als het ochtend is.
Vooral in mijn album bewijst PHP zijn nut: hoewel ik slechts 1 PHP-bestand heb moeten maken (album.php), zie je dat mijn album ogenschijnlijk uit veel meer pagina's bestaat.
Een voorbeeld van zo'n pagina is:
In PHP kunnen variabelen worden meegegeven in het adres. Dat is extra informatie die je terugvindt na het ?-teken. Je kan variabelen noemen zoals je wil.
Zo heb ik bijvoorbeeld een variabele "pid" gemaakt. De eerste "0" van pid 0023 betekent dat een Nederlandstalige pagina moet geladen worden zonder details. De volgende "0" betekent dat een kleine foto getoond moet worden. "23" is vervolgens het unieke nummer van de foto die getoond zal worden.
Zonder dynamische pagina's zou voor elke combinatie een aparte pagina moeten gemaakt worden: kleine foto zonder detailweergave, medium foto zonder detailweergave, grote foto zonder detailweergave, kleine foto met detailweergave,...
MySQL
In mijn fotoalbum maak ik gebruik van een MySQL-database. De combinatie PHP-MySQL wordt erg vaak gebruikt. De server voert een PHP-pagina uit, en komt bijvoorbeeld tot de conclusie dat foto nummer 23 moet worden weergegeven in medium formaat mét details (naar analogie met bovenstaand voorbeeld). In de database wordt dan opgezocht waar foto 23 te vinden is, en welke details er beschikbaar zijn. Het extra tabelletje dat getoond wordt kan zo worden ingevuld.
Testen site
Alvorens de website online te plaatsen, heb ik hem een tijdje op mijn eigen pc laten draaien. Omdat ik ook gebruik wilde maken van PHP, dat op een server wordt uitgevoerd, moest ik een webserver installeren. Vroeger, onder Windows 2000, gebruikte ik IIS (Internet Information Services). Aangezien Windows XP Home geen IIS bevat, installeerde ik een gratis Apache-webserver. Vervolgens installeerde ik MySQL. Het resultaat was dat ik (zelfs zonder enige netwerkverbinding) in mijn browser mijn website exact zag zoals hij op Internet zou verschijnen.
