Bouw je eigen webserver

Voordat er sprake kan zijn van een webserver, moeten we eert even een website bouwen. Dat klinkt ingewikkeld, maar dat is het niet. Als we het begrip website terugbrengen tot zijn essentie, dan blijft er weinig meer over dan een HTML-bestand dat is te vinden in een subdirectory op je systeem.                 Zo beschouwd, is een volwaardige website niets meer en niets minder dan véél HTML-bestanden in diverse subdirectories met extra toegevoegde elementen.

Het opzetten van een website gaat als volgt:                                                                                                Stap 1. Start de Windows Verkenner en ga naar de wortel van de C: harde schijf.                                Stap 2. Kies voor de menuoptie Bestand / Nieuw / Map.                                                                            Stap 3. Geef de nieuwe subdirectory de naam 'Website'.                                                                             Dit zal de wortelsubdirectory van de website worden.                                                                                Stap 4. Open deze nieuwe subdirectory Website en maak wederom een nieuwe map aan.                    Stap 5. Deze nieuwe map krijgt de naam 'Images'. Hierin komen alle afbeeldingen te staan.                 De HTML-pagina's in C:\Website\ verwijzen naar deze subdirectory.

Deze workshop mag natuurlijk niets kosten, dus zoeken we alle benodigheden in de categorie 'freeware' op internet. Als eerste hebben we een HTML-editor nodig.                                                 Nadat we even hebben rondgekeken, valt ons gierige oog op AceHTML 4 Freeware, dat we vinden op de website http://www.visicomedia.com. Als AceHTML 4 Freeware is opgestart, gaan we direct aan de slag. De website die we op dit moment in elkaar zetten, zal slechts een Under Construction-pagina zijn, want op dit moment is een eerste aanzet meer dan voldoende.                                                            Even stap voor stap:   

Stap 1. Gebruik je AceHTML 4 Freeware voor de eerste keer?  Zoek dan automatisch contact met de maker om een gratis registratiecode op te halen; deze wordt je enige tellen later per email. toegezonden.                                                                                                                                                         

Stap 2. Als het programma doorstart, kun je direct beginnen met de webpagina.                     Bijvoorbeeld een klein stukje tekst, twee linebreaks en een plaatje dat automatisch van een clipart-website kan worden opgehaald.         

Stap 3. Het plaatje is een Under Construction-afbeelding en wordt bewaard in de subdirectory C:\Website\Images\                                                                                                                                              

Stap 4. De HTML-pagina kan met behulp van de interne browser worden bekeken en vervolgens worden weggeschreven als 'Index.html' in de subdirectory C:\Website\                                                         

Stap 5. Nu kunnen we Internet Verkenner openen. Klik dan Bestand en openen.                                   

Stap 6. Met behulp van het dialoogvenster ga je vervolgens op zoek naar het bestand C:\Website\Index.html. Is dat bestand gevonden? Dan klik je op OK.                                                         

Stap 7. Internet Verkenner zal vervolgens het HTML-bestand openen en afbeelden. Wellicht besef je het nog niet helemaal, maar op dit moment hebben we een belangrijke stap gezet in de richting van een volwaardige website. De basis van een website is het HTML-bestand waaruit deze is opgebouwd en van dat HTML-bestand moet bekend zijn op welke lokatie het is te vinden in C:\Website.     Dat is alles...

En daarmee is het tijd geworden om een webserver te installeren.                                                            Ook nu gaan we gebruikmaken van een stukje freeware. Wie kritisch op zoek gaat, komt terecht op de website van AnalogX, die is te vinden op het adres http://www.analogx.com.                                         Hier vinden we meerdere internet-utilities, waaronder het programma SimpleServer WWW. Als we de specificaties doorlezen, dan komen we te weten dat onder andere CGI,MIME en lange bestandsnamen worden ondersteund. En dat moet genoeg zijn. We zullen SimpleServer WWW dan ook gaan installeren. Daarna weer stap voor stap:                               

Stap 1. Ga naar start, waar je op zoek gaat naar de menu-optie SimpleServer WWW. Gevonden?    Dan aanklikken, waarna de webserver-software voor het eerst de lucht in gaat.

Stap 2. Vervolgens moet de zogeheten Root File worden geselecteerd. Dit is het HTML-bestand dat wordt gepresenteerd als iemand jouw website bezoekt. Klik in het hoofdscherm op de knop click here to select your Web directory en ga op zoek naar het bestand C:\Website\Index.html\

