Standaarden van het web

uit de cursus Basiskennis HTML (2014)

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Basiskennis HTML (2014)

perm_identity Belinda | video_library 40 video's | query_builder 2:50:32

In de cursus basiskennis HTML leer je hoe je webpagina’s structureert met de juiste HTML-tags. Om webpagina’s correct te kunnen voorvertonen door browsers is het essentieel dat je de juiste HTML-tags verbindt aan de content. In webdesign is namelijk de content gescheiden met de opmaak. Zoekmachines gebruiken de HTML-structurering om betekenis en waarde aan de content te verbinden. Maak je niet gebruik van de juiste structurering dan zul je dit terugzien in de zoekresultaten. Slecht gestructureerde webpagina’s worden minder goed geïndexeerd

Wat kun je hierna?

Een logische vervolgcursus is de cursus Basiskennis CSS. Hierin leer je de vormgeving van webpagina’s onder de knie te krijgen met CSS. Dit is de werkwijze voor het creëren van prachtige webpagina’s. Eerst zorgen dat de HTML op orde is en vervolgens de vormgeving bepalen met CSS.

Belangrijke onderwerpen in deze online basiscursus zijn:

  • Leren maken van de juiste mappenstructuur voor webproducties voor elke dag
  • Semantische beteknis van HTML-tags
  • Pagina’s structureren met HTML-tags conform het W3C
  • Inzicht in de reglementen van het W3C
  • Tabellen toepassen

In deze training gaan we ons zoveel mogelijk houden aan de webstandaarden

En ik ga in deze video uitleggen waarom deze zo belangrijk zijn.

Als webdesigner ga je je houden aan de regels en de standaarden van het World Wide Web

Het consortium heet WC.

Deze naam zul je vaak genoeg tegen gaan komen.

Dit levert de volgende voordelen op. Door het WC en de regels die zij gesteld hebben,

proberen zij af te dwingen dat browsers een uniforme weergave geven van dezelfde broncode.

Als alle ontwerpers en vormgevers zich houden aan dezelfde standaarden

Dan biedt dit enige pressie naar de browsers om deze ook op een zelfde wijze weer te geven.

Ook voor zoekmachine optimalisatie is het belangrijk dat je je aan de regels en de standaarden houdt.

Zoekmachines maken gebruik van de html om de juiste indexering te kunnen maken van de webpagina's.

Ook drempels weg maakt er gebruik van.

Om er ook voor te zorgen dat jouw websites voor mensen toegankelijk zijn voor mensen die minder valide zijn,

maak je gebruik van deze standaarden.

Dit zorgt ervoor dat ook afwijkende browsers zoals brailleregels en spraakmachines

de website op een voor hun begrijpelijke manier kan weergeven of kan tonen of kan laten lezen.

Daarnaast belooft het WC dat ze altijd backward compatible zullen werken

Dat betekent dat code, ook nieuwe code zich zowel verstaanbaar maakt in oude browsers die feitelijk de code niet begrijpen,

Maar dan in ieder geval al wel, op een correcte manier gaan weergeven.

Valideren. Het is heel fijn voor ons als webdesigners dat als je een website hebt gemaakt dat je deze kunt valideren.

Kloppen al mijn coderingen of ben ik bepaalde dingen vergeten?

En het zorgt voor een betere samenwerking tussen webdesigners onderling. Aan een website wordt vaak door meerdere mensen samengewerkt.

Als iedereen zich aan dezelfde regels houdt en op dezelfde manier de code opbouwt. Dan werkt dat stukken efficienter en sneller.

Grondlegger van het WC is Tim Berners-Lee.

Hij is ook de bedenker van het World Wide Web.

En hij zet zich op dit moment volledig in om ervoor te zorgen dat er regels komen voor het webdesign maar ook regels voor de browsers.

En zorgt er op die manier voor dat webpagina's daadwerkelijk voor iedereen op de wereld toegankelijk zijn.

Hij zet zich in voor het World Wide Web Consortium en dit is de pagina van het WC.

Het is volledig in het engels geschreven. En hier kun je in principe alle standaardafspraken en regels van het web terugvinden.

Om meer te weten te komen over hoe zoekmachines jouw website indexeren zou je bijvoorbeeld kunnen gaan kijken bij de Google Webmasters website.

En daar vind je vervolgens allerlei onderwerpen, hulpprogramma's die je kan gebruiken. Je kunt een training volgen.

Er zijn allemaal video's en artikelen. Hoe kun je ervoor zorgen dat jouw website voor Google optimaal is!

Hier vindt je ook het Helpcentrum. Als je daar gaat kijken dan zie je daar een aantal veelgestelde vragen voor webmasters.

Is absoluut een aanrader om aan het einde van deze training of halverwege een keer,

deze website goed door te gaan spitten. Dan weet je ook dat wat je geleerd hebt niet voor niets is.

Hier vind je bijvoorbeeld ook het onderdeel 'Richtlijnen voor webmasters'.

Nou, mooi videootje erbij en als je verder gaat kijken naar de belangrijkste regels hier

Zorg voor duidelijke hierarchische structuur en met hierarchische structuur wordt ook weer bedoeld. De html van een website. Deze moet gewoon conform de regels zijn.

Ook de website Webrichtlijnen, die zich bezighoudt met toegankelijk maken van webpagina's voor minder validen.

geeft al duidelijk bovenin aan dat ze adviseren om vooral je website te bouwen volgens de richtlijnen van het WC.

En het WC kun je ook gebruiken om je webpagina te valideren. Dan ga je naar de website validator.w.org

En dan kan je in principe een bestand kiezen die nog op je harde schijf staat. Dat ga ik nu even doen.

Dan ga ik deze pagina openen.

En die kan ik vervolgens laten controleren. Dus je kan tijdens het werken. Nog voordat je daadwerkelijk online gaat

kun je al kijken, is dit een foutloos bestand? Nou nee! Hij geeft waarschuwingen aan.

Wil je gaan kijken. Wat is dat? Staat het onderaan aangegeven. Op deze pagina staan een aantal list-items, daar zit een plaatje in...

En hij zegt. Die heeft geen alternatief attribuut gekregen en dat is een regel van het WC. Dat elk plaatje een alternatieve omschrijving moet meekrijgen.

Dus dat zal ik nog moeten verbeteren.

Ik zie dat het voornamelijk de 'alt' is en helemaal onderaan staat nog een probleem met een 'div' en daar zal ik ook nog naar moeten kijken.

Nou op zich, fouten is te doen.

Maar wel belangrijk en handig dat je je eigen werk ook kan controleren bij het valdator.w.org