Validweb

Surf naar een willekeurige website en grote kans dat het een website ‘oude stijl’ betreft. Elke dag nog komen er websites ‘oude stijl’ bij, terwijl het enkel nadelen heeft. Semantisch correcte code, wat wordt daar nou eigenlijk mee bedoelt? En wat zijn de voordelen van websites ‘nieuwe stijl’?

In de perfecte wereld waren er geen oorlogen, had iedereen te eten en werkte alle CSS hetzelfde in alle browsers. Wakker worden! De verschillende CSS specificaties worden helaas niet door elke browsers even goed geïnterpreteerd. Ik leg uit waarom ik nauwelijks CSS hacks gebruik, en waarom ik conditional comments aanraad voor het omzeilen van IE bugs.

Ik ben lui en laat het liefst zo veel mogelijk voor mij gedaan worden. Door anderen, dieren, of zoals in dit artikel door de computer.

Ik heb geen zin om voor elk artikel een lijst met interne links naar alle onderdelen te schrijven, dus laat ik dat aan Javascript over.

Elk begin is moeilijk, zo ook het leren maken van websites. Als webmaster houdt je je met veel zaken bezig, gelukkig zijn er produkten en methodes beschikbaar die je veel werk uit handen nemen. Wat heb je nodig om een site te bouwen? We behandelen de basistechnieken en hulpmiddelen die je helpen bij het ontwikkelen van solide sites.

Nu onze informatie goed gestructureerd is gaan we zoals beloofd de pagina vormgeven met een stylesheet. Color, font-family, margin, padding, border, floa… geheimtaal? Straks niet meer.

Welkom bij het vervolg van deel 2 in de reeks “Ik wil ook een site”. Vandaag gaan we je pagina voorzien van koppen, tekst, links en een afbeelding. Ook maken we ruimte voor een logo.

In deel 2 van de reeks “Ik wil ook een site” gaan we het hebben over het structureren van de inhoud van je site. Aan het eind van dit artikel weet je - hopelijk - waarom het belangrijk is om goed gestructureerde documenten op te stellen. Ook gaan we kijken welke code er nodig is om een simpele pagina te maken.

Welkom bij deel 1 in de reeks “Ik wil ook een site”. Bij het bouwen van een website komt aardig wat kijken, en natuurlijk kan ik niet alle aspecten van het website bouwen behandelen in deze korte reeks, maar in deze lessen zal ik proberen je de belangrijkste aspecten bij te brengen.
In dit deel zet ik uit een waar je aan moet denken voordat je begint met het bouwen van een site.

“Selecteer uit bovenstaande lijst”

Dit hebben de programmeurs van Internet Explorer waarschijnlijk iets te letterlijk genomen. Er zit namelijk een fout in Internet Explorer die ervoor zorgt dat <select> elementen (vaak combobox of selectbox genoemd) altijd boven aan in de stacking order (de volgorde waarop elementen getekend worden in de browser) komen. Ik kwam dit probleem tegen tijdens het implementeren van ‘Suckerfish Dropdowns’ in een project voor een klant. De <select> elementen vallen boven elk ander element op de pagina, waardoor in dit geval het menu onbruikbaar wordt, aangezien het menu verdwijnt zodra je met de muis over het <select> element beweegt. Daar komt nog bij dat het er natuurlijk niet uit ziet.

Welkom op ValidWeb.nl, deze site is opgezet met een duidelijk doel; het gebruik van de door de w3c voorgeschreven webstandaarden stimuleren, door het informeren en bij elkaar brengen van webontwikkelaars.

Naar mijn mening wordt er in Nederland te weinig nadruk gelegd op het ontwikkelen van toegankelijke websites die voldoen aan de daarvoor opgestelde standaarden. Bezoekers van websites zijn gebaat bij deze standaarden, omdat zij een website bezoeken die de nadruk legt op het voornaamste doel van een website, namelijk het verstrekken van informatie. Hoewel het logisch klinkt dat een site gemaakt wordt om informatie te verstrekken, wordt dit maar al te vaak nagelaten. Ontwerpers verheffen hun ontwerp boven de inhoud en of toegankelijkheid van een website.