Er steekt veel werk in een professionele website, dus als je nog niet veel over webontwikkeling weet, adviseren we je om klein te beginnen. Je zult niet onmiddellijk een nieuwe Facebook maken, maar het is niet moeilijk om uw eigen eenvoudige website online te krijgen, dus zullen we daarmee beginnen.
Op het vlak van hulpmiddelen is er voor de bouw van een website veel keuze. Als je net start, zou je in de war kunnen raken door de vele code-editors, frameworks en testsoftware die er bestaan.
Voor je de code voor uw website begint te schrijven, moet je eerst plannen. Welke informatie gaat je tonen? Welke lettertypes en kleuren gaat je gebruiken? Hier vind je een eenvoudige methode die je kunt volgen om de inhoud en het design van uw website te plannen. Maar je zal in de module Interface Design ook uitgebreid zien hoe je het design van een website kan plannen.
Een website bestaat uit veel bestanden: tekstinhoud, code, stijlbestanden, media-inhoud enzovoort. Wanneer je een website bouwt, moet je deze bestanden samenvoegen in een doordachte structuur en ervoor zorgen dat ze met elkaar kunnen communiceren. Omgaan met bestanden legt uit hoe je een doordachte bestandsstructuur maakt voor uw website en van welke problemen je zich bewust moet zijn.
Hypertext Markup Language (HTML) (Nederlands: opmaaktaal voor gelinkte tekst) is de code die je gebruikt om uw webinhoud te structureren en er een betekenis en doel aan te geven. Bijvoorbeeld: bestaat de inhoud uit een aantal paragrafen of een lijst met een aantal punten? Staan er afbeeldingen op mijn pagina? Heb ik een datatabel? Zonder je te overdonderen geeft De basisbegrippen van HTML je genoeg informatie om je vertrouwd te maken met HTML.
Cascading Stylesheets (CSS) (Nederlands: waterval-stijlbestanden) is de code waarmee je beslist hoe uw website eruit zal zien. Wil je bijvoorbeeld rode of zwarte tekst? Waar op het scherm moet de inhoud staan? Welke achtergrondafbeeldingen en kleuren moeten worden gebruikt om uw website te verfraaien? De basisbegrippen van CSS geeft je de informatie om van start te gaan.
JavaScript is de programmeertaal die je gebruikt om interactieve functionaliteit aan uw website toe te voegen zoals games, dingen die gebeuren wanneer knoppen worden ingedrukt, data die wordt ingevuld in formulieren, dynamische stijleffecten, animaties en nog veel meer. De basisbegrippen van JavaScript geeft je een idee van wat mogelijk is met deze interessante taal en hoe je ermee start. We gaan hier nog niet onmiddelijk mee aan de slag.
Eens je klaar bent met uw code en de organisatie van de bestanden waaruit uw website bestaat, moet je alles online zetten zodat mensen de website kunnen vinden. Uw website publiceren beschrijft hoe je uw voorbeeldcode online krijgt met een minimale inspanning. We zullen in de les ook andere manieren zien om dit te doen.
Wanneer je uw favoriete website bezoekt, gebeuren er heel wat ingewikkelde dingen in de achtergrond waar je misschien nog niets over weet. Hoe werkt het web? behandelt in grote lijnen wat er gebeurt als je een webpagina bekijkt op uw computer.
HTML is, in zijn kern, een vrij eenvoudige taal. Hij bestaat uit elementen die kunnen worden toegepast op stukken tekst om hen een nieuwe betekenis in een document te geven (is de tekst een paragraaf? een ongeordende lijst? een onderdeel van een tabel?). Met HTML kan je een document ook in logische secties structureren (heeft het een koptekst? drie kolommen met inhoud? een navigatiemenu?) en je kan inhoud zoals afbeeldingen en video’s in een pagina integreren. Deze module is een inleiding op de eerste twee aspecten van HTML en introduceert fundamentele begrippen en syntaxis, die je nodig hebt om HTML te begrijpen.