Stap 3. Teruggekeerd in het hoofdscherm van SimpleServer WWW, klik je op de knop Start om de webserver-software te activeren. Wat zien we intussen? Boven in het scherm staat (we komen hier nog op terug) het IP-adres van de pc waarop de website is ingericht. Onder in het scherm staat de naam van de wortel-bestand van de website. Verder merken we op dat de knop Start in stop is veranderd. En nu wordt het spannend: Zou de website het doen? Daar komen we achter door op een andere computer-die is aangesloten op internet - het volgende in te typen op de adresregel van Internet Verkenner: 195.109.161.176.  Dat is immers het IP-adres van de webserver die we net hebben ingericht. Probeer je het even? Zoals je ziet, is de webserver netjes in de lucht en kan de website worden benaderd. Daardoor krijgen we de eerder aangemaakte HTML-pagina wederom in de brower te zien. Met dien verstande dat de verbinding nu via internet wordt gelegd!

Een domeinnaam vastleggen

Het is natuurlijk niet netjes als je een IP-adres doorgeeft als URL. Liever hebben we een eigen domeinnaam, maar daar zijn kosten aan verbonden en dat is bedoeling niet...                                         Nog even iets over dat IP-adres. Als je een eigen webserver in de lucht wilt brengen, dan is een vast IP-adres een vereiste. Wie gewoon af en toe inbelt bij z'n provider, heeft geen vast IP-adres.             Wie daarentegen 24 uur per dag online is, die heeft wel een vast IP-adres.                                          Zo'n vast IP-adres krijg je toegewezen door het kabelbedrijf, door de provider met wie je een deal hebt gemaakt of door de systeembeheerder van het bedrijf waar je werkzaam bent (in het laatste geval is het netwerk van dat bedrijf direct op internet aangesloten en dan krijgen alle medewerkers een eigen exclusief IP-adres). Hoe kan je te weten wat het vaste IP-adres is?

Stap 1. Je gaat naat Start : Instellingen / Configuratiescherm / Netwerk.  

Stap 2. Je klikt de optie TCP/IP aan en je klikt daarna op de button Eigenschappen.

Stap 3. Op het tabblad IP-adres van je pc is. Toegegeven, dit IP-adres hebben we al eerder gezien toen we bezig waren met het opstarten van de webserver-software, want SimpleServer WWW was zo slim om het zelf te vinden en te tonen. Nu echter weten we op welke plek dat IP-adres wordt beheerd. De volgende stap is het maken van de koppeling tussen een leesbare URK en het ondhandige IP-adres. We praten dan over een domeinnaam en daar zijn, zoals gezegd, kosten aan verbonden. Althans, dat is het geval als je de officiële paden wilt bewandelen... Er zijn namelijk ook mogelijkheden om een gratis domeinnaam aan te vragen. Mogelijk is de URL die dan ontstaat niet zoals je hem idealiter zou willen hebben, maar het komt meestal wel dicht in de buurt.                                                De instantie die dit verzorgt, vraagt meestal een gunst van je, bijvoorbeeld het tonen van een advertentie op je website. Ga als volgt te werk:   

Stap 1. Je start je webbrowser en je gaat naar http://www.glow.nl. Je komt dan automatisch op een pagina terecht waarop je kunt invullen in welke domeinnaam je geïnteresseerd bent. Wij proberen de URL 'http://www.johnvanderaart.glow.nl in handen te krijgen, waarna we doorklikken met een druk op e knop OK.

Stap 2. Vervolgens verschijnt er een formulier op het beeldscherm dat netjes moet worden ingevuld. We nemen de velden even met je door. Let wel, als je het formulier correct is ingevuld, dan klik je op de knop OK om daarmee aan de webserver van Glow.nl.

Stap 3. Vervolgens krijg je te zien of je aanvraag is gehonoreerd. Als dat het geval is, kun je meteen de getoonde hyperlink aanklikken om te kijken of de domeinnaam actief is.

Stap 4. En zoals we zien, is de aangemaakte domeinnaam netjes in de lucht. Zij het dat je het Glow.nl moet toestaan om een advertentie tevoorschijn te laten springen.

