Voorbereiding
Voordat we beginnen hebben we eerst een aantal dingen nodig:
- minimaal de drie meest gebruikte web browsers om je werk in te testen;
- en een tekstbewerker.
Web browsers
Zoals je misschien al weet, gebruik je een web browser (of gewoon kortweg een browser) om websites mee te bezoeken. Er zijn verschillende soorten browsers, net zoals er verschillende merken kleding zijn. Op dit moment zijn de drie populairste browsers:
- Internet Explorer;
- Firefox;
- en Opera.
Wil je een serieuze website maken, dan moet je geregeld controleren of er geen problemen zijn op jouw website in één van de browsers. En je kan er zeker van zijn dat vooral in het begin jouw website er bijvoorbeeld perfect uit kan zien in Firefox, maar dat het niet om aan te zien is in Internet Explorer. Dit komt omdat niet elke browser hetzelfde doet met de HTML en CSS code die het programma binnen krijgt. Vooral Internet Explorer heeft hier nogal last van omdat deze browser, ondanks het grote aantal gebruikers, erg slecht om kan gaan met normale HTML en CSS code. Daarom raden wij dus aan om tijdens het ontwikkelen van jouw website Firefox te gebruiken i.p.v. Internet Explorer. Het is natuurlijk ook veel beter om Firefox te gebruiken als jouw standaard browsers. Voor meer informatie over Firefox, raadpleeg de Mozilla Europa website of MozBrowser.
Naast het feit dat Firefox veel beter om kan gaan met HTML en CSS kan de browser ook nog worden versterkt met andere functies. Deze functies kunnen worden geïnstalleerd als extensies. Zo zijn er op dit moment al talloze Firefox extensies waaronder een groot aantal die het maken van websites gemakkelijker kunnen maken. Neem bijvoorbeeld de Web Developer extensie. Deze extensie heeft een groot aantal functies, zoals staat beschreven op de MozBrowser Wiki. Andere extensies voor het maken van websites zijn te vinden op Mozilla Addons.
Tekstbewerkers
HTML code is in principe gewoon tekst, dus we hebben ook een tekstbewerker nodig. Je kan misschien Kladblok (Notepad) of WordPad gebruiken, maar het is toch aan te raden om een ander programma te gebruiken die meer functies heeft zodat het maken van een website alleen maar makkelijker wordt.
Er zijn verschillende goede programma's die aan te raden zijn. Onze favoriet is Notepad , maar er zijn ook alternatieven zoals Notepad2, Crimson Editor, jEdit of TextPad. Het is aan jezelf om te beslissen welke tekstbewerker jij het handigst vindt.
Als je een HTML of CSS bestand hebt gemaakt en je wilt die opslaan, doe File > Save As… in je tekstbewerker, geef je bestand een naam, en vergeet niet het bestandstype op .html of .css te zetten. Bij sommigen moet je zelf de extensie achter het bestandsnaam zetten. Dus als je jouw HTML pagina "pagina" wilt noemen, dan sla je het bestand op als "pagina.html" (zonder de "" eromheen natuurlijk).
Nu dat allemaal achter de rug is gaan we kijken hoe HTML eruit ziet in het hoofdstuk HTML-syntax »
