About Voorschoten '97 Athletics site
About Athletics part of www.Voorschoten97.nl
The Voorschoten '97 site uses OpenCms as its content management system.
The athletics part is based on modern web standards: XHTML 1.1, CSS 2 and javascript (ecmascript).
The main inspiration to follow the web standards comes from the book Designing with Web Standards from Jeffrey Zeldman.
Xhtml
The html-pages of the athletics part are intended to be compliant to XHTML 1.1:
But the doctype and head is adapted to show it as HTML 4.01 Transitional.
The site of Voorschoten '97 is intended to be HTML 4.01 Transitional compliant:
CSS
The stylesheet is
/system/modules/nl.voorschoten97.website/resources/css/atletiek.css .
It shares most included stylesheets with the stylesheet of the main site on /system/modules/nl.voorschoten97.website/resources/css/layout_3col.css .
That css is based on the Yaml-CSS framework.
The stylesheets are css-2.1 compliant: 
javascript
Internet explorer 5 and 6 are not css-2 compliant. To correct that, the pages use a conditional link to IE7 javascripts from Dean Edwards.
There is a custom built javascript in /system/modules/nl.voorschoten97.website/resources/menu.js.
It supports the following functions:
- Show the current page and submenu's in the menu (based on the current page).
- Link to an external site using rel="external"
The first function makes it possible to use the same menu throughout the athletics part of the site, but shows always where the user is.
All menu choices point with relative links to html files in the main athletics directory.
The second function is copied from the book The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks by James Edwards & Cameron Adams.
tools
The main tool to check for valid content is HTML Validator in Firefox .
Series of photo's are transformed using Irfanview .
Testing is/was done in Internet Explorer 6.0 en Firefox 3.0.
To test the css and the javascript I used mainly Firebug in Firefox.
As it should be, the site also works in Internet Explorer 7, 8 and Chrome.