1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
---
title: Van start met het web
slug: Learn/Getting_started_with_the_web
tags:
- Beginner
- CSS
- Design
- Guide
- HTML
- Index
- publishing
- theory
translation_of: Learn/Getting_started_with_the_web
---
<p>{{LearnSidebar}}</p>
<p>{{NextMenu("Learn/Getting_started_with_the_web/Installing_basic_software")}}</p>
<div class="summary">
<p><em>Van start met het Web</em> is een beknopte reeks die u laat kennismaken met de praktische aspecten van webontwikkeling. U zult de hulpmiddelen opzetten die u nodig hebt om een eenvoudige webpagina te maken en uw eigen eenvoudige code te publiceren.</p>
</div>
<h2 id="Het_verhaal_van_uw_eerste_website">Het verhaal van uw eerste website</h2>
<p>Er steekt veel werk in een professionele website, dus als u nog niet veel over webontwikkeling weet, adviseren we u om klein te beginnen. U 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.</p>
<p>Als u de artikelen hieronder volledig doorwerkt, zult u van nul kennis kunnen doorgroeien tot u uw eerste webpagina online hebt gezet. Laten we beginnen!</p>
<h3 id="Basissoftware_installeren"><a href="https://developer.mozilla.org/nl/docs/Learn/Getting_started_with_the_web/Basis_software_installeren">Basissoftware installeren</a></h3>
<p>Op het vlak van hulpmiddelen is er voor de bouw van een website veel keuze. Als u net start, zou u in de war kunnen raken door de vele code-editors, frameworks en testsoftware die er bestaan. In <a href="https://developer.mozilla.org/nl/docs/Learn/Getting_started_with_the_web/Basis_software_installeren">Basissoftware installeren</a> tonen we u stap voor stap hoe u enkel die software installeert die u nodig hebt om te starten met webontwikkeling.</p>
<h3 id="Hoe_gaat_uw_website_eruitzien"><a href="/en-US/Learn/Getting_started_with_the_web/What_will_your_website_look_like">Hoe gaat uw website eruitzien?</a></h3>
<p>Voor u de code voor uw website begint te schrijven, moet u eerst plannen. Welke informatie gaat u tonen? Welke lettertypes en kleuren gaat u gebruiken? In <a href="/en-US/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like">Hoe gaat uw website eruitzien?</a> geven we u een eenvoudige methode die u kunt volgen om de inhoud en het design van uw website te plannen.</p>
<h3 id="Omgaan_met_bestanden"><a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Omgaan met bestanden</a></h3>
<p>Een website bestaat uit veel bestanden: tekstinhoud, code, stijlbestanden, media-inhoud enzovoort. Wanneer u een website bouwt, moet u deze bestanden samenvoegen in een doordachte structuur en ervoor zorgen dat ze met elkaar kunnen communiceren. <a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Omgaan met bestanden</a> legt uit hoe u een doordachte bestandsstructuur maakt voor uw website en van welke problemen u zich bewust moet zijn.</p>
<h3 id="De_basisbegrippen_van_HTML"><a href="/en-US/Learn/Getting_started_with_the_web/HTML_basics">De basisbegrippen van HTML</a></h3>
<p>Hypertext Markup Language (HTML) (Nederlands: <em>opmaaktaal voor </em><em>gelinkte tekst</em>) is de code die u 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 u te overdonderen geeft <a href="/en-US/Learn/Getting_started_with_the_web/HTML_basics">De basisbegrippen van HTML</a> u genoeg informatie om u vertrouwd te maken met HTML.</p>
<h3 id="De_basisbegrippen_van_CSS"><a href="/en-US/Learn/Getting_started_with_the_web/CSS_basics">De basisbegrippen van CSS</a></h3>
<p>Cascading Stylesheets (CSS) (Nederlands: <em>waterval-stijlbestanden</em>) is de code waarmee u beslist hoe uw website eruit zal zien. Wil u 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? <a href="/en-US/Learn/Getting_started_with_the_web/CSS_basics">De basisbegrippen van CSS</a> geeft u de informatie om van start te gaan.</p>
<h3 id="De_basisbegrippen_van_JavaScript"><a href="/en-US/Learn/Getting_started_with_the_web/JavaScript_basics">De basisbegrippen van JavaScript</a></h3>
<p>JavaScript is de programmeertaal die u 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. <a href="/en-US/Learn/Getting_started_with_the_web/JavaScript_basics">De basisbegrippen van JavaScript</a> geeft u een idee van wat mogelijk is met deze interessante taal en hoe u ermee start.</p>
<h3 id="Uw_website_publiceren"><a href="/en-US/Learn/Getting_started_with_the_web/Publishing_your_website">Uw website publiceren</a></h3>
<p>Eens u klaar bent met uw code en de organisatie van de bestanden waaruit uw website bestaat, moet u alles online zetten zodat mensen de website kunnen vinden. <a href="/en-US/Learn/Getting_started_with_the_web/Publishing_your_website">Uw website publiceren</a> beschrijft hoe u uw voorbeeldcode online krijgt met een minimale inspanning.</p>
<h3 id="Hoe_werkt_het_web"><a href="/en-US/Learn/Getting_started_with_the_web/How_the_Web_works">Hoe werkt het web?</a></h3>
<p>Wanneer u uw favoriete website bezoekt, gebeuren er heel wat ingewikkelde dingen in de achtergrond waar u misschien nog niets over weet. <a href="/en-US/Learn/Getting_started_with_the_web/How_the_Web_works">Hoe werkt het web? </a> behandelt in grote lijnen wat er gebeurt als u een webpagina bekijkt op uw computer.</p>
<p>{{NextMenu("Learn/Getting_started_with_the_web/Installing_basic_software")}}</p>
|
