In deze opdracht zoek je zelf op internet allemaal dingen op over webhosting en domeinnamen. Verderop meer uitleg: lees die ook door. De opdracht is:

• Verzin minstens 3 domeinnamen voor jezelf of je eigen bedrijf. Check online welke namen nog beschikbaar zijn, bij zo’n provider van domeinnamen.
• Zoek op wat die domeinnaam per jaar kost. Let op dat het eerste jaar vaak goedkoper is, dus kijk wat het het jaar daarna kost. Vergelijk 3 van deze aanbieders, en noem van alledrie de jaarprijs van NA dat eerste jaar.
• Zoek ook op wat WEBHOSTING per jaar kost. Vergelijk weer 3 aanbieders. De webhosting moet inclusief WORDPRESS zijn en inclusief SSL (dat is een beveiligd certificaat, met https ervoor: oftewel het slotje voor de URL).
• Geef ook de CONCLUSIE:
  “Ik kies voor provider X want de totaalprijs  per jaar is €X.”
  Dubbelcheck of dat INCLUSIEF WordPress, SSL en domeinnaam is.
  En dat het de echte prijs is, NA het eerste goedkope jaar.

Lees ook de volgende tekst door:

Internet, http, protocol, wifi

Internet (het world wide web of www) is een wereldwijd computernetwerk. Bij meerdere computers wil je graag dat er gegevens van de ene naar de andere overgezet kunnen worden. Om dat te doen zijn ze via ethernet (netwerk-stekkers) verbonden. Die gegevens kunnen dan via een “protocol” uitgewisseld worden.

Er liggen alleen geen ethernetkabels tussen alle huizen. Maar er liggen wel overal telefoondraden en tv-kabels (en tegenwoordig ook glasvezel). Deze draden kon je ook gebruiken voor een digitaal netwerk. Het computersignaal moet dan vertaald worden naar een digitaal signaal. Dat doet de modem: een modulator-demodulator, hij codeert en decodeert.Het protocol heet HTTP (HyperText Transfer Protocol). Web-adressen beginnen daarom met “http://”. Daarachter tik je dan de domeinnaam, met een toplevel-domein oftewel extensie erachter (bijvoorbeeld .nl of .com).

Het laatste stukje kabel van je eigen modem naar je devices zoals je telefoon, tablet, tv of laptop kan ook draadloos: dat is de wifi.

Mappen kun je bereiken door een slash, gevolgd door de mapnaam of documentnaam. Een voorbeeld:

https://aartjan.nl/map/submap/index.html

Een Homepage of website: index.html

De homepage is de eerste pagina van een website: de openingspagina. Dat bestand heet meestal index.html en staat in de hoofdmap (de root) van de webserver. Als je het domein intikt in de adresbalk  leest de browser (zoals Chrome, Safari of Firefox) deze code in en zet dat om naar een visueel opgemaakte pagina. De code kun je zien met CMD-ALT-U.

HTML: HyperText Markup Language

Met HTML kan je tekst-pagina’s structureren. Je kunt zo aangeven dat iets een “Heading 1” is of “Heading 2”. Er zijn zo 6 kop-niveaus, h1 t/m h6). Je kunt in de code aangeven waar een paragraaf begint en eindigt (p), waar genummerde of ongenummerde opsommingen zijn (ul of ol), of een woord vet is of cursief (b of i), waar een plaatje staat (img) en waar je op kan klikken (a). Dit zijn de belangrijkste elementen in HTML. De elementen staan tussen dit soort haakjes, afgesloten met een slash en er kunnen extra attributen bij:

<h1> Dit is een koptekst </h1>
<p> Een paragraaf, en hieronder een plaatje: </p> 
<img src="plaatje.jpg" alt="Omschrijving" />

In het html-bestand staan teksten en plaatjes. Er kunnen links in naar andere pagina’s. Je kan ook audio en video in de pagina tonen. De meeste bestanden van je website staan op je eigen server, zoals de plaatjes, de vormgeving en benodigde scripts. Vaak in aparte mappen zoals de map ima voor de plaatjes. Audio en video kan je beter op Youtube, Vimeo of Soundcloud en zo zetten. Die media kun je dan embedden (plaatsen) in je eigen website zonder dat het ruimte inneemt op je eigen server.

CSS (Cascading Style Sheets)

De HTML-taal is niet bedoeld voor visuele opmaak zoals kleur, lettertype en marges. Dat gaat met CSS (Cascading Style Sheets). Die css staat als losse bestanden op de server.

De HTML- en CSS-code van elke pagina kan je bekijken en aanpassen, bijvoorbeeld via Rechtsklik > Inspecteer (CMD-ALT-i).

Servers en hostingproviders

Een webserver is een computer die 24 uur per dag aanstaat en een snelle upload heeft. Zulke servers staan bij hosting-providers. Jouw site staat dan op hun server. Die server kan ook jouw email hosten. Je kan zelf ook een server installeren op je computer. Bekende server-software is Apache. Webhosting kan al vanaf 30 euro per jaar. Hier kan je providers vergelijken:
https://www.mijnhostingpartner.nl/
https://www.hostingwijzer.nl
http://www.hostingvergelijken.eu
https://www.hostinginnederland.nl/webhosting/
https://www.ispgids.com/webhosting
https://www.mcseo.nl

