Vele websites waarop je kan leren hoe je jouw eigen website maakt (en vooral de Nederlandstalige websites) leren verouderde methodes die al sinds 1999 niet meer gebruikt horen te worden. Bij het zien van de kwaliteit van deze websites hebben wij besloten om daar verandering in te brengen.

Een website bestaat in feite alleen uit informatie (tekst, afbeeldingen, filmpjes, etc.) die betrekking hebben op het onderwerp van jouw website. Ter ondersteuning bevat deze informatie een soort computertaal. Deze taal, genaamd HTML, zorgt ervoor dat een computerprogramma (zoals jouw browser) jouw website "begrijpt". Dit is de het hoofddoel als het gaat om het maken van een website.

Het maken van een website draait erom om jouw visie van jouw website om te zetten in een vorm die te begrijpen is door een computer zodat jouw website eruit komt te zien zoals je voor ogen had.

Nu moet je natuurlijk weten hoe dat moet. Om te beginnen moet je begrijpen hoe een website is opgebouwd. Je moet het zien als een huis. Als een huis net af is, bestaat het enkel uit een aantal kale kamers met een vloer, een deur en een paar ramen. Dit vinden de meeste mensen echter een beetje ongezellig wonen, dus ze gaan het opknappen met wat verf en meubels. Met een website is dat precies hetzelfde. Een website bestaat uit verschillende pagina's, net zoals een huis bestaat uit verschillende kamers. Deze pagina's bestaan in essentie alleen uit informatie, net zoals de kamers van een huis vlak na de voltooiing van de bouw alleen bestaan uit een vloer, een deur en een paar ramen. Dit aspect van een website, de informatie, wordt geregeld door de taal HTML. En zoals je een huis kan opmaken met bijv. meubelen, kan je dat bij een pagina ook doen. Dit wordt geregeld door de taal CSS.

Je kan een pagina, dat onderdeel is van een website, dus opsplitsen in twee onderdelen:

1. HTML: de informatie.
2. CSS: de opmaak.

HTML

HTML (HyperText Markup Language) is in 1991 ontwikkeld door Sir Tim Berners-Lee. Hij ontwikkelde HTML als een universele taal die door computers begrepen kon worden waardoor het een uiterst handige manier was om informatie beschikbaar te maken op het internet. En dat is het natuurlijk nog steeds!

In 1994 richtte Berners-Lee de W3C (World Wide Web Consortium) op om in 1995 de vernieuwde versie van HTML te ontwikkelen: HTML 2.0. In 1997 kwam wederom een nieuwere versie: HTML 3.2. Deze versie bracht allerlei leuke functies met zich mee. Functies zoals het geven van een bepaald lettertype aan een stuk tekst, of een bepaalde kleur. Maar toch kwam de W3C hier later op terug. HTML is, zoals je eerder las, een taal om de inhoud van een document te omschrijven. Het document opmaken is natuurlijk iets anders. Hiervoor moeten we dus iets anders gebruiken, maar zo'n taal bestond nog niet. Om deze reden kwam in 1998 HTML 4.0 uit samen met CSS 1.0. Zo kan de structuur van een webpagina (HTML) en de opmaak ervan (CSS) gescheiden worden, zoals het hoort. Eind 1999 kwam overigens HTML 4.01 uit, met een aantal kleine wijzigen t.o.v. HTML 4.0. HTML 4.01 is de laatste versie van de HTML familie en dus ook de versie van HTML die we in deze handleiding gebruiken.

De taal HTML 4.01 is, zoals aan het begin van dit hoofdstuk is aangegeven, een taal die ervoor zorgt dat computerprogramma's, zoals een browser, de informatie op een pagina kan "begrijpen". Bij HTML draait het echter om de structuur van de pagina en niet om de letterlijke betekenis van de informatie op de pagina. Zo kan met HTML "gemarkeerd" worden welk gedeelte van de informatie als tussenkopje fungeert, een lijst met opsommingen is, een tabel, of een formulier. Verderop in deze handleiding leer je wat je precies met HTML kan, hoe je HTML moet schrijven en wat je daarvoor nodig hebt.

CSS

CSS (Cascading Style Sheets) is, zoals eerder aangegeven staat, een taal om HTML pagina's mee op te maken. CSS doet dat overigens veel beter en overzichtelijker als dat HTML 3.2 dat voorheen deed. Daarom is het aangeraden om alles wat met de opmaak van een pagina te maken heeft te regelen met CSS. Modern Markup leert je in de volgende hoofdstukken precies hoe je dat moet doen.

Voordat je doorgaat moet echter nog één keer benadrukt worden dat een pagina van een website bestaat uit informatie (HTML) en de opmaak daarvan (CSS). Tussen deze twee onderdelen bestaat een duidelijke scheiding. HTML kan dus niet worden gebruikt voor beide onderdelen zoals veel mensen denken. (En voor CSS geldt uiteraard hetzelfde.)

De opbouw van deze handleiding

De handleiding is opgesplitst in verschillende hoofdstukken die elk in het secundaire menu staan. Elk hoofdstuk is ook weer opgesplitst in verschillende paragraven. Boven elke paragraaf staat een tussenkop. Zoals je ziet is dit hoofdstuk (Introductie) opgesplitst in 3 paragraven:

1. Maar wat is HTML nou precies?;
2. CSS;
3. en De opbouw van deze handleiding.

In elk hoofdstuk worden verschillende onderwerpen van HTML en CSS besproken die in het laatste hoofdstuk, De Evaluatie, worden samengevoegd waarin in detail wordt uitgelegd hoe deze website, Modern Markup, is gemaakt. Zodoende leer je alles wat je nodig hebt voor het maken van jouw website.

Maar eerst: De voorbereiding »