Een website is gemaakt van allerlei blokjes code. Als lego zet je de hele site in elkaar. Dat kun je zelf thuis ook. Maak een miniwebsite op je eigen computer!
De taal waarin websites worden gebouwd heet HTML. HTML code is tekst die je browser (Chrome, Explorer, Safari, Firefox) kan begrijpen. Je kunt HTML schrijven in een tekstverwerker. We gaan je uitleggen hoe je een HTML pagina kunt maken.
Je hebt een eenvoudig programma nodig om in te werken. Op de PC gebruik je Notes, op je Mac kies je voor TextEdit.
Let op: als je op een Apple computer werkt, moet je iets aan de instellingen van TextEdit veranderen. Ga naar Preferences of Voorkeuren en kies Plain text.
Bewaar je document. Let op: in de naam van je document moet .html aan het eind staan; bijvoorbeeld mijnpagina.html
Voor Apple gebruikers: als je jouw testdocument nu opslaat maakt je computer er een txt file van. Bijvoorbeeld mijnpagina.txt. Verander dat in mijnpagina.html.
Alle woorden tussen pijltjes heten tags, bijvoorbeeld <html>. Deze woorden of codes staan vast. Iedere website gebruikt ze. Alleen als je deze afgesproken tags gebruikt gaat je webpagina werken.
<html> zegt dat vanaf hier jouw code HTML is en met de browser kan praten. Alles dat tussen deze tag en de afsluiter staat is een webpagina. De afsluiter is </html>. Een afsluiter heeft altijd / in de code.
<title> en </title> geeft jouw pagina een titel. Dat is handig voor bijvoorbeeld Google als die jouw pagina wil vinden.
Hiervoor moet je een blokje toevoegen in de <head>: het stylesheet. Dat is het stukje code waar in de stijl of de vorm wordt omschreven.
Zie je dat er bij P de kleur staat? Daarmee zeg je dat alles waar P voor staat in jouw tekst rood moet worden.
Probeer dan ook eens meer plaatjes tegelijk (je weet al hoe een plaatje moet) of meerdere tekststijlen.
Je hebt nu een gezien hoe de code (aan achterkant) de voorkant van een website beschrijft. In grote websites is de code wat ingewikkelder, er is nog veel te leren!
Heb je zin om een echte website te bouwen? Kijk hieronder voor een club of cursus bij jou in de buurt!