Je wil er nu ook een SSL-certificaat bij zodat er een slotje staat  in de adresbalk en de verbinding via beveiligde HTTPS gaat. Verder wil je meestal ook een knop om WordPress aan te zetten (of een ander CMS). Misschien wil je dagelijkse backups. En onbeperkte mailadressen op je domein, zodat je je eigen mailadressen hebt waar niemand mee kan lezen (je Gmail / Outlook / iCloud worden meegelezen en geïndexeerd door Google / Microsoft / Apple). Tenslotte wil je waarschijnlijk ook een SSD-schijf op de hosting want dat maakt je website sneller.

Domeinnamen, ip-nummers en extensies

Elke modem heeft een ip-adres, bijvoorbeeld 80.89.239.60. Je kan door het intikken van dat nummer verbinding maken met die computer. Maar een naam is handiger dan een nummer, vandaar domeinnamen met een extensie erachter zoals “.nl”. De vertaling van naam naar ip-adres gebeurt door DNS-servers (Dynamic Name Servers).

Check bij een provider of je gewenste domeinnaam vrij is. Een domeinnaam kost zo’n 10 euro per jaar voor een .nl extensie. Andere extensies zijn duurder tot zelfs veel duurder.

FTP, uploaden, downloaden

Met ftp (file transfer protocol) kun je files op de webserver zetten, ofwel uploaden. In een ftp-programma zoals Filezilla, Cyberduck, Dreamweaver of Notepad++ zie je dan twee vensters: de bestanden op jouw eigen computer, en diezelfde bestanden op de server. Zo zet je  bestanden op de server: uploaden. Bestanden van internet naar je eigen computer overbrengen is downloaden.

Je hebt 3 gegevens nodig om in te kunnen loggen:
De naam van de server (bijvoorbeeld ftp.domein.nl), je login en je password. Je website zet je in een bepaalde map en die heet meestal httpdocs.
Als de ftp niet werkt, check dan al je firewalls, want die kunnen elk verkeer tegenhouden.

Statistieken

De webstatistieken leveren interessante informatie. Je weet dan bijvoorbeeld waar de bezoekers vandaan komen, wat ze bekijken, hoe lang ze blijven, hoeveel pagina’s ze bezoeken, welke pagina’s het beste scoren, welke zoekwoorden ze gebruiken om jou te vinden, en van welke sites ze doorgelinkt werden. Statistieken kan je gratis aanzetten, bijvoorbeeld met Google Analytics.

Hoe wordt je gevonden: SEO

Je website moet goed gevonden kunnen worden, ofwel goed geïndexeerd (doorzocht en gecategoriseerd). Je kan je website hiervoor optimaliseren. Dat heet SEO, search engine optimization. Iedereen wil graag hoog in de zoekresultaten te komen. Een zoekmachine zoals Google zoekt dagelijks het internet af en indexeert alle nieuwe pagina’s en veranderingen. Het recept van Google is geheim en wordt voortdurend aangepast, maar er zijn wel enkele belangrijke principes bekend:

• Zorg dat er naar je site gelinkt wordt vanaf relevante toonaangevende sites
• Gebruik belangrijke keywords zowel in de title-tag, meta-tags, in de kopteksten en ook in de gewone tekst
• Gebruik de alt-tag bij plaatjes
• Gebruik een meta description
• Gebruik Google Analytics en Google Webmaster Tools
• Neem in je site links op naar belangrijke relevante sites
• Zorg dat de content kwalitatief hoogwaardig en uniek is

Hoe maak je een website?

Een website is HTML-code die door een browser wordt getoond. HTML-code kun je met elk tekstprogramma maken zoals Kladblok op Windows, of Teksteditor op de Mac, maar er zijn ook Html editors zoals Notepad++ of SublimeText, of apps in browsers zoals CodeAnywhere. Dreamweaver is een WYSIWYG-html-editor, ofwel what you see is what you get: je ziet dan niet alleen de code maar ook het voorbeeld, en je kan in het voorbeeld direct wijzigingen aanbrengen. De vormgeving kan je in CSS-taal tikken maar de veel software kan dat ook voor jou op een makkelijkere manier doen, zoals met auto-aanvullen, kleurcodering, auto-indent en spellcheck.

Een stap verder is een CMS, zoals WordPress: dat kun je met een druk op de knop installeren, en dan staat je website meteen al klaar. Je kan dan inloggen om je website verder te vullen en je kan een thema voor de vormgeving kiezen.

Browsers

De grootste browser in 2024 is Chrome (van Google), daarna Safari (van Apple), Edge (van Microsoft) en Firefox (van Open Source organisatie Mozilla). Wil je de beste veiligheid en onafhankelijkheid van de Big Tech companies, neem dan Firefox.