De cursus webdesign is gebaseerd op (X)HTML en het gebruik van stylesheets (CSS).
De aandacht ligt op het foutloos schrijven van de code op een zo overzichtelijk mogelijke manier, of te wel K.I.S. Keep It Simple.
Aandachtspunten
- De site dient op alle pagina's een zelfde stijl (huisstijl) te krijgen, aanpassingen naar gebruik inbegrepen.
- De gehele site dient vanaf iedere pagina op een redelijke manier bereikbaar te zijn. De homepage dient rechtstreeks bereikbaar te zijn.
- De tekst dient vrij van spellings- en stijlfouten te zijn en zinnen dienen goed te lopen. Dit zal veel moeite kosten.
- Linken dienen via een tekst te werken. Afbeeldingen als linkknop zijn niet toegestaan, mits je een alttekst in de alt attribuut van de afbeelding invult.
- Het gebruik van filmpjes die automatisch starten als intro zijn storend en dus ongewenst. Filmpjes dienen als ondersteuning van de tekst gebruikt te worden en door de bezoeker te worden gestart.
- Het kleurgebruik dient zo te zijn dat een goed contrast aanwezig is. Donkerblauw op een grijze achtergrond is slecht leesbaar. Houd rekening met mensen die kleurenblind zijn, meestal voor de kleuren rood en groen.
- Kies voor weergave van teksten op het scherm een duidelijk lettertype van voldoende grootte die op alle operatingsystemen (Windows, Linux, Mac) aanwezig is. Verdana of arial is een goede keus.
- Zorg dat de breedte van de pagina begrenst is. Als het leesvak te breed wordt verlies je de oriëntatie in de tekst.
- Gebruik de tags waar ze voor bedoeld zijn. Tabellen zijn niet voor opmaak bedoeld maar om gegevens in tabelvorm neer te zetten.
- Beperk het gebruik van javascript tot een minimum. Het is een middel geen doel. Niet alle browsers ondersteunen de nieuwste versie van javascript of men heeft het uitgeschakeld.
- Gebruik ook de on... attributes niet.
- Plaats geen lichtkranten, deze zijn irritant, slecht leesbaar en leiden af.
- Plaats geen knipperende plaatjes of teksten. Mensen met epilepsie kunnen er niet tegen. Daarbuiten zijn ze zeer vermoeiend.
- Gebruik geen achtergrond plaatjes. Deze verslechteren de leesbaarheid van teksten. Zwarte tekst op een witte achtergrond leest het best. Voor een kop kan dit wel gebruikt worden omdat dit meestal bij het ontwerp goed gedaan kan worden.
- Scheidt inhoud en opmaak. De opmaak komt in een stylesheet.
- Maak voor de printer een eigen css. Gebruik geen kleur, maar houd het zwart/wit. Plaatjes kunnen kleur blijven.
- Gebruik geen dingen die specifiek door een bepaalde browser wordt gebruik, waardoor de site met andere browsers niet meer werkt. Een website dient browseronafhankelijk geschreven te worden.
- Gebruik geen cookies. Alleen als het niet zonder kan (b.v. voor ingelogd zijn op een leden gedeelte.), dan alleen voor die betreffende toepassing. Geen cookies van derde sites gebruiken.
- Gebruik geen pop-up schermen. Pop-up schermen zijn voor het operating systeem bedoeld, niet voor websites. Dus ook niet via pop-ups lopen zeuren om lezers een nieuwsbrief te laten nemen via een java-scripje, dit kan gewoon in de pagina m.b.v. een form in de rechterkolom boven of zo.
- Reclame wordt door velen als zeer hinderlijk beschouwd, dus plaats die dan ook niet of op een niet hinderlijke manier.
- Zorg dat nieuwe technieken makkelijk kunnen worden toegevoegd in het bestaande.
Schrijf de site in (X)HTML voor inhoud en gebruik CSS voor de opmaak. JAVA-script is voor de meeste toepassingen niet noodzakelijk en wordt veel te veel voor dingen toegepast waar het ook goed kan met HTML, PHP en CSS.
CMS
CMS staat voor Content Management System. Hiermee kan online via een achterdeur, het management systeem, content op een website geplaatst worden. Voor blogs en nieuwssites wordt veel met Wordpress gewerkt. Hiermee is dan ook een RSS-feed beschikbaar die automatisch wordt bijgewerkt.
Voor een website als deze zijn statische pagina's een betere keus omdat er nauwelijks overhead is, iets wat bij een CMS aanzienlijk is.
Wilt u zelf uw layout van een CMS maken, dient u naast HTML en CSS ook PHP te kennen. Javascript wordt aanbevolen om te beheersen. U kunt aanvullende informatie vinden op W3schools.com.
HTML 5
Vanaf 2015 is HTML 5 vrijgegeven voor gebruik.
Wilt u dit gebruiken dan hoeft u alleen de nieuwe dingen aan te leren. Verder is er weer het een en ander eruit gehaalt.
Verder is er aandacht voor toegankelijkheid door gehandicapten, meestal blinden of slecht zienden. Dit wordt gedaan met speciale tags die een gebruik aangeven zoals header, nav of article, welke div-tags vervangen.