Websites

Wat is een website?

Een website kun je vergelijken met een digitaal boek op internet. Alleen blader je niet met je handen door de pagina’s, maar klik je met je muis of tik je op je telefoon.

De domeinnaam is de titel van het boek. Dat is de naam die iemand intypt om jouw website te openen, bijvoorbeeld www.bedrijfsnaam.nl. Zo weet de bezoeker waar hij moet zijn.

De homepage is de inleiding of eerste bladzijde. Daar ziet een bezoeker snel waar de website over gaat, wie erachter zit en wat er op de website te vinden is.

Het menu is de inhoudsopgave van de website. In het menu staan de hoofdonderdelen overzichtelijk bij elkaar, zodat een bezoeker meteen ziet waar hij naartoe kan.

Een hoofdlink in het menu is te vergelijken met een hoofdstuk in een boek. Denk aan onderdelen zoals Diensten, Over ons, Kennisbank, Veelgestelde vragen of Contact.

Onder zo’n hoofdlink kunnen weer meerdere pagina’s vallen. Dat zijn de losse bladzijdes binnen dat hoofdstuk. Bij Diensten kunnen bijvoorbeeld verschillende diensten staan. Bij Kennisbank kunnen meerdere uitlegpagina’s staan over websites, zoekmachines, hosting, programmeertalen en AI.

De inhoud van een website bestaat uit tekst, foto’s, knoppen, formulieren, video’s en andere onderdelen. Die inhoud vertelt het verhaal van het bedrijf, de dienst of het onderwerp.

Een website wordt achter de schermen technisch opgebouwd, zodat tekst, foto’s, knoppen en pagina’s netjes op je scherm verschijnen. Welke computertalen daarbij gebruikt worden, leggen we apart uit bij Programmeertalen.

Kort samengevat: een website is een digitaal boek dat mensen online kunnen openen. Via het menu, de knoppen en de links kunnen bezoekers makkelijk door de hoofdstukken en pagina’s klikken, informatie lezen en snel vinden wat ze nodig hebben.

Hoe maak je een website?

Een website maken begint niet meteen met bouwen. Eerst bedenk je waar de website voor bedoeld is. Moet hij informatie geven, klanten laten bellen, aanvragen binnenhalen, producten verkopen of vooral laten zien wie je bent?

Daarna maak je de basisindeling. Je bedenkt welke pagina’s nodig zijn, zoals Home, Over ons, Diensten, Contact of Veelgestelde vragen. Dat is een beetje alsof je eerst de inhoudsopgave van een boek maakt voordat je alle bladzijdes gaat vullen.

Daarna kies je hoe je de website wilt bouwen. Dat kan met een websitebouwer, met WordPress of door zelf code te schrijven. Een websitebouwer is vaak eenvoudig. WordPress geeft meer vrijheid. Zelf programmeren geeft de meeste controle, maar vraagt ook de meeste technische kennis.

Voor een eigen website heb je meestal ook een domeinnaam nodig. Dat is het adres van de website. Daarnaast heb je hosting nodig: de plek waar de website wordt opgeslagen zodat mensen hem via internet kunnen bekijken.

Als de techniek klaarstaat, vul je de website met tekst, foto’s, knoppen en formulieren. Ook kijk je of de website goed werkt op telefoon, tablet en computer. Dat noemen we mobielvriendelijk of responsive design.

Tot slot controleer je of alles werkt. Doen de knoppen het? Klopt de tekst? Laden de foto’s snel? Werkt het contactformulier? Daarna kan de website online gezet worden.

Kort samengevat: je begint met het doel, daarna maak je de indeling, kiest een manier van bouwen, vult de pagina’s en controleert of alles goed werkt.

WordPress

WordPress is een programma dat helpt om een website te maken. Je hoeft dan niet alles zelf regel voor regel technisch op te bouwen.

Je kunt het zien als een soort bouwpakket voor websites. Je kiest pagina’s, zet teksten en foto’s neer, maakt knoppen aan en past kleuren of indelingen aan.

WordPress helpt om jouw keuzes om te zetten naar een werkende website die een browser kan tonen. Jij werkt dus vooral met pagina’s, teksten, afbeeldingen en instellingen.

Achter WordPress zit wel techniek, maar die leggen we niet hier uit. De uitleg over computertalen hoort bij het onderwerp Programmeertalen.

Kort samengevat: WordPress is een hulpmiddel om een website te maken zonder dat je alles zelf technisch hoeft te bouwen.

Hoe werkt een website?

Als iemand een website opent, gebeurt er achter de schermen een aantal stappen. De browser vraagt de pagina op, haalt de onderdelen binnen en zet alles netjes op het scherm.

Die onderdelen kunnen tekst, afbeeldingen, knoppen, formulieren en instellingen zijn. De bezoeker ziet uiteindelijk één normale pagina, maar achter die pagina werken meerdere losse onderdelen samen.

Je hoeft als bezoeker die techniek niet te zien. Je klikt gewoon op een link, opent een pagina of vult een formulier in. De website zorgt dat de juiste informatie op de juiste plek verschijnt.

De technische uitleg over de talen die daarvoor gebruikt worden, zoals de opbouw, vormgeving en beweging van een website, staat apart bij Programmeertalen. Zo blijft deze pagina gewoon over websites zelf gaan.

