Een voorbeeld van wat men kan bereiken met XHTML & CSS.

De Bedoeling

De bedoeling is dus dat jij deze pagina aanpast naar jouw idee door enkel het CSS-bestand te veranderen. Aan het XHTML-bestand mag niets worden gewijzigd. Dit klinkt misschien raar en is voor jouw een totaal nieuwe manier van website maken, maar kijk maar eens in de gallerij. Als je daar een ontwerp kiest is het extern CSS-bestand het enige dat veranderd is.

Zo is het tevens de bedoeling dat iedereen van deze voorbeelden kan leren. Navigeer door de gallerij en bekijk het CSS-bestand van elk ontwerp (kies in het menu 'Deze Css') om te zien hoe de de lay-out is opgemaakt.

Hoe gaat dat

Het XHTML bestand is bekommentarieerd zodat ook beginnende webdesigners hun kans kunnen wagen, iedereen kan dit doen, het vraagt gewoon een beetje geduld om de grote hoeveelheid aan mogelijkheden van CSS weten te gebruiken.

Download de twee benodigde bestanden, het XHTML bestand waar je niets aan mag veranderen, maar wel nodig hebt om er lokaal (op je eigen computer) aan te werken, en het ohzo belangrijke CSS waarmee je het uitzicht bepaalt van de site.

Waarom allemaal

Om jezelf te bewijzen dat je klaar bent om met XHTML te werken. Jezelf bekend te maken in de gallerij en zodoende je portfolio uit te breiden. Elk nieuw ontwerp zal worden toegevoegd op de hoofdpagina zodat iedereen rechtstreeks je werk kan zien. Help mee om van het web een mooiere plaats te maken, voor iedereen

Deze gallerij dient om aan te tonen dat men websites kan maken zonder tabellen, puur door externe CSS. Deze manier van werken in combinatie met XHTML geven je volledige controle over je site. Het web zou mooier zijn moesten websites er hetzelfde uitzien in verschillende browsers, dit hebben we te danken aan de onderlinge standaarden van browserfabrikanten.

De verwachtingen

Je maakt een eigen ontwerp (je eigen meesterwerk) en test dit minimaal in Internet Explorer vanaf 6 & Mozilla/FF en Opera, zodat het zeker is dat je ontwerp crossbrowser is. Er wordt ook verwacht dat je je CSS valideert bij W3C.

Maak een kompleet ander design dan er al ontwerpen zijn, dus geen aanpassingen aan bestaande ontwerpen door bijvoorbeeld de header en de kleuren aan te passen. Stuur dit dan naar ons toe door op de contact pagina de URL op te geven van je eigen CSS bestand.

Web Standaarden

XHTML CSS   508   CC