Webtechniek voor niet-techneuten

Inhoudsopgave

1. Inleiding
2. Browser
   • 2.1 Soorten browsers
   • 2.2 Browsers voor desktops
   • 2.3 Browsers voor mobiele toepassingen
   • 2.4 Test je website in verschillende browsers
3. Het webadres of URL
   • 3.1 Opbouw webadres
   • 3.2 Http en https
   • 3.3 Subdomeinen
   • 3.4 Subdirectories
4. HTML
   • 4.1 Elementen, tags en attributen
   • 4.2 Enkele HTML-elementen (HTML5)
   • 4.3 Andere code in de HTML
   • 4.4 Semantiek en HTML
   • 4.5 Verschillende HTML-versies
   • 4.6 Testen op correcte HTML
5. CSS
   • 5.1 CSS: opmaken van tekst en lay-out
   • 5.2 Werken met classes en id's
   • 5.3 Opnemen van de CSS
   • 5.4 Responsive design
   • 5.5 Testen op correcte CSS
6. HTML-opbouw webpagina
   • 6.1 Basisopbouw webpagina
   • 6.2 Head-gedeelte
   • 6.3 Body-gedeelte
7. Opbouw van je website
   • 7.1 Content Management Systeem (CMS)
   • 7.2 Database
   • 7.3 Templates
   • 7.4 CSS
   • 7.5 Statische content
   • 7.6 Bijzondere bestanden voor zoekmachines
8. Client en server
   • 8.1 Het client-server-model
   • 8.2 Webserver en provider
   • 8.3 Communicatie tussen client en server
   • 8.4 JavaScript
   • 8.5 Cache
   • 8.6 FTP
9. HTTP-statuscodes
   • 9.1 Overzicht HTTP-statuscodes
   • 9.2 Statuscode 404: Niet gevonden
   • 9.3 Statuscode 410: Verwijderd (Gone)
   • 9.4 Statuscode 301: Permanente redirect (ook 308)
   • 9.5 Statuscode 302: Tijdelijke redirect (temporary redirect, ook 307)
   • 9.6 Statuscode 500: Serverfout
   • 9.7 Foutief gebruik
   • 9.8 Nieuwe structuur van je site
   • 9.9 Testen statuscodes
10. Dode links opsporen
    • 10.1 Dode links op je eigen site
    • 10.2 Dode links vanaf andere sites naar jouw site
11. Afbeeldingen op je site
    • 11.1 Kenmerken afbeelding
    • 11.2 Resolutie is niet belangrijk voor het web
    • 11.3 Bestandstype
    • 11.4 Formaat van de afbeeldingen
    • 11.5 Responsive images: verschillende afbeeldingen voor verschillende beeldschermen
    • 11.6 Grootte van de bestanden
    • 11.7 Positioneren van afbeeldingen
    • 11.8 Naamgeving van afbeeldingen
    • 11.9 Alt en title
    • 11.10 Testen afbeeldingen
12. Apps: native apps, webapps en hybride apps
    • 12.1 Native apps
    • 12.2 Webapps
    • 12.3 Hybride apps
    • 12.4 Wat moet je nu kiezen
    • 12.5 Testen van native apps
13. Tekst invoeren met je CMS-editor
    • 13.1 Semantisch opmaken
    • 13.2 Scheiden van opmaak en content
    • 13.3 WYSIWYG-modus en tekstmodus
    • 13.4 Rommelcode
    • 13.5 Voorkomen van ongewenste code
    • 13.6 Controleren op ongewenste HTML-code
14. Tools om je website te testen
15. Tools in de browser (zoals add-ons)
    • 15.1 Web Developer
    • 15.2 HeadingsMap
    • 15.3 WCAG Contrast Checker
    • 15.4 Inspector voor Firefox en Chrome
    • 15.5 aXe
    • 15.6 WAVE Accessibility Extension by WebAIM
16. Losse tools
    • 16.1 Toegankelijkheid toetsen met toetsenbord
    • 16.2 Google Search Console
    • 16.3 Colour Contrast Analyser
    • 16.4 Testen op kleurenblindheid
    • 16.5 Testen op snelheid van je site
    • 16.6 Tools om taal te controleren
17. Screaming Frog SEO Spider
    • 17.1 Installeren
    • 17.2 Over Screaming Frog
    • 17.3 Spideractie voorbereiden en starten
    • 17.4 Controleren op dode links (404-meldingen)
    • 17.5 Controleren op unieke paginatitels
    • 17.6 Controleren of elke pagina 1 h1 heeft
    • 17.7 Custom filters
    • 17.8 Deel van de site onderzoeken of weglaten