De eerste taal waarmee ik begin om het programmeren onder de knie te krijgen is HTML. Deze afkorting staat voor HyperText Markup Language.
Hyper whut?!Never mind, het belangrijkste wat je moet onthouden is dat je HTML gebruikt om je website te bouwen en in te delen. Er zijn meerdere versies van HTML, de meest recente is HTML5 en deze gaan wij ook gebruiken.
Om te beginnen met het schrijven van HTML heb je niet veel nodig: een computer en een text editor. Klaar.
Als je een Windows computer of laptop hebt kun je Notepad hiervoor gebruiken, gebruik je een iMac of Macbook dan volstaat de app TextEdit. Ik ben zelf in het bezit van een Chromebook en gebruik de app Text.
Wanneer je net begint met het leren van HTML kun je het beste voor een van deze, simpele, text editors kiezen. Er zijn ook uitgebreidere programma's op de markt die je "helpen" met het schrijven van correcte code, maar om het goed te leren kun je in het begin het beste zelf alle code uittypen.
De opbouw van een website kun je eigenlijk zien als de indeling van je bestanden op je computer of laptop in 'Mijn documenten'. De map 'Mijn documenten' is de hoofdmap, daaronder heb je waarschijnlijk meerdere sub-mappen zoals 'Mijn afbeeldingen', 'Mijn video's', 'Muziek', 'Werk' etc.
In deze sub-mappen staan bestanden (files) of kunnen weer andere mappen hangen, bijvoorbeeld de map 'Vakantiefoto's' die in de map 'Mijn afbeeldingen' staat.
In HTML heten deze mappen 'directories' en de bestanden die hierin staan 'files'.
Ok, let's start!
Maak een map 'Mijn blog' aan in je documenten.
Open je text-editor en type daarin de tekst 'Welkom op mijn eerste blog.'
Sla het bestand op als 'mijneersteblog.html' in de map die je net hebt aangemaakt.
Let op: je text-editor slaat het bestand waarschijnlijk standaard op als een text document met de extensie .txt. Deze extensie moet je wijzigen naar .html anders wordt het bestand niet als webpagina opgeslagen.
Ga naar de map 'Mijn blog', klik met je rechtermuisknop op 'mijneersteblog.html' en selecteer 'openen met...'
Open het bestand met je webbrowser (Google Chrome, Safari, Internet Explorer etc.)
Tadaaa, je eerste site staat klaar!
Geen opmerkingen:
Een reactie posten