Kort samengevat: een website haalt achter de schermen alle onderdelen op en zet ze samen op je scherm, zodat jij gewoon kunt lezen, klikken en gebruiken.

Wat gebeurt er achter de schermen?

Wanneer je een website bezoekt, lijkt het alsof de pagina gewoon meteen verschijnt. In werkelijkheid gebeurt er in een heel korte tijd een hoop achter de schermen. Jouw apparaat, de browser, het internet en de server werken samen om de website op je scherm te zetten.

Eerst typ je een webadres of domeinnaam in. Daarna wordt achter de schermen opgezocht waar die website staat. Dat gebeurt via DNS (Domain Name System), een soort digitaal adresboek. Dat adresboek koppelt de domeinnaam aan het juiste IP-adres (Internet Protocol-adres).

Daarna maakt jouw browser verbinding met de server waar de website staat. Je kunt dat zien alsof je browser aanbelt bij het juiste hotel en vraagt: “Mag ik deze pagina bekijken?” De server stuurt dan de onderdelen van de website terug.

Die onderdelen bestaan uit tekst, afbeeldingen, instellingen en bestanden. Soms zitten daar ook computertalen tussen, zoals HTML voor de basis van de pagina, CSS voor de vormgeving en JavaScript voor beweging of actie. De browser leest die onderdelen en maakt er de zichtbare pagina van.

Ook jouw apparaat doet mee. Je telefoon, tablet of computer moet de pagina laden, afbeeldingen tonen en soms kleine stukjes informatie tijdelijk bewaren. Dat tijdelijk bewaren heet cache. Daardoor kan een website sneller openen als je hem later nog een keer bezoekt.

Als een website veel zware afbeeldingen, veel code of onnodige onderdelen heeft, kan het laden trager worden. Daarom zijn goede opbouw, nette afbeeldingen en onderhoud belangrijk. De bezoeker ziet vooral de voorkant, maar achter die voorkant werken veel kleine stappen samen.

Kort samengevat: achter de schermen zoekt je browser eerst waar de website staat, haalt de onderdelen op bij de server en zet die daarna om naar de pagina die jij ziet.

Wat is belangrijk bij een website?

Bij het ontwerpen van een website zijn kleur, foto’s en tekst heel belangrijk. Samen bepalen ze of een bezoeker rustig verder kijkt of snel wegklikt.

Kleuren moeten passen bij de uitstraling van het bedrijf. Gebruik liever niet te veel kleuren door elkaar. Twee of drie hoofdkleuren zijn meestal genoeg. Een rustige kleur voor de basis, een tweede kleur voor vlakken of tekst en een opvallende kleur voor belangrijke knoppen werkt vaak goed.

Contrast is ook belangrijk. Tekst moet goed leesbaar zijn op de achtergrond. Als tekst te licht, te klein of te druk staat, haken bezoekers sneller af.

Foto’s moeten scherp en duidelijk zijn. Eigen foto’s van het bedrijf, het werk, de locatie of het team voelen vaak betrouwbaarder dan algemene stockfoto’s. Grote afbeeldingen moeten wel kleiner worden opgeslagen, anders kan de website traag worden.

Ook tekst moet makkelijk te lezen zijn. Gebruik duidelijke koppen, korte alinea’s en genoeg witruimte. Bezoekers lezen online vaak niet alles woord voor woord, maar scannen eerst of ze snel vinden wat ze zoeken.

Belangrijke knoppen, zoals Contact, Offerte aanvragen of Bestellen, moeten duidelijk zichtbaar zijn. Zo weet de bezoeker wat hij kan doen.

Kort samengevat: kleur, foto’s en tekst zorgen samen voor de eerste indruk. Als het rustig, duidelijk en betrouwbaar overkomt, blijft een bezoeker sneller op de website.

Responsive design (mobielvriendelijk ontwerp)

Responsive design betekent dat een website automatisch meebeweegt met het scherm waarop je kijkt. Op een grote computer kan de website breed naast elkaar staan. Op een telefoon schuiven onderdelen onder elkaar, zodat alles goed leesbaar blijft.

Dat is belangrijk, omdat mensen websites op verschillende apparaten bekijken. De één gebruikt een laptop, de ander een tablet en veel mensen kijken vooral op hun telefoon. De website moet dan niet te breed zijn, niet te klein worden en niet moeilijk te bedienen zijn.

Bij een mobielvriendelijke website blijven teksten goed leesbaar, knoppen groot genoeg om aan te tikken en afbeeldingen netjes binnen het scherm. Bezoekers hoeven dan niet steeds in te zoomen of van links naar rechts te schuiven.

De websitebouwer zorgt achter de schermen dat de indeling zich aanpast. Er hoeft dus niet voor elk apparaat een compleet andere website gemaakt te worden. Dezelfde website past zich gewoon aan.

Ook voor Google is dit belangrijk. Een website die goed werkt op mobiel wordt meestal beter begrepen en prettiger gevonden door bezoekers. Dat helpt bij de gebruiksvriendelijkheid en kan ook goed zijn voor de vindbaarheid.

Kort samengevat: responsive design zorgt ervoor dat een website netjes past op computer, tablet en telefoon. De website schuift als het ware mee, zodat bezoekers makkelijk kunnen lezen, tikken en klikken.