MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

De publicatie van je website

Als je code eenmaal af is en je hebt de bestanden die je website opmaken, georganiseerd, moet je de site online zetten zodat mensen hem kunnen vinden. Dit artikel legt uit hoe je jouw eenvoudige voorbeeldcode met weinig moeite online kan zetten. 

Welke opties zijn er?

De publicatie van een website is geen eenvoudig onderwerp. Er zijn zoveel manieren om een website online te zetten. In dit artikel gaan we niet proberen om alle methodes uit te doeken te doen. We gaan ons beperken tot de pro's en contra's van drie algemene stragegieën vanuit het standpunt van een beginner en dan bespreken we met jou stap voor stap één methode die geschikt is voor onze code.

Hosting met een domeinnaam

Als je totale controle over je gepucliceerde website wil hebben, dan zal je waarschijnlijk geld aan hosting en een domeinnaam moeten uitgeven :

  • Hosting — je huurt ruimte om je bestanden op de webserver van een firma te zetten die deze hostingdienst aanbiedt. Je slaat al je bestanden op in deze ruimte en de webserver toont de inhoud aan de webgebruikers die je website willen bekijken.
  • Een domeinnaam — het unieke adres waarop mensen je website kunnen vinden zoals bijvoorbeeld /www.mozilla.org, of http://www.bbc.co.uk. Je huurt je domeinnaam voor een vastgelegd aantal jaren van een domeinregistratiebedrijf.

Vele professionele websites gaan op die manier online.

Je zal bovendien ook een File Transfer Protocol (FTP)-programma (zie How much does it cost: software  voor meer details) nodig hebben om de bestanden van je website naar de server over te hevelen. FTP-programma's verschillen onderling zeer veel van elkaar, maar meestal moet je op de webserver inloggen met details die jou worden aangeboden door je hostingbedrijf (bijvoorbeeld gebruikersnaam, paswoord, hostnaam). Dan toont het programma jouw lokale bestanden en die van de webserver in twee vensters, zodat je ze heen en weer kan slepen en in het juiste venster loslaten:

Tips voor het vinden van hostingruimte en domeinen

  • We promoten hier geen specifieke commerciële hostingbedrijven. Om hostingbedrijven en domeinnaamregistratiehouders te vinden, zoek je gewoon op "web hosting" en "domeinnamen" naar een bedrijf dat domeinnaamregistraties verkoopt. Dit soort bedrijven zullen één of andere functionaliteit aanbieden waarmee je een domeinnaam naar keuze kunt opzoeken.
  • Het is mogelijk dat je Internetprovider (bij je thuis of die van je bedrijf) hosting voor een kleine website aanbiedt. De beschikbare set van hulpmiddelen zal beperkt zijn maar het is misschien perfect voor je eerste experimenten  — neem contact met hen op en vraag ernaar!
  • Er zijn bedrijven die gratis diensten aanbieden. Dat zijn bedrijven zoals Neocities, Blogger, en WordPress. Opnieuw, het zal vrij beperkt zijn, maar ze zijn ideaal voor je eerste experimenten. Gratis diensten vereisen meestal geen FTP-software voor uploads  — je kan gewoon alles naar het webinterface slepen om je bestanden te uploaden.
  • Sommige bedrijven bieden zowel hosting als domeinen in één paket aan.

Gebruik een online dienst zoals GitHub of Google App Engine

Met sommige webinstrumenten kan je je website online publiceren:

  • GitHub is een "sociale coderingssite". Je kan er je bestanden naar uploaden en ze er opslaan. Github werkt als een opslagplaats voor je code in het  Git versie-beheersysteem. Je kan dan met anderen samenwerken en code voor je project schrijven. Het systeem is standaard open-source ('open bron' in het Nederlands). Dat wil zeggen dat men overal ter wereld je code op Github kan vinden, gebruiken, ervan leren en die verbeteren. Github biedt een zeer nuttige dienst aan die GitHub Pages heet. Daarmee kan je je website live op het web tonen.
  • Google App Engine is een krachtig platform waarmee je applicaties op Google’s infrastructuur kan bouwen en uitvoeren. Je kan van nul een webapplicatie opbouwen die uit meerdere niveaus zal bestaan maar je kan ook gewoon een statische website maken. Zie How do you host your website on Google App Engine? voor meer informatie.

In tegenstelling tot hosting, kan je zulke webinstrumenten meestal gratis gebruiken maar hun functionaliteit zal beperkt zijn. 

Gebruik een IDE op het internet zoals Thimble

Er zijn een aantal webapps die een omgeving nabootsen waarin je je website kan ontwikkelen. (IDE staat voor Integrated Development Environment. In het Nederlands is dat Geïntegreerde Ontwikkelingsomgeving). Je kan er je  HTML, CSS and JavaScript in schrijven en je kan het resultaat van al die code weergeven als een website — en dat allemaal in één tabblad van je browser. Meestal zijn deze instrumenten vrij gemakkelijk in het gebruik, geweldig om mee te leren, gratis (toch de basisdiensten) en ze tonen je weergegeven pagina op een uniek webadres. De hulpmiddelen die je kan gebruiken, zijn echter nogal beperkt en de apps bieden meestal enkel hostingruimte aan voor tekst (afbeeldingen kan je er bijvoorbeeld niet in steken.

Speel een beetje met een paar van deze voorbeelden en kijk eens welke jou het meeste aanspreekt:

Publiceren via GitHub

Nu gaan we stap voor stap je site op een gemakkelijke manier publiceren met GitHub Pages.

  1. Eerst, schrijf je je in bij GitHub en verifiëer je je emailadres. 
  2. Daarna moet je een een opslagplaats of repository creëren waarin je je bestanden zult steken. (Het woord repository wordt zeer vaak gebruikt. Het doet het dan ook veel beter dan opslagplaats in een zoekmachine.)
  3. Op deze pagina, in het invoerveld dat Repository name heet, voer je username.github.io in, waar username jouw gebruikersnaam is. Dus bijvoorbeeld, onze vriend bobsmith zou je dan invoeren als bobsmith.github.io.
    Vink ook Initialize this repository with a README aan en click dan op Create repository.
  4. Daarna sleep je de inhoud van je websitemap naar je repository en laat je die erin vallen. Dan klik je op Commit changes (dit betekent ongeveer 'sla de veranderingen op'.)
     

    Opmerking: Zorg ervoor dat je map een index.html bestand heeft.

  5. Nu navigeer je je browser naar username.github.io om je website online te zien. Bijvoorbeeld, voor de gebruikersnaam chrisdavidmills, ga je naar chrisdavidmills.github.io.

    Opmerking: Het kan een paar minuten duren vooraleer je website live is. Als het niet onmiddellijk werkt, zal je paar minuten moeten wachten en dan opnieuw proberen.

Om meer te leren ga je naar GitHub Pages Help.

Meer lezen over

Documentlabels en -medewerkers

 Aan deze pagina hebben bijgedragen: mientje
 Laatst bijgewerkt door: mientje,