HTML Basis, written & copyrighted by Gushe

Beste lezer!

Welkom in het eerste deel van deze Tutorial-Serie! De bedoeling van deze Tutorial-Serie is jullie leren hoe je zelf met HTML een Site kan bouwen. (Eindelijk afstappen van Websitemakers en Generatoren!)

Allereerst zal wat uitleg over wat HTML geven & enkele misverstanden uit de weg ruimen.

HTML; oftewel HyperText Markup Language; is de 'Taal' of 'Code' waarin Webpagina's worden geschreven. Deze HTML Code word dan door je Browser (Het programma waarmee je Webpagina's bekijkt) gelezen & aan de hand van die HTML code wordt je webpagina opgebouwd. De browser zorgt er bijvoorbeeld dat Foto's worden weergegeven, Text wordt opgemaakt, Naar waar Hyperlinks leiden,.. HTML zegt alleen hoe de browser dat moet doen.
Een HTML pagina kan in elke text-editor worden geschreven, zolang je hem als .html opslaat. bv.: als als je pagina 'mijnpagina' noemt; moet je hem opslaan als 'Mijnpagina.html'. Een groot misverstand dat nog af & toe gemaakt wordt is dat ik mensen hoor zeggen dat ze eindelijk een HTML site hebben, na enkele Websites met verschillende WebsiteMakers gemaakt te hebben. Dit is eigenlijk niet helemaal juist; elke Website is in HTML gemaakt; ook Pagina's die je met Websitemakers maakt. Een WebsiteMaker maakt gewoon automatisch de HTML code voor jou aan.

Om iets te begrijpen over hoe je de pagina's op iemand zijn Browser kunt laten zien moet je een beetje afweten over URL's. URL staat voor Uniform Resource Locator; Dit is een Adres van een HTML pagina die op een Server staat. [Meer uitleg over hoe een Server werkt is niet echt nodig.. Alles wat je moet weten wordt uitgelegd.] Als je in de Adresbalk van je Browser de URL van een bepaalde HTML pagina typt, zal je Browser die pagina weergeven. Nu; stel dat jullie typen: 'www.standmyground.org', zie je toch geen adres naar een HTML pagina die door de Browser kan weergegeven worden? Hiervoor is een klein Regeltje: elke Website Moet een pagina hebben die 'Index.html' noemt. Als je namelijk in je Browser typt: 'www.standmyground.org'; zoekt die automatisch naar 'www.standmyground.org/index.html'. Als je deze pagina niet hebt ga je een Error krijgen. (Meestal: '404 File Not Found')
Hier zit een logische redenering achter: Een Website bestaat meestal uit meerdere HTML pagina's die op een Server staan. Omdat een Server eigenlijk een gewone computer is, heeft die ook Mappen. Als je typt: 'www.standmyground.org', gaat je browser naar de Map op de Server die bij die naam hoort. Maar stel dat er in die map meerdere HTML pagina's staan; hoe weet de Browser dan welke hij moet openen? Hiervoor werd de index.html als standaard-beginpagina ingesteld. [In principe is het Server-systeem nog ietsje ingewikkelder; www.standmyground.org is namelijk niet de echte naam van de map, het is eerder een bijnaam of roepnaam ervoor. Over het Uploaden van je Site ga ik in deze tutorial niet verder op in. Deze komt later nog wel; eerst verder met HTML]

Het opmaken van Tekst in HTML is nooit echt handig geweest. Stel je voor dat je bij elke lijntje dat je typt: Lettertype, Grootte, Kleur,.. apart moet opmaken. Als je een grote Website maakt kan dit uren in beslag nemen; over de ontelbare vergissingen nog maar te zwijgen. Hiervoor bestaat er een oplossing: CSS of Cascading StyleSheets.
Dit zijn aparte kleine Scriptjes die het opmaken van je Website een pak gemakkelijker maken! Je kan bijvoorbeeld 1 .CSS bestand maken; waarin verschillende opmaakstijlen staan & die je heel eenvoudig in je HTM pagina kan gebruiken. Again; deze tutorial gaat enkel over HTML; maar er komt nog wel een CSS tutorial.

Natuurlijk zijn Websites niet Alleen in HTML & CSS gemaakt; dat zou redelijk saai zijn. Om speciale dingen aan je site toe te voegen; dingen waardoor bezoekers ook écht dingen kunnen doen (buiten lezen..), worden andere Scripttalen gebruikt. Alhoewel deze tutorial niet bedoeld is om andere Scripttalen (die overigens moeilijker zijn als HTML) te leren, zal ik toch nog een klein beetje uitleg geven. Ten eerste zijn er 2 grote soorten Scripttalen:
- Client Side: Deze worden uitgevoerd op de PC van de bezoeker (De Client) zelf door de Browser. (HTML is dus ook Client Side; het wordt door je Bowser vertaald) Een van de bekendste en meest gebruikt is JavaScript.
- Server Side: Deze worden op de Server uitgevoerd waar je Website opstaat. Om een simpele Site te maken is het helemaal niet nodig om te weten hoe een Server juist werkt. Onthoud alleen dat deze dus niet op de PC van de gebruiker worden uitgevoerd, in tegenstelling tot HTML, CSS, JavaScript,.. Een van de bekendste Server-Side Scripttalen is PHP.

Nog vragen?