Ontstaansgeschiedenis

De eerste website van het Leidsch Schaakgenootschap op www.lsg-leiden.demon.nl is mij al jaren een doorn in het oog. Een functionele prototype. En daar is het toen bij gebleven. In het bestuur van LSG is al enkele keren besproken om een nieuwe website te (laten) ontwikkelen. Maar waar te beginnen? Commissie oprichten voor functionaliteit, uiterlijk, inhoud? Bedrijf inschakelen zonder te kunnen aangeven wat de bedoeling is?

Normaliter begin je met het bekijken van andere websites. Na goed zoeken vind je dan nog lelijker sites, zoals die van het SO Rotterdam of van die merkwaardige club uit Breda of matige sites die met behulp van MS Frontpage x.0 ontwikkeld zijn. Tamelijk veel frisse sites blijken na bestudering van de bron gebruik te maken van Cascaded Style Sheets. En dat gaf de richting aan voor een eerste stap.

Het begint met de beslissing om de gehele opmaak in CSS te doen. Een homepage van 2Kb met logo en links. Enkele pagina's zoals de statuten van LSG om wat CSS trucjes te kunnen proberen. Een gradient achtergrond gebruiken van de website van Chevrolet. Dat soort dingen.

En veel verder ben ik nog niet...

... Ondertussen toch aardig wat verder. Behoorlijk wat pagina's opgezet, geëxperimenteerd met menu's, tabnavigatie, tabellen. Toch vermoed ik dat na keuze van een - andere - huisstijl de gehele zaak weer over de kop moet. Geeft niet, kunnen we gelijk zien hoe flexibel de CSS is. Maar het is eigenlijk nog een grote oefening, spelen in de zandbak van Website Design.

Een website ontwikkelen is als het onderhoud aan een bonsai-boompje.

Kleuren

Het uitzoeken van kleuren is een vak apart. Iets dat ik graag overlaat aan specialisten. Voor de huidige versie is gebruik gemaakt van een monochroom uiterlijk met blauwtinten als navy (tekst), cornflower (menu) en alice blue (achtergrond). Andere suggesties zijn welkom.

En verder...

• Stapsgewijs uitbouwen van de content. Schaakapplets, fotogalerijen, etc.
• Natuurlijk volgens de geldende richtlijnen.
• Ontwikkelen van een huisstijl. Plaatjes, kleurenpalet.
• Testen van de website in de diverse beschikbare browsers. Tot kort voor de Release Candidate 1 van de site werkte ik uitsluitend met Internet Explorer 6.0. De eerste keer dat ik de homepage in Mozilla Firefox zag... was even slikken. Ondertussen zijn de grootste verschillen weggewerkt.
• Controleren op geschiktheid voor lezers met een visuele handicap, zowel wat betreft kleuren als contrasten.
• Etcetera...

Twee maanden later

• Dankzij PGN2JS kunnen partijnotaties in PGN formaat naar HTML pagina's omgezet worden waarop de lezer de partijen kan naspelen.
• Fotogalerijen. Moet ik eerst goede foto's leren maken. Her en der staan al wat kiekjes van eigen hand.
• De stijl van mijn prototype zal voorlopig gehandhaafd blijven. Wel wil ik een specifiek Leids plaatje op de Homepage.
• Veel lof mogen ontvangen op de gekozen kleuren, waarvoor dank.
• Bezig met archieven en recente geschiedenis. Monnikenwerk. Gekkenwerk.

Met behulp van...

• Notepad 5.1
  Ye olde tool. Een tool dat nog zal bestaan als MS Visual Studio 2005 vergeten zal zijn. Wat zegt u, Whidbey?
• Tutorials op www.w3schools.com
  
• Artikelen op Webpage design for developers
• CSS Inspiratie: www.csszengarden.com
  Een prachtig voorbeeld van de kracht van Cascading Style Sheets.
• CSS styling voor tabellen, kalenders en tabnavigatie: The CSS Anthology van Rachel Andrew

W3C validatie

Alle pagina's van deze website zijn W3C gevalideerd voor correct gebruik van XHTML1.0 Strict. Totdat ik gebruik ging van maken van het attribuut target voor links en anchors. Dit opent namelijk een nieuw venster en breekt zo de navigatiegeschiedenis. Een kwestie van wikken en wegen.


De gebruikte stylesheets zijn wel volledig W3C gevalideerd.

RSS feed validatie

Het is de bedoeling dat de lezer m.b.v. RSS readers op de hoogte kan blijven van de laatste toevoegingen aan deze website.

Toegankelijkheid

In september 2006 heb ik onderdelen van deze website op toegankelijkheid laten toetsen door enkele webapplicaties. Toegankelijkheid wil zeggen dat nagenoeg iedereen de informatie op websites kan opnemen. De criteria voor een goede toegankelijkheid zijn uitermate divers. Een van de merkwaardigste eisen: gebruik de duidelijkste en eenvoudigste taal die zich leent voor de content van een site. Een eis die men tot in het absurde kan doorvoeren.

Als u nieuwsgierig bent hoe websites er uit zien in tekstbrowsers, dus volledig gestript van alle grafische opsmuk, probeer dan eens de on-line versie van Lynx-viewer.

Browser

Mozilla Firefox.

De maker

... is auditief herkenbaar aan luidruchtige loftuitingen op vrouw, randpionnen en symfonische rock.
... is visueel vooral herkenbaar aan schoenmaat 45.
... is zo onbescheiden om deze pagina naar zichzelf te noemen.
... maakt nog wel eens een tpyefuotje.
(Nou dacht ik dat dat wel vaker voorkomt maar als u gaat Googlen op 'tpyefuotje' dan zult u alleen deze pagina en een pagina van een forum in Alphen vinden).

Klankbord/QA

No man is an island...