CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="nl" dir="ltr"> <head> <meta charset="UTF-8"> <title>Webdevelopment - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )nlwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t.",".\t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],"wgRequestId":"333c9070-5550-4581-a3bc-a171773b2610","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Webdevelopment","wgTitle":"Webdevelopment","wgCurRevisionId":67503111,"wgRevisionId":67503111,"wgArticleId":780393,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["ICT-beroep","Programmeren","Webdesign","World wide web"],"wgPageViewLanguage":"nl","wgPageContentLanguage":"nl","wgPageContentModel":"wikitext","wgRelevantPageName":"Webdevelopment","wgRelevantArticleId":780393,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true, "wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"nl","pageLanguageDir":"ltr","pageVariantFallbacks":"nl"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":7000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q386275","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready", "user.options":"loading","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.Direct-link-to-Commons","ext.gadget.ProtectionTemplates","ext.gadget.InterProjectLinks","ext.gadget.hoofdbetekenis-titelwijziging","ext.gadget.switcher","ext.gadget.OpenStreetMapFrame","ext.gadget.subpages","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns", "ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=nl&modules=ext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=nl&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=nl&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Webdevelopment - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//nl.m.wikipedia.org/wiki/Webdevelopment"> <link rel="alternate" type="application/x-wiki" title="Bewerken" href="/w/index.php?title=Webdevelopment&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (nl)"> <link rel="EditURI" type="application/rsd+xml" href="//nl.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://nl.wikipedia.org/wiki/Webdevelopment"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.nl"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom-feed" href="/w/index.php?title=Speciaal:RecenteWijzigingen&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Webdevelopment rootpage-Webdevelopment skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Naar inhoud springen</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Hoofdmenu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Hoofdmenu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Hoofdmenu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">naar zijbalk verplaatsen</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">verbergen</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigatie </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage" class="mw-list-item"><a href="/wiki/Hoofdpagina" title="Naar de hoofdpagina gaan [z]" accesskey="z"><span>Hoofdpagina</span></a></li><li id="n-zoekartikel" class="mw-list-item"><a href="/wiki/Portaal:Navigatie"><span>Vind een artikel</span></a></li><li id="n-today" class="mw-list-item"><a href="/wiki/28_november"><span>Vandaag</span></a></li><li id="n-Etalage" class="mw-list-item"><a href="/wiki/Wikipedia:Etalage"><span>Etalage</span></a></li><li id="n-categories" class="mw-list-item"><a href="/wiki/Categorie:Alles"><span>Categorieën</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Speciaal:RecenteWijzigingen" title="Een lijst met recente wijzigingen in deze wiki. [r]" accesskey="r"><span>Recente wijzigingen</span></a></li><li id="n-newpages" class="mw-list-item"><a href="/wiki/Speciaal:NieuwePaginas"><span>Nieuwe artikelen</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Speciaal:Willekeurig" title="Een willekeurige pagina bekijken [x]" accesskey="x"><span>Willekeurige pagina</span></a></li> </ul> </div> </div> <div id="p-navigation2" class="vector-menu mw-portlet mw-portlet-navigation2" > <div class="vector-menu-heading"> Informatie </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-portal" class="mw-list-item"><a href="/wiki/Portaal:Gebruikersportaal" title="Informatie over het project: wat u kunt doen, waar u dingen kunt vinden"><span>Gebruikersportaal</span></a></li><li id="n-Snelcursus" class="mw-list-item"><a href="/wiki/Wikipedia:Snelcursus"><span>Snelcursus</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Portaal:Hulp_en_beheer" title="Hulpinformatie over deze wiki"><span>Hulp en contact</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Hoofdpagina" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="de vrije encyclopedie" src="/static/images/mobile/copyright/wikipedia-tagline-nl.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Speciaal:Zoeken" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Doorzoek Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Zoeken</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Doorzoek Wikipedia" aria-label="Doorzoek Wikipedia" autocapitalize="sentences" title="Doorzoek Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Speciaal:Zoeken"> </div> <button class="cdx-button cdx-search-input__end-button">Zoeken</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Persoonlijke hulpmiddelen"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Uiterlijk"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="De lettergrootte, breedte en kleur van de pagina wijzigen" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Uiterlijk" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Uiterlijk</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_nl.wikipedia.org&uselang=nl" class=""><span>Doneren</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Speciaal:GebruikerAanmaken&returnto=Webdevelopment" title="Registreer u vooral en meld u aan. Dit is echter niet verplicht." class=""><span>Account aanmaken</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Speciaal:Aanmelden&returnto=Webdevelopment" title="U wordt van harte uitgenodigd om aan te melden, maar dit is niet verplicht [o]" accesskey="o" class=""><span>Aanmelden</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Meer opties" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Persoonlijke hulpmiddelen" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Persoonlijke hulpmiddelen</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Gebruikersmenu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_nl.wikipedia.org&uselang=nl"><span>Doneren</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speciaal:GebruikerAanmaken&returnto=Webdevelopment" title="Registreer u vooral en meld u aan. Dit is echter niet verplicht."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Account aanmaken</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speciaal:Aanmelden&returnto=Webdevelopment" title="U wordt van harte uitgenodigd om aan te melden, maar dit is niet verplicht [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Aanmelden</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pagina's voor uitgelogde redacteuren <a href="/wiki/Help:Inleiding" aria-label="Meer leren over bewerken"><span>meer lezen</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Speciaal:MijnBijdragen" title="Bijdragen IP-adres [y]" accesskey="y"><span>Bijdragen</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Speciaal:MijnOverleg" title="Overlegpagina van de anonieme gebruiker van dit IP-adres [n]" accesskey="n"><span>Overleg</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Inhoud" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Inhoud</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">naar zijbalk verplaatsen</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">verbergen</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Top</div> </a> </li> <li id="toc-Wysiwyg" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Wysiwyg"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Wysiwyg</span> </div> </a> <ul id="toc-Wysiwyg-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Statische_en_dynamische_websites" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Statische_en_dynamische_websites"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Statische en dynamische websites</span> </div> </a> <ul id="toc-Statische_en_dynamische_websites-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Client-side_scripting" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Client-side_scripting"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Client-side scripting</span> </div> </a> <ul id="toc-Client-side_scripting-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Server-side_scripting" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Server-side_scripting"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Server-side scripting</span> </div> </a> <ul id="toc-Server-side_scripting-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Contentmanagementsystemen" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Contentmanagementsystemen"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Contentmanagementsystemen</span> </div> </a> <ul id="toc-Contentmanagementsystemen-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Zie_ook" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Zie_ook"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Zie ook</span> </div> </a> <ul id="toc-Zie_ook-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Externe_links" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Externe_links"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Externe links</span> </div> </a> <ul id="toc-Externe_links-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Inhoud" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Inhoudsopgave omschakelen" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Inhoudsopgave omschakelen</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Webdevelopment</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Ga naar een artikel in een andere taal. Beschikbaar in 29 talen" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-29" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">29 talen</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%AA%D8%B7%D9%88%D9%8A%D8%B1_%D9%88%D9%8A%D8%A8" title="تطوير ويب – Arabisch" lang="ar" hreflang="ar" data-title="تطوير ويب" data-language-autonym="العربية" data-language-local-name="Arabisch" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/%D0%92%D1%8D%D0%B1-%D1%80%D0%B0%D1%81%D0%BF%D1%80%D0%B0%D1%86%D0%BE%D1%9E%D0%BA%D0%B0" title="Вэб-распрацоўка – Belarussisch" lang="be" hreflang="be" data-title="Вэб-распрацоўка" data-language-autonym="Беларуская" data-language-local-name="Belarussisch" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/%D0%A3%D0%B5%D0%B1_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%B8%D1%80%D0%B0%D0%BD%D0%B5" title="Уеб програмиране – Bulgaars" lang="bg" hreflang="bg" data-title="Уеб програмиране" data-language-autonym="Български" data-language-local-name="Bulgaars" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%93%E0%A6%AF%E0%A6%BC%E0%A7%87%E0%A6%AC_%E0%A6%A1%E0%A7%87%E0%A6%AD%E0%A7%87%E0%A6%B2%E0%A6%AA%E0%A6%AE%E0%A7%87%E0%A6%A8%E0%A7%8D%E0%A6%9F" title="ওয়েব ডেভেলপমেন্ট – Bengaals" lang="bn" hreflang="bn" data-title="ওয়েব ডেভেলপমেন্ট" data-language-autonym="বাংলা" data-language-local-name="Bengaals" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-ckb mw-list-item"><a href="https://ckb.wikipedia.org/wiki/%D9%BE%DB%95%D8%B1%DB%95%D9%BE%DB%8E%D8%AF%D8%A7%D9%86%DB%8C_%D9%88%DB%8E%D8%A8" title="پەرەپێدانی وێب – Soranî" lang="ckb" hreflang="ckb" data-title="پەرەپێدانی وێب" data-language-autonym="کوردی" data-language-local-name="Soranî" class="interlanguage-link-target"><span>کوردی</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Webentwicklung" title="Webentwicklung – Duits" lang="de" hreflang="de" data-title="Webentwicklung" data-language-autonym="Deutsch" data-language-local-name="Duits" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Web_development" title="Web development – Engels" lang="en" hreflang="en" data-title="Web development" data-language-autonym="English" data-language-local-name="Engels" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Desarrollo_web" title="Desarrollo web – Spaans" lang="es" hreflang="es" data-title="Desarrollo web" data-language-autonym="Español" data-language-local-name="Spaans" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%AA%D9%88%D8%B3%D8%B9%D9%87_%D9%88%D8%A8" title="توسعه وب – Perzisch" lang="fa" hreflang="fa" data-title="توسعه وب" data-language-autonym="فارسی" data-language-local-name="Perzisch" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Web-ohjelmointi" title="Web-ohjelmointi – Fins" lang="fi" hreflang="fi" data-title="Web-ohjelmointi" data-language-autonym="Suomi" data-language-local-name="Fins" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Programmation_web" title="Programmation web – Frans" lang="fr" hreflang="fr" data-title="Programmation web" data-language-autonym="Français" data-language-local-name="Frans" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%B5%E0%A5%87%E0%A4%AC_%E0%A4%B5%E0%A4%BF%E0%A4%95%E0%A4%BE%E0%A4%B8" title="वेब विकास – Hindi" lang="hi" hreflang="hi" data-title="वेब विकास" data-language-autonym="हिन्दी" data-language-local-name="Hindi" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/%D5%8E%D5%A5%D5%A2_%D5%AE%D6%80%D5%A1%D5%A3%D6%80%D5%A1%D5%BE%D5%B8%D6%80%D5%B8%D6%82%D5%B4" title="Վեբ ծրագրավորում – Armeens" lang="hy" hreflang="hy" data-title="Վեբ ծրագրավորում" data-language-autonym="Հայերեն" data-language-local-name="Armeens" class="interlanguage-link-target"><span>Հայերեն</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Pengembangan_web" title="Pengembangan web – Indonesisch" lang="id" hreflang="id" data-title="Pengembangan web" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesisch" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Web%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0" title="Webプログラミング – Japans" lang="ja" hreflang="ja" data-title="Webプログラミング" data-language-autonym="日本語" data-language-local-name="Japans" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%EC%9B%B9_%EA%B0%9C%EB%B0%9C" title="웹 개발 – Koreaans" lang="ko" hreflang="ko" data-title="웹 개발" data-language-autonym="한국어" data-language-local-name="Koreaans" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-ku mw-list-item"><a href="https://ku.wikipedia.org/wiki/P%C3%AA%C5%9Fvebirina_Web%C3%AA" title="Pêşvebirina Webê – Koerdisch" lang="ku" hreflang="ku" data-title="Pêşvebirina Webê" data-language-autonym="Kurdî" data-language-local-name="Koerdisch" class="interlanguage-link-target"><span>Kurdî</span></a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/T%C4%ABmek%C4%BCa_izstr%C4%81de" title="Tīmekļa izstrāde – Lets" lang="lv" hreflang="lv" data-title="Tīmekļa izstrāde" data-language-autonym="Latviešu" data-language-local-name="Lets" class="interlanguage-link-target"><span>Latviešu</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/%D0%A1%D0%B5%D0%BC%D1%80%D0%B5%D0%B6%D0%BD%D0%B0_%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" title="Семрежна разработка – Macedonisch" lang="mk" hreflang="mk" data-title="Семрежна разработка" data-language-autonym="Македонски" data-language-local-name="Macedonisch" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-ml mw-list-item"><a href="https://ml.wikipedia.org/wiki/%E0%B4%B5%E0%B5%86%E0%B4%AC%E0%B5%8D_%E0%B4%A1%E0%B4%B5%E0%B4%B2%E0%B4%AA%E0%B5%8D%E2%80%8D%E0%B4%AE%E0%B5%86%E0%B4%A8%E0%B5%8D%E0%B4%B1%E0%B5%8D" title="വെബ് ഡവലപ്‍മെന്റ് – Malayalam" lang="ml" hreflang="ml" data-title="വെബ് ഡവലപ്‍മെന്റ്" data-language-autonym="മലയാളം" data-language-local-name="Malayalam" class="interlanguage-link-target"><span>മലയാളം</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Desenvolvimento_web" title="Desenvolvimento web – Portugees" lang="pt" hreflang="pt" data-title="Desenvolvimento web" data-language-autonym="Português" data-language-local-name="Portugees" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Dezvoltare_web" title="Dezvoltare web – Roemeens" lang="ro" hreflang="ro" data-title="Dezvoltare web" data-language-autonym="Română" data-language-local-name="Roemeens" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" title="Веб-разработка – Russisch" lang="ru" hreflang="ru" data-title="Веб-разработка" data-language-autonym="Русский" data-language-local-name="Russisch" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sq mw-list-item"><a href="https://sq.wikipedia.org/wiki/Zhvillimi_i_uebit" title="Zhvillimi i uebit – Albanees" lang="sq" hreflang="sq" data-title="Zhvillimi i uebit" data-language-autonym="Shqip" data-language-local-name="Albanees" class="interlanguage-link-target"><span>Shqip</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/Veb-razvoj" title="Veb-razvoj – Servisch" lang="sr" hreflang="sr" data-title="Veb-razvoj" data-language-autonym="Српски / srpski" data-language-local-name="Servisch" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Webbutveckling" title="Webbutveckling – Zweeds" lang="sv" hreflang="sv" data-title="Webbutveckling" data-language-autonym="Svenska" data-language-local-name="Zweeds" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%92%D0%B5%D0%B1%D1%80%D0%BE%D0%B7%D1%80%D0%BE%D0%B1%D0%BA%D0%B0" title="Веброзробка – Oekraïens" lang="uk" hreflang="uk" data-title="Веброзробка" data-language-autonym="Українська" data-language-local-name="Oekraïens" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E7%B6%B2%E9%A0%81%E7%A8%8B%E5%BC%8F%E8%A8%AD%E8%A8%88" title="網頁程式設計 – Chinees" lang="zh" hreflang="zh" data-title="網頁程式設計" data-language-autonym="中文" data-language-local-name="Chinees" class="interlanguage-link-target"><span>中文</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/%E7%B6%B2%E9%A0%81%E9%96%8B%E7%99%BC" title="網頁開發 – Kantonees" lang="yue" hreflang="yue" data-title="網頁開發" data-language-autonym="粵語" data-language-local-name="Kantonees" class="interlanguage-link-target"><span>粵語</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q386275#sitelinks-wikipedia" title="Taalkoppelingen bewerken" class="wbc-editpage">Koppelingen bewerken</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Naamruimten"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Webdevelopment" title="Inhoudspagina bekijken [c]" accesskey="c"><span>Artikel</span></a></li><li id="ca-talk" class="new vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Overleg:Webdevelopment&action=edit&redlink=1" rel="discussion" class="new" title="Overleg over deze pagina (de pagina bestaat niet) [t]" accesskey="t"><span>Overleg</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Taalvariant wijzigen" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Nederlands</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Weergaven"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Webdevelopment"><span>Lezen</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Webdevelopment&veaction=edit" title="Deze pagina bewerken [v]" accesskey="v"><span>Bewerken</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Webdevelopment&action=edit" title="Broncode van deze pagina bewerken [e]" accesskey="e"><span>Brontekst bewerken</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Webdevelopment&action=history" title="Eerdere versies van deze pagina [h]" accesskey="h"><span>Geschiedenis weergeven</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Paginahulpmiddelen"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Hulpmiddelen" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Hulpmiddelen</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Hulpmiddelen</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">naar zijbalk verplaatsen</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">verbergen</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Meer opties" > <div class="vector-menu-heading"> Handelingen </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Webdevelopment"><span>Lezen</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Webdevelopment&veaction=edit" title="Deze pagina bewerken [v]" accesskey="v"><span>Bewerken</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Webdevelopment&action=edit" title="Broncode van deze pagina bewerken [e]" accesskey="e"><span>Brontekst bewerken</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Webdevelopment&action=history"><span>Geschiedenis weergeven</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Algemeen </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Speciaal:VerwijzingenNaarHier/Webdevelopment" title="Lijst met alle pagina's die naar deze pagina verwijzen [j]" accesskey="j"><span>Links naar deze pagina</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Speciaal:RecenteWijzigingenGelinkt/Webdevelopment" rel="nofollow" title="Recente wijzigingen in pagina's waar deze pagina naar verwijst [k]" accesskey="k"><span>Gerelateerde wijzigingen</span></a></li><li id="t-upload" class="mw-list-item"><a href="//commons.wikimedia.org/wiki/Special:UploadWizard?uselang=nl" title="Bestanden uploaden [u]" accesskey="u"><span>Bestand uploaden</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Speciaal:SpecialePaginas" title="Lijst met alle speciale pagina's [q]" accesskey="q"><span>Speciale pagina's</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Webdevelopment&oldid=67503111" title="Permanente koppeling naar deze versie van deze pagina"><span>Permanente koppeling</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Webdevelopment&action=info" title="Meer informatie over deze pagina"><span>Paginagegevens</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Speciaal:Citeren&page=Webdevelopment&id=67503111&wpFormIdentifier=titleform" title="Informatie over hoe u deze pagina kunt citeren"><span>Deze pagina citeren</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Speciaal:UrlShortener&url=https%3A%2F%2Fnl.wikipedia.org%2Fwiki%2FWebdevelopment"><span>Verkorte URL verkrijgen</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Speciaal:QrCode&url=https%3A%2F%2Fnl.wikipedia.org%2Fwiki%2FWebdevelopment"><span>QR-code downloaden</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Afdrukken/exporteren </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Speciaal:Boek&bookcmd=book_creator&referer=Webdevelopment"><span>Boek aanmaken</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Speciaal:DownloadAsPdf&page=Webdevelopment&action=show-download-screen"><span>Downloaden als PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Webdevelopment&printable=yes" title="Printvriendelijke versie van deze pagina [p]" accesskey="p"><span>Afdrukversie</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In andere projecten </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Web_development" hreflang="en"><span>Wikimedia Commons</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q386275" title="Koppeling naar item in verbonden gegevensrepository [g]" accesskey="g"><span>Wikidata-item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Paginahulpmiddelen"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Uiterlijk"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Uiterlijk</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">naar zijbalk verplaatsen</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">verbergen</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Uit Wikipedia, de vrije encyclopedie</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="nl" dir="ltr"><p><b>Webdevelopment</b> is een verzamelnaam die wordt gebruikt voor alles wat met het realiseren van een <a href="/wiki/Website" title="Website">website</a> te maken heeft. Hieronder wordt onder andere verstaan: <a href="/wiki/Webdesign" title="Webdesign">webdesign</a>, client-side en server-side-<a href="/wiki/Programmeren_(computer)" title="Programmeren (computer)">programmeren</a> en beheer van <a href="/wiki/Webserver" title="Webserver">webservers</a>. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Wysiwyg">Wysiwyg</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Webdevelopment&veaction=edit&section=1" title="Bewerk dit kopje: Wysiwyg" class="mw-editsection-visualeditor"><span>bewerken</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Webdevelopment&action=edit&section=1" title="De broncode bewerken van de sectie: Wysiwyg"><span>brontekst bewerken</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><a href="/wiki/HyperText_Markup_Language" title="HyperText Markup Language">HTML</a>-<a href="/wiki/Broncode" title="Broncode">code</a> wordt gebruikt om een <a href="/wiki/Webpagina" title="Webpagina">webpagina</a> in te delen en op te maken (positioneren van tekstgedeelten en afbeeldingen, <a href="/wiki/Kleur" title="Kleur">kleuren</a>, <a href="/wiki/Lettertype" title="Lettertype">lettertypen</a> e.d.). De meeste ontwikkelaars schrijven het liefst de HTML-code zelf. Hierdoor heeft de ontwikkelaar meer controle over het resultaat. Daarnaast schrijft een ervaren <a href="/wiki/Softwareontwikkelaar" title="Softwareontwikkelaar">programmeur</a> deze code vrijwel net zo snel als dat een ander de pagina bouwt in een <a href="/wiki/Wysiwyg" title="Wysiwyg">wysiwyg</a>-editor. </p><p>Andere programmeurs geven de voorkeur om de code niet zelf te schrijven, maar dit over te laten aan een zogenaamde wysiwyg-editor. Hiermee stel je de pagina samen op een manier die te vergelijken is met het maken van een pagina in een <a href="/wiki/Tekstverwerker" title="Tekstverwerker">tekstverwerker</a> (zoals <a href="/wiki/LibreOffice" title="LibreOffice">LibreOffice</a> Writer of <a href="/wiki/Microsoft_Word" title="Microsoft Word">Microsoft Word</a>). De onderliggende code wordt door de <a href="/wiki/Applicatie" title="Applicatie">applicatie</a> automatisch gegenereerd. Bekende HTML-wysiwygeditors zijn <a href="/wiki/Microsoft_Expression_Web" title="Microsoft Expression Web">Microsoft Expression Web</a>, <a href="/wiki/Microsoft_SharePoint_Designer" title="Microsoft SharePoint Designer">Microsoft SharePoint Designer</a> en <a href="/wiki/Adobe_Dreamweaver" title="Adobe Dreamweaver">Adobe Dreamweaver</a>. Een veelgehoorde kritiek op wysiwyg-editors is dat ze onnodig ingewikkeld coderen, wat twee nadelen heeft: de code is nauwelijks leesbaar voor de ontwikkelaar en het heeft aanzienlijk grotere bestanden tot gevolg, wat de <a href="/wiki/Downloaden" title="Downloaden">download</a> van pagina's vertraagt voor websitebezoekers. </p><p>Veel wysiwyg-editors hebben ook een mogelijkheid om de HTML-code te bekijken en eventueel aan te passen. </p> <div class="mw-heading mw-heading2"><h2 id="Statische_en_dynamische_websites">Statische en dynamische websites</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Webdevelopment&veaction=edit&section=2" title="Bewerk dit kopje: Statische en dynamische websites" class="mw-editsection-visualeditor"><span>bewerken</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Webdevelopment&action=edit&section=2" title="De broncode bewerken van de sectie: Statische en dynamische websites"><span>brontekst bewerken</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Als je één of meer pagina's hebt met een stuk tekst en eventueel een paar plaatjes, kan je al spreken van een website. Een dergelijke website noem je een statische website omdat het niets anders doet dan een statische tekst en eventuele plaatjes tonen. Maar zodra je wilt dat een bezoeker zich op je website kan aanmelden (bijvoorbeeld voor een <a href="/wiki/Internetforum" title="Internetforum">forum</a>), of dat er actuele informatie uit derde bronnen wordt getoond, dan is het nodig dat de website haar gegevens kan opslaan in een <a href="/wiki/Database" title="Database">database</a>. Dan spreek je van een dynamische website. De inhoud van de website wordt namelijk actief/dynamisch samengesteld met gegevens uit een database. Om deze handelingen te automatiseren wordt er gebruikgemaakt van een <a href="/wiki/Programmeertaal" title="Programmeertaal">programmeertaal</a> en programmacode, die beschrijft welke handelingen de <a href="/wiki/Computer" title="Computer">computer</a> of <a href="/wiki/Server" title="Server">server</a> moet uitvoeren. Programmeertalen zijn onder te verdelen in twee hoofdgroepen: client-side en <a href="/wiki/Server-side_scripting" title="Server-side scripting">server-side talen</a>. Statische websites maken (tijdens hun interactie met de bezoeker) enkel gebruik van client-side programmacode, terwijl dynamische websites daarvoor ook server-side talen (kunnen) gebruiken. Er zijn ontwikkelingen die dit strikte onderscheid vertroebelen, waaronder de opkomst van de <a href="/w/index.php?title=JAMstack&action=edit&redlink=1" class="new" title="JAMstack (de pagina bestaat niet)">JAMstack</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Client-side_scripting">Client-side scripting</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Webdevelopment&veaction=edit&section=3" title="Bewerk dit kopje: Client-side scripting" class="mw-editsection-visualeditor"><span>bewerken</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Webdevelopment&action=edit&section=3" title="De broncode bewerken van de sectie: Client-side scripting"><span>brontekst bewerken</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Een client-side script is een script dat door de <a href="/wiki/Webbrowser" title="Webbrowser">browser</a> van de websitebezoeker wordt uitgevoerd. Hiervoor zijn verschillende scripttalen beschikbaar, zoals <a href="/wiki/VBScript" title="VBScript">VBScript</a> en <a href="/wiki/JScript" title="JScript">JScript</a>. Meestal werken sites met <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>, omdat alle browsertypen JavaScript ondersteunen. VBScript bijvoorbeeld wordt alleen ondersteund door <a href="/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> en niet door <a href="/wiki/Mozilla_Firefox" title="Mozilla Firefox">Mozilla Firefox</a>. </p><p>Client-side scripting wordt veel gebruikt in combinatie met <a href="/wiki/Dynamic_HTML" title="Dynamic HTML">DHTML</a> (Dynamic HTML). Denk hierbij aan het kopiëren of juist verbergen van een tekstveld als dit nodig is, maar ook het controleren of je in een aanmeldingsformulier alle gegevens hebt ingevuld. Op een goed doordachte website zul je nooit beveiligingskritische functies vinden die door een client-side script moeten worden uitgevoerd. </p> <div class="mw-heading mw-heading2"><h2 id="Server-side_scripting">Server-side scripting</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Webdevelopment&veaction=edit&section=4" title="Bewerk dit kopje: Server-side scripting" class="mw-editsection-visualeditor"><span>bewerken</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Webdevelopment&action=edit&section=4" title="De broncode bewerken van de sectie: Server-side scripting"><span>brontekst bewerken</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Server-side script is een <a href="/wiki/Scripttaal" title="Scripttaal">script</a> dat niet door de browser, maar door de webserver wordt uitgevoerd. Deze voert de handelingen uit die in het script zijn beschreven, waaronder bijvoorbeeld het aanroepen van een database, en stelt aan de hand hiervan een HTML-bestand samen. Dit bestand wordt vervolgens naar de client (de browser van de websitebezoeker) gestuurd. De client ziet dus nooit het server-side script, omdat dit cruciale informatie kan bevatten, zoals databasewachtwoorden. </p><p>De populairste talen voor server-side scripting zijn <a href="/wiki/Active_Server_Pages" title="Active Server Pages">ASP</a>, <a href="/wiki/ASP.NET" title="ASP.NET">ASP.NET</a> en <a href="/wiki/PHP" title="PHP">PHP</a>. ASP.NET is de opvolger van ASP (Active Server Pages), beide van <a href="/wiki/Microsoft" title="Microsoft">Microsoft</a>. Hoewel ASP door (vooral kleinere) bedrijven nog af en toe wordt gebruikt, is opvolger ASP.NET de populairste van de twee. Tot 2008 gaven vooral grotere IT-bedrijven de voorkeur aan deze taal, vooral vanwege de <a href="/wiki/Objectgeori%C3%ABnteerd" title="Objectgeoriënteerd">object-georiënteerde</a> eigenschappen, die het eenvoudiger maakt om grote complexe systemen te bouwen en te onderhouden. Sinds de introductie van PHP versie 5 maken steeds meer grote IT-bedrijven de overstap naar PHP omdat de nieuwe versie zich richt op object-georiënteerde programmatuur en complexe structuren. PHP (PHP Hypertext Preprocessor) is vanaf de <a href="/wiki/Stabiele_versie" title="Stabiele versie">stabiele versie</a> 3 populair geweest onder amateurs en kleinere webbedrijven. Dit komt vooral omdat de taal redelijk eenvoudig van structuur is en daardoor vrij snel te leren is. Andere voordelen van PHP zijn, dat het door de manier waarop het script wordt uitgevoerd, deze websites erg snel laden. Ook zijn de investeringskosten laag omdat PHP een <a href="/wiki/Opensourcesoftware" title="Opensourcesoftware">opensourceproject</a> is en daarom gratis gebruikt mag worden. PHP kan zeer goed draaien op een <a href="/wiki/Personal_computer" title="Personal computer">pc</a> of <a href="/wiki/Server" title="Server">server</a> onder <a href="/wiki/Microsoft_Windows" title="Microsoft Windows">Windows</a>, maar is eigenlijk bedoeld om te worden gebruikt in een <a href="/wiki/LAMP" title="LAMP">LAMP</a>-configuratie. Dat is de combinatie van vier opensourceprojecten: een <a href="/wiki/Linux" title="Linux">Linux</a><a href="/wiki/Besturingssysteem" title="Besturingssysteem">besturingssysteem</a> met een <a href="/wiki/Apache_(webserver)" title="Apache (webserver)">Apache</a>-webserver, een <a href="/wiki/MySQL" title="MySQL">MySQL</a>-database en PHP-scriptondersteuning. </p><p>Naast de genoemde scripttalen zijn er ook nog minder gebruikte talen, zoals <a href="/wiki/Perl_(programmeertaal)" title="Perl (programmeertaal)">Perl</a>, <a href="/wiki/Adobe_ColdFusion" title="Adobe ColdFusion">ColdFusion</a>, <a href="/wiki/Python_(programmeertaal)" title="Python (programmeertaal)">Python</a> en <a href="/wiki/Ruby_(programmeertaal)" title="Ruby (programmeertaal)">Ruby</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Contentmanagementsystemen">Contentmanagementsystemen</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Webdevelopment&veaction=edit&section=5" title="Bewerk dit kopje: Contentmanagementsystemen" class="mw-editsection-visualeditor"><span>bewerken</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Webdevelopment&action=edit&section=5" title="De broncode bewerken van de sectie: Contentmanagementsystemen"><span>brontekst bewerken</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>De laatste jaren worden kant en klare <a href="/wiki/Contentmanagementsysteem" title="Contentmanagementsysteem">contentmanagementsystemen</a> steeds populairder. Naast verschillende professionele commerciële systemen, zijn er verschillende opensource-systemen beschikbaar zoals <a href="/wiki/XOOPS" title="XOOPS">XOOPS</a>, <a href="/wiki/Joomla!" title="Joomla!">Joomla!</a>, <a href="/wiki/WordPress" title="WordPress">WordPress</a>, <a href="/wiki/TYPO3" title="TYPO3">TYPO3</a> en <a href="/wiki/Drupal" title="Drupal">Drupal</a>. Hiermee is het mogelijk om een actieve website te bouwen zonder één regel script te hoeven schrijven. In deze systemen kan men aan de hand van kant en klare <a href="/wiki/Template_(software)" title="Template (software)">templates</a> en allerlei vooraf in te vullen instellingen een complete website configureren. Wel vergt het flink wat tijd, energie en inzicht om thuis te raken in zo'n systeem. </p> <div class="mw-heading mw-heading2"><h2 id="Zie_ook">Zie ook</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Webdevelopment&veaction=edit&section=6" title="Bewerk dit kopje: Zie ook" class="mw-editsection-visualeditor"><span>bewerken</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Webdevelopment&action=edit&section=6" title="De broncode bewerken van de sectie: Zie ook"><span>brontekst bewerken</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Webdesign" title="Webdesign">Webdesign</a></li> <li><a href="/wiki/Webdesigner" title="Webdesigner">Webdesigner</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="Externe_links">Externe links</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Webdevelopment&veaction=edit&section=7" title="Bewerk dit kopje: Externe links" class="mw-editsection-visualeditor"><span>bewerken</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Webdevelopment&action=edit&section=7" title="De broncode bewerken van de sectie: Externe links"><span>brontekst bewerken</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><style data-mw-deduplicate="TemplateStyles:r67679320">.mw-parser-output .taalaanduiding{font-family:sans-serif;font-size:85%;cursor:help;color:var(--color-subtle,#555)}.mw-parser-output .taalaanduiding span{border-bottom:1px dotted var(--color-subtle,#555)}</style><span class="taalaanduiding" title="Taal: Engels">(<span>en</span>) </span><a rel="nofollow" class="external text" href="http://w3.org">W3C</a></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r67679320"><span class="taalaanduiding" title="Taal: Engels">(<span>en</span>) </span><a rel="nofollow" class="external text" href="http://www.php.net">PHP</a></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r67679320"><span class="taalaanduiding" title="Taal: Engels">(<span>en</span>) </span><a rel="nofollow" class="external text" href="https://www.apache.org">Apache project</a></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r67679320"><span class="taalaanduiding" title="Taal: Engels">(<span>en</span>) </span><a rel="nofollow" class="external text" href="http://www.mysql.com">MySQL</a></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r67679320"><span class="taalaanduiding" title="Taal: Engels">(<span>en</span>) </span><a rel="nofollow" class="external text" href="http://msdn2.microsoft.com/en-us/asp.net/default.aspx">ASP.NET Developer Center</a></li></ul> <style data-mw-deduplicate="TemplateStyles:r67837862">.mw-parser-output .navigatie{position:relative;clear:both;overflow:auto;margin:1em auto -0.5em;padding:2px;background-color:var(--background-color-neutral-subtle,#f8f9fa);border:1px solid var(--border-color-base,#a2a9b1);text-align:center;font-size:87%}.mw-parser-output .navigatie-bewerken{margin-left:0.5em}.mw-parser-output .navigatie-bewerken .mw-ui-icon::before{background-size:0.9em}.mw-parser-output .navigatie-afb-links,.mw-parser-output .navigatie-afb-rechts{position:absolute}.mw-parser-output .navigatie-afb-rechts{right:2px}.mw-parser-output .navigatie-afb-groot{float:right;padding-left:0.5em}.mw-parser-output .navigatie-titel{background-color:#ddeef8;padding:2px 5.5em;font-weight:bold}.mw-parser-output .navigatie-inhoud{padding:0.5em}.mw-parser-output .navigatie-inhoud p:first-child{margin:0}.mw-parser-output .navigatie div[style*="background-color"],.mw-parser-output .navigatie div[style*="background"]{color:inherit}@media screen{html.skin-theme-clientpref-night .mw-parser-output .navigatie-titel{background-color:var(--background-color-interactive,#eaecf0)!important}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navigatie-titel{background-color:var(--background-color-interactive,#eaecf0)!important}}</style> <div class="navigatie" role="navigation" aria-labelledby="Webdesign"> <div class="navigatie-afb-links noviewer"><div class="navigatie-bewerken show-autoconfirmed nomobile"><span class="nowrap skin-invert-image"><span typeof="mw:File"><a href="/wiki/Sjabloon:Navigatie_webdesign" title="Sjabloon:Navigatie webdesign"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c4/OOjs_UI_icon_article-ltr.svg/16px-OOjs_UI_icon_article-ltr.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c4/OOjs_UI_icon_article-ltr.svg/24px-OOjs_UI_icon_article-ltr.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c4/OOjs_UI_icon_article-ltr.svg/32px-OOjs_UI_icon_article-ltr.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span> · <span typeof="mw:File"><a href="https://en.wikipedia.org/wiki/nl:Overleg_sjabloon:Navigatie_webdesign" title="Overleg sjabloon"><img alt="Overleg sjabloon" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/OOjs_UI_icon_speechBubbles-ltr.svg/16px-OOjs_UI_icon_speechBubbles-ltr.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/40/OOjs_UI_icon_speechBubbles-ltr.svg/24px-OOjs_UI_icon_speechBubbles-ltr.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/40/OOjs_UI_icon_speechBubbles-ltr.svg/32px-OOjs_UI_icon_speechBubbles-ltr.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span> · <span typeof="mw:File"><a href="//nl.wikipedia.org/w/index.php?title=Sjabloon:Navigatie_webdesign&action=edit" title="Sjabloon bewerken"><img alt="Sjabloon bewerken" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr.svg/16px-OOjs_UI_icon_edit-ltr.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr.svg/24px-OOjs_UI_icon_edit-ltr.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr.svg/32px-OOjs_UI_icon_edit-ltr.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span></span></div></div> <div id="Webdesign" class="navigatie-titel"><a href="/wiki/Webdesign" title="Webdesign">Webdesign</a></div> <div class="navigatie-inhoud"> <style data-mw-deduplicate="TemplateStyles:r67785531">.mw-parser-output .navigatie-tabel{margin:0 auto 0 auto;text-align:left}.mw-parser-output .navigatie-tabel .links{text-align:right}.mw-parser-output .navigatie-tabel .rechts{padding-left:0.5em}@media screen and (max-width:640px){.mw-parser-output .navigatie-tabel tr{display:grid;grid-template-columns:1fr;width:100%;margin-bottom:0.5em}.mw-parser-output .navigatie-tabel tr:last-of-type{margin-bottom:0}.mw-parser-output .navigatie-tabel .links{text-align:unset}.mw-parser-output .navigatie-tabel .rechts{padding:unset}}</style><table class="navigatie-tabel vatop" cellpadding="0" cellspacing="0" style=""><tbody><tr><td class="links" style=""><b><a href="/wiki/Opmaaktaal" title="Opmaaktaal">Opmaaktaal</a>:</b></td><td class="rechts"><a href="/wiki/HyperText_Markup_Language" title="HyperText Markup Language">HTML</a> · <a href="/wiki/HTML5" title="HTML5">HTML5</a> · <a href="/wiki/Extensible_Markup_Language" title="Extensible Markup Language">XML</a> · <a href="/wiki/Extensible_HyperText_Markup_Language" title="Extensible HyperText Markup Language">XHTML</a> · <a href="/wiki/Compact_HTML" title="Compact HTML">Compact HTML</a> · <a href="/wiki/Wireless_Markup_Language" title="Wireless Markup Language">WML</a> · <a href="/wiki/XHTML_Basic" title="XHTML Basic">XHTML Basic</a></td></tr><tr><td class="links"><b>Design:</b></td><td class="rechts"><a href="/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> · <a href="/wiki/XSL_Formatting_Objects" title="XSL Formatting Objects">XSL-FO</a> · <a href="/wiki/Extensible_Stylesheet_Language_Transformations" title="Extensible Stylesheet Language Transformations">XSLT</a></td></tr><tr><td class="links"><b>Interactie:</b></td><td class="rechts"><a href="/wiki/Document_Object_Model" title="Document Object Model">Document Object Model</a> · <a href="/wiki/HTML-event" title="HTML-event">event</a> · <a href="/wiki/HTML-scripting" title="HTML-scripting">scripting</a> · <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> · <a href="/wiki/Asynchronous_JavaScript_and_XML" title="Asynchronous JavaScript and XML">AJAX</a> · <a href="/wiki/Dynamic_HTML" title="Dynamic HTML">dynamic HTML</a></td></tr><tr><td class="links"><b>Referentie:</b></td><td class="rechts"><a href="/wiki/Lijst_van_HTML-kleuren" title="Lijst van HTML-kleuren">HTML-kleuren</a> · <a href="/wiki/HTML-element" title="HTML-element">HTML-tags</a> · <a href="/wiki/Lijst_van_HTML-entiteiten" title="Lijst van HTML-entiteiten">HTML-entiteiten</a> · <a href="/wiki/Lijst_van_HTML-events" title="Lijst van HTML-events">HTML-events</a></td></tr><tr><td class="links"><b>Details:</b></td><td class="rechts"><a href="/wiki/Browser_sniffing" title="Browser sniffing">browser sniffing</a> · <a href="/wiki/Useragent" title="Useragent">useragent</a> · <a href="/wiki/Cookie_(internet)" title="Cookie (internet)">(magic) cookie</a> · <a href="/wiki/Metatag" title="Metatag">metatag</a> · <a href="/wiki/Document_type_definition" title="Document type definition">DTD</a> · <a href="/wiki/Broodkruimelnavigatie" title="Broodkruimelnavigatie">broodkruimelnavigatie</a> · <a href="/wiki/Inline_image" title="Inline image">inline image</a> · <a href="/wiki/Java-applet" title="Java-applet">Java-applet</a> · <a href="/wiki/Adobe_Flash" title="Adobe Flash">Adobe Flash</a> · <a href="/wiki/HTML-formulier" title="HTML-formulier">HTML-formulier</a> · <a href="/wiki/Favicon" title="Favicon">favicon</a> · <a href="/wiki/Frame_(HTML)" title="Frame (HTML)">frames</a> · <a href="/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG</a> · <a href="/wiki/Web_Accessibility_Initiative" title="Web Accessibility Initiative">WAI</a></td></tr><tr><td class="links"><span class="nowrap"><b>Editor (code):</b></span></td><td class="rechts"><a href="/wiki/Amaya" title="Amaya">Amaya</a> · <a href="/wiki/Bluefish" title="Bluefish">Bluefish</a> · <a href="/wiki/Quanta_Plus" title="Quanta Plus">Quanta Plus</a> · <a href="/wiki/Notepad%2B%2B" title="Notepad++">Notepad++</a></td></tr><tr><td class="links"><span class="nowrap"><b>Editor (<a href="/wiki/Wysiwyg" title="Wysiwyg">wysiwyg</a>):</b></span></td><td class="rechts"><a href="/wiki/Adobe_Dreamweaver" title="Adobe Dreamweaver">Dreamweaver</a> · <a href="/wiki/BlueGriffon" title="BlueGriffon">BlueGriffon</a> · <a href="/wiki/KompoZer" title="KompoZer">KompoZer</a> · <a href="/wiki/Microsoft_FrontPage" title="Microsoft FrontPage">FrontPage</a> · <a href="/wiki/Microsoft_Expression_Web" title="Microsoft Expression Web">Expression Web</a> · <a href="/wiki/Nvu_(webpagina-editor)" title="Nvu (webpagina-editor)">Nvu</a> · <a href="/wiki/SeaMonkey" title="SeaMonkey">SeaMonkey Composer</a></td></tr><tr><td class="links"><b>Verwant:</b></td><td class="rechts"><a class="mw-selflink selflink">webdevelopment</a> · <a href="/wiki/Wereldwijd_web" title="Wereldwijd web">wereldwijd web</a> · <a href="/wiki/Webbrowser" title="Webbrowser">webbrowser</a> · <a href="/wiki/Webserver" title="Webserver">webserver</a> · <a href="/wiki/Grafisch_programma" title="Grafisch programma">grafisch programma</a> · <a href="/wiki/Teksteditor" title="Teksteditor">teksteditor</a> · <a href="/wiki/HTML-editor" title="HTML-editor">HTML-editor</a></td></tr></tbody></table> </div></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Overgenomen van "<a dir="ltr" href="https://nl.wikipedia.org/w/index.php?title=Webdevelopment&oldid=67503111">https://nl.wikipedia.org/w/index.php?title=Webdevelopment&oldid=67503111</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Categorie:Alles" title="Categorie:Alles">Categorieën</a>: <ul><li><a href="/wiki/Categorie:ICT-beroep" title="Categorie:ICT-beroep">ICT-beroep</a></li><li><a href="/wiki/Categorie:Programmeren" title="Categorie:Programmeren">Programmeren</a></li><li><a href="/wiki/Categorie:Webdesign" title="Categorie:Webdesign">Webdesign</a></li><li><a href="/wiki/Categorie:World_wide_web" title="Categorie:World wide web">World wide web</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Deze pagina is voor het laatst bewerkt op 8 mei 2024 om 14:02.</li> <li id="footer-info-copyright">De tekst is beschikbaar onder de licentie <a rel="nofollow" class="external text" href="//creativecommons.org/licenses/by-sa/4.0/deed.nl">Creative Commons Naamsvermelding/Gelijk delen</a>, er kunnen aanvullende voorwaarden van toepassing zijn. Zie de <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use/nl">gebruiksvoorwaarden</a> voor meer informatie.<br /> Wikipedia® is een geregistreerd handelsmerk van de <a rel="nofollow" class="external text" href="https://www.wikimediafoundation.org">Wikimedia Foundation, Inc.</a>, een organisatie zonder winstoogmerk.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacybeleid</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia">Over Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Algemeen_voorbehoud">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Gedragscode</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Ontwikkelaars</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/nl.wikipedia.org">Statistieken</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookieverklaring</a></li> <li id="footer-places-mobileview"><a href="//nl.m.wikipedia.org/w/index.php?title=Webdevelopment&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobiele weergave</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-57488d5c7d-qcsrz","wgBackendResponseTime":133,"wgPageParseReport":{"limitreport":{"cputime":"0.058","walltime":"0.077","ppvisitednodes":{"value":457,"limit":1000000},"postexpandincludesize":{"value":12880,"limit":2097152},"templateargumentsize":{"value":5622,"limit":2097152},"expansiondepth":{"value":10,"limit":100},"expensivefunctioncount":{"value":1,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":3539,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 43.344 1 -total"," 71.69% 31.072 1 Sjabloon:Navigatie_webdesign"," 63.46% 27.508 1 Sjabloon:Navigatie"," 28.75% 12.462 1 Sjabloon:Navigatie/Tabel"," 27.33% 11.845 5 Sjabloon:En"," 17.69% 7.666 1 Sjabloon:Taalaanduiding"," 6.67% 2.890 1 Sjabloon:Bewerklinks"," 3.51% 1.521 2 Sjabloon:Nowrap"]},"cachereport":{"origin":"mw-web.codfw.main-f69cdc8f6-5zrpf","timestamp":"20241122223318","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Webdevelopment","url":"https:\/\/nl.wikipedia.org\/wiki\/Webdevelopment","sameAs":"http:\/\/www.wikidata.org\/entity\/Q386275","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q386275","author":{"@type":"Organization","name":"Bijdragers aan Wikimedia-projecten"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2007-02-14T17:43:53Z","dateModified":"2024-05-08T13:02:01Z"}</script> </body> </html>