Een statische website, vaak html, bestaat uit onveranderlijke webpagina's. Elke bezoeker die zo'n pagina opvraagt krijgt exact dezelfde inhoud te zien; die inhoud zal ook niet zonder tussenkomst van de maker veranderen.

Een dynamische website, bijvoorbeeld een php-website, verandert steeds wanneer een bezoeker een pagina opvraagt. Sterker nog, de pagina wordt op het moment van het bezoek zelfs pas gemaakt. Software op de server (server-side software) stelt de webpagina samen uit verschillende onderdelen, afhankelijk van de omstandigheden. De samengestelde pagina wordt vervolgens naar de browser van de bezoeker gestuurd. De losse delen waaruit een dynamische webpagina wordt samengesteld (tekst, zoekresultaten, banners) bevinden zich vaak in één of meerdere databases. Vandaar dat dynamische websites ook wel database-gestuurde websites worden genoemd.

Nu is het maken van zo'n dynamische website niet zo makkelijk als het maken van een statische html-website, waardoor het veel mensen ervan weerhoudt om eraan te beginnen. Ben jij zo iemand, maar wil je wel graag dat je website er af en toe eens wat anders uitziet? Ik zal je wat voorbeelden geven van dynamische inhoud die wel mogelijk is zonder dat je meteen in het diepe springt van een database-gestuurde php-website.

Alle voorbeelden die ik ga noemen moet je plaatsen tussen de < body> < /body> tags van je pagina.

Als je overdag een ander plaatje wilt laten zien dan in de avond, zet dan het volgende stukje script op de gewenste plaats. En upload in dezelfde map als de pagina staat 2 plaatjes die je dag.jpg en nacht.jpg noemt.

 <script>
var current= new Date()
var day_night=current.getHours()
if (day_night<=12)
document.write("<img src='dag.jpg'>")
else
document.write("<img src='nacht.jpg'>")
//-->
</script>

* Klik hier voor meer uitleg over hoe je deze code op je website kunt plaatsen

Als je iedere dag een ander gezegde of uitspraak wilt laten zien, zet dan het volgende stukje script op de gewenste plaats. Vervang enkel de tekst die tussen de "" staat door je eigen tekst. Bijvoorbeeld:

<script
language="JavaScript">
var date = new Date().getDate();
var quote = new Array();
quote[1] = "Quote no: 1";
quote[2] = "Quote no: 2";
quote[3] = "Quote no: 3";

en zo ga je door tot aan:
quote[31] = "Quote no: 31";
</script>
<b>Gezegde van de dag:</b><br>
<script language="JavaScript">
<!--
document.write(quote[date]);
//-->
</script>

De regel 'en zo ga je door tot aan:' moet je uiteraard nog even vervangen door de overige dagen van de maand. Dat doe je door bijvoorbeeld ' quote[3] = "Quote no: 3";' te kopiëren, onder die regel te plakken en er ' quote[4] = "Quote no: 4";' van te maken. Dat blijf je herhalen tot je een lijst hebt die van 1 tot en met 31 loopt.

In het bovenstaande voorbeeld is het ook mogelijk om iedere dag een ander plaatje te laten zien, dit kun je doen door in plaats van tekst het volgende tussen de " te zetten, waarbij je 01 vervangt door de dag van de maand.

<img src='01.jpg'>

Ook zijn er websites die gratis diensten aanbieden om je website wat dynamischer te maken; een voorbeeld hiervan is het KNMI. Zij bieden een plaatje voor op je website aan met daarin de weersverwachting van Nederland.

Om dit op je website te laten zien plak je onderstaande code op de gewenste plaats tussen je
< body>< /body> tags:

<a
href="http://www.knmi.nl/">
<img src="http://www.knmi.nl/waarschuwingen_en_verwachtingen/
images/knmi_web_weersverwachting.png" alt="weersverwachting"
title="weersverwachting" border="0"
width="220"></a>

 Veel succes met het dynamischer maken van je website!