En daarmee zijn we weer een stapje verder gekomen. Je hebt een homepage aangemaakt, deze homepage kan op internet worden aangeboden via een webserver die gebruikmaakt van je vaste IP-adres en je bent te bereiken met behulp van een handige URL.                                                        Feitelijk ben je hiermee je eigen internet-serviceprovider geworden, want je hebt vanaf dit moment alles onder controle. Waarbij het grootste voordeel natuurlijk is dat je je website lokaal kunt bewerken. Je hebt geen onhandige FTP-client meer nodig,nee, je kunt direct aan het werk in de subdirectory C:\Website\.

Een echte website

Goed beschouwd is de workshop hierboven reeds tot een goed einde gebracht, maar we willen nog even verder gaan, zodat je het gevoel hebt dat je een echte interactieve website hebt. Bij interactief denken we natuurlijk direct aan een hit counter. Dat is zon'n tellertje dat bijhoudt hoeveel mensen je website hebben bezocht. Binnen AceHTML 4 Freeware kunnen we bij Specialized Tools de optie Bravenet Web Tools aanklikken. We komen dan op een website terecht die speciale webservices in de aanbieding heeft. Als je je aanmeldt en daarmee lid wordt van Bravenet.com, dan kun ke koppelingen maken waarmee onder andere hit counters kunnen worden verzorgd. Ben je zover? Dan gaan we verder:

Stap 1. We willen lid worden van Bravenet.com. We vullen dartoe ons emailadres in en we klikken op join.

Stap 2. Net als bij Glow.nl moeten we ook hier een loginnaam en een wachtwoord ingeven. Verder wil Bravenet.com weten wat de URL van de website is. Want als je dat wilt, kun je je op de hoogte laten houden van de wel/niet in de lucht zijn van de webserver. Dat is wat ons betreft niet nodig.

Stap 3. Vervolgens geven we op dat we een hit counter willen aanmaken en we krijgen dan meteen al een beeld van de mogelijkheden die men te bieden heeft. We moeten opnieuw aankoppelen bij Bravenet.com en dat doen we met behulp van de eerder verstuurde gegevens.

Stap 4. Er verschijnt een formulier op het beeldscherm en je gebruikt dit om aan te geven hoe je de hit counter uitgevoerd wilt hebben. Zo krijgt de bezoekersteller een naam, geef jij op wat het start-aantal is (0 staat zo armoedig), kies je voor het uiterlijk, enz. Op dat moment dat je tevreden bent, klik je de button create counter aan.

Stap 5. Je wensen worden kenbaar gemaakt bij Bravenet.com en heeft tot gevolg dat er even later een stukje JavaScript- code wordt gepresenteerd waarmee jouw homepage contact kan zoeken met de hit counter-server van Bravenet.com. Deze JavaScript-code kun je naar het prikbord van Windows overhalen met de knop Copy to clipboard.

Stap 6. Nu gaan we naar AceHTML 4 Freeware, waar de JavaScript-code die op het prikbord van Windows staat in onze HTML-pagina zullen plakken. Dat is gewoon een kwestie van op de juiste plaats te gaan staan en op CTRL en V te drukken.

Stap 7. De HTML-pagina kan vervolgens worden bewaard. Nu alleen nog even naar de webbrowser om onze homepage op te vragen. En zoals je ziet, is het gelukt om een ht counter op de HTML-pagina te plaatsen.

Tot slot

Het verder uitbouwen van de website komt neer op zelfwerkzaamheid. Wij hebben laten zien hoe je de computer moet inrichten om een webserver in de lucht te helpen. Je weet nu hoe je een GIF-afbeelding in je website opneemt, en hoe je de koppeling maakt met een speciale server die de hit counter verzorgt. Dat laatste wordt sowieso een trend, want we gaan natuurlijk niet ingewikkeld zitten doen als we het eenvoudig kunnen ophalen, inplakken en uitbesteden. Dit uitbesteden heeft ook zvoordelen voor onze bandbreedte. Waarom? De websurfer die onze webpagina bekijkt hoeft slecht een stuke JavaScript binnen te halen en de rest wordt door Bravenet.com geregeld; Ideaal toch?

Nuttige websites i.v.m deze workshop.

http://www.visicommedia.com           website van AceHTML 4 Freeware

http://www.analogx.com                      website van AnalogX  - SimpleServer WWW

http://www.glow.nl                                website voor gratis domeinnaam