Introduction

This website is made for people who want to learn the basics of XHTML and CSS. Not only to help make a website that works, but also one that validates according to the World Wide Web Consortium (W3C) XHTML and CSS standards. All code snippets found on this website will validate as XHTML 1.0 Transitional and CSS2.

Philosophy

So by which principles are the lessons, tips and tricks governed?

• Anything that can be done with CSS should be done with CSS.
  • Rollover images with CSS instead of JavaScript
  • Layout and positioning with CSS instead of tables
  • All styling including image sizes, font types and alignments
• Accessibility for people with disabilities
  • Promote use of title, alternate text and long description attributes to facilitate screen readers
  • Elastic layouts that keep pages looking as intended when increasing or decreasing browser font size
• The visitor is King
  • When building a website, the visitors experience should be priority. Just like a DJ in a club needs to play the music the guests like, to keep them dancing, a webmaster needs to build the website to make it a pleasant experience for the visitors. If a DJ only plays the music he likes, the dance floor is going to end up empty. Therefore some sacrifices may have to be made to keep visitors coming back.

Inleiding

Deze website is gemaakt voor diegene die de basis principes van XHTML en CSS willen leren. Niet alleen om een werkende website te maken, maak één die ook zal valideren conform de XHTML en CSS standaard van het World Wide Web Consortium (W3C). Alle code knipsels die op deze website te vinden zijn zullen als geldige XHTML 1.0 Transitional and CSS2 valideren.

Filosofie

Volgens welke principes zijn de lessen, tips en trucjes gevormd?

• Alles wat je met CSS kunt doen zouden ook met CSS gedaan moeten worden.
  • Rollover images maken met CSS in plaats van met JavaScript
  • Vormgeving en positionering met CSS in plaats van tabellen
  • Alle opmaak inclusief dimensies van afbeeldingen, lettertype en uitlijning
• Toegankelijkheid voor mensen met een functiebeperking
  • Gebruik van attributen zoals title, alt, en lange omschrijvingen aanbevelen om het gebruik van tekst-naar-spraaksoftware te vergemakkelijken.
  • Elastische vormgeving waarbij verhoudingen in stand blijven wijzigingen van de browser tekstgrote
• De bezoeker is koning
  • Bij het bouwen van een website moet de beleving van de bezoeker prioriteit hebben. Net als een DJ in een nachtclub de soort muziek moet draaien waar de bezoekers van houden, moet een Webmaster rekening houden met de wensen van de bezoekers. De dansvloer zal leeg raken als een DJ alleen de muziek draait die hij zelf mooi vind. Daarom moeten er soms eigen wensen of ideeën opgeofferd worden zodat de bezoekers terug blijven komen.

Eén van de redenen waarom ik deze website maak is omdat veel goeie informatie enkel in het engels beschikbaar is. Waneer ik een Nederlandse site zoek als informatie bron voor vrienden die mij om raad vragen, vind ik vaak site waar verkeerde gewoontes worden geleerd. Ook heb ik moeite om advies op te volgen van en website die niet volgens de standaard valideert. Je neemt tenslotte ook geen rijles van iemand die zelf niet zonder blikschade de straat uit komt.