Na 13 hoofdstukken te hebben doorgewerkt heb je genoeg kennis om je eigen website te bouwen. Je zal er echter achter komen dat je nog niet alles van HTML en CSS weet, maar daarvoor hebben we ons referentie materiaal. Hiermee kan je informatie zoeken over elk element, attribuut en eigenschap waardoor je zeer gemakkelijk iets kan opzoeken.

Wil je echter meer leren over hoe de HTML en CSS van een complexe website als Modern Markup is opgebouwd, dan kan je gebruik maken van onze "diavoorstelling". In deze voorstelling wordt stap voor stap uitgelegt hoe de HTML en vooral de CSS van Modern Markup in elkaar zit. We gaan echter niet in op hoe de afbeeldingen zijn gemaakt, maar wat we ermee doen.

Start de voorstelling »

Wat deze handleiding je geleerd heeft

Nu je deze handleiding hebt doorgewerkt heb je een goede kennis opgebouwd van HTML en CSS. Met goede kennis bedoelen we dat je HTML en CSS hebt geleerd volgens de officiele HTML 4.01 en CSS 2.1 standaarden en niet volgens een verouderde standaard waarover vaak op andere sites en boeken geleerd kan worden. Deze geven namelijk enkel aandacht aan het opmaken van pagina's d.m.v. verouderde HTML i.p.v. de semantieke waarde die HTML heeft. Semantiek is namelijk waar het in HTML om draait; om een bepaalde waarde te geven aan de inhoud van een element zodat de computer de rol van het element kan begrijpen. Daar gaat het in HTML namelijk om en het doel van deze handleiding is dan ook om dat duidelijk te maken.

Wat deze handleiding je echter niet heeft geleerd is het maken van afbeeldingen, enkel hoe je er in CSS mee om moet gaan. Wil je zelf ook afbeeldingen maken, dan moet je vooral van programma's zoals Paint afblijven. Eigenlijk is dat programma nergens goed voor dus gebruik dat nooit als je een plaatje voor jouw website wilt maken. Als je een beetje fatsoenlijke afbeeldingen wilt maken, dan kom je al snel uit bij Adobe Photoshop. Een licentie voor dit programma is echter nogal duur, dus is het misschien beter om te kiezen voor de gratis concurrent van Photoshop: GIMP.

Het maken van een mooie website

De meeste mensen willen, als ze iets maken, iets moois maken. Websites zijn daar natuurlijk geen uitzonderingen op. Maar wat maakt een website nou mooi? Mooi is natuurlijk een subjectief woord, maar meestal is men het er wel over eens als je zegt dat Modern Markup mooier is dan de pagina over het internet die we hebben gemaakt in het hoofdstuk Je Eerste Website. Wat een website mooi maakt is vooral het kleurenschema wat gebruikt wordt en niet per sé de afbeeldingen. Als twee kleuren met elkaar vloeken, dan ziet meestal de hele website er niet meer uit, hoe mooi de afbeeldingen ook zijn.

Ben je niet bepaald goed in het uitkiezen van de kleuren, dan zijn daar altijd programma's of scripts die dat voor je kunnen doen. Voorbeelden hiervan zijn Color Schemer en Adobe Kuler.

Heb ik nu een website?

Nou… niet echt. Als je nu een leuk HTML document hebt die je hebt opgemaakt met CSS, dan heb je nog niet gelijk per definitie een website. Een website is namelijk een verzameling van pagina's. Je kan ervoor kiezen om elke pagina apart op te slaan en naar elke pagina te linken, maar je zal er dan al snel achter komen dat zo'n systeem nogal moeilijk is om te onderhouden. Als je namelijk een kleine wijziging wilt maken aan de HTML code, dan moet je dat op elke pagina doen. We raden je dus aan om hiervoor een speciaal systeem te gebruiken: een Content Management System (CMS). Hieronder een lijst met verschillende gratis CMSs:

• WordPress;
• en Textpattern.

Vele CMSs maken gebruikt van een scripting taal zoals PHP en een database systeem zoals MySQL. Wil je een host (bedrijf die servers aanbiedt) hebben die deze twee ondersteunt, dan zal je daar meestal wel geld voor moeten betalen. Is dit geen probleem, dan zou je kunnen kiezen voor één van de volgende hosts waar je jouw website op zou kunnen zetten:

• Cats Hosting;
• en DreamHost.

Gelukkig zijn er ook gratis hosts. Het is handig als je nog niet zo ervaren bent met het maken van een website om eerst te kiezen voor een gratis host. Indien je opzoek bent naar een gratis host, dan raden wij Freewebs aan.

Ik wil meer!

Indien je meer wilt weten over HTML en CSS, dan kan je gebruik maken van ons uitgebreide referentie materiaal. De referentie en deze tutorial zijn zo geschreven dat ze goed op elkaar aansluiten. In die referentie staat alles wat je wil en kan weten over elk HTML element en CSS eigenschap.

Veel succes!