Basiscursus HTML5

Cursus HTML

HTML staat voor Hyper Text markup Languange en dit is de taal waarin de inhoud van webpagina’s gestructureerd wordt. Vormgeven van webpagina’s geschiedt met behulp van CSS. HTML is puur bedoeld om betekenis en structuur aan de content te geven. Vooral zoekmachines gebruiken de HTML om een webpagina te kunnen scannen, controleren en te indexeren op inhoud. Daarom is het belangrijk dat webpaginas voorzien zijn van de juiste HTML-opmaak.

Doel

Je leert de html-tags waarmee je betekenis en structuur gaat geven aan de content. Het is belangrijk dat je de html-tags toepast en gebruikt conform de regels van het W3C. Alleen dan weet je zeker dat zoekmachines jouw webpagina op de juiste manier zullen indexeren.

Doelgroep

Wil je webpagina’s gaan ontwerpen begin dan met deze basiscursus. Ook als je websites bouwt in een Content Management Systeem als WordPress is het toch prettig als je in de broncode kleine wijzigingen en aanpassingen kunt maken in de HTML.

Toelatingseisen: Geen voorkennis vereist

Lesvorm: Zelfstandig leren in een online studieomgeving.

Lesmateriaal: Toegang tot instructievideo's en downloadbaar bronmateriaal.

Cursusduur: 1 jaar 

Deze cursus biedt:

• 24-7 Toegang de online cursus Basiskennis HTML (+40 video’s)
• Downloadbaar bronmateriaal bij video’s
• Nederlandstalig onderwijs
• Certificaat na afronding

Inhoudsoverzicht van instructievideo’s

40 video’s | Totale videoduur is 2:50:32
Docent en auteur: Belinda Kampf

Starten met HTML5

• Standaarden van het web
• Technieken voor het webdesignen
• Bronmap (LRF)

HTML pagina maken

• De DOM (Document Object Model)
• De Doctype
• De Head
• De Body

Tekst structureren in HTML

• Headers (h1 t/m h6) en paragrafen
• De Bold < b>, Italic <i>, Emphasis <em> en Strong <em>
• Afkortingen definieren met <abbr>
• Definitie definieren met <dfn>
• Titels en werken definieren met <cite>
• Geordende lijsten <ol>
• Ongeordende lijsten <ul>
• Definitielijsten < dl >, < dt > en < dd >
• Citaten duiden met Blockquotes en Quotes < q >
• Speciale karakters met HTML-entiteiten
• Afbreken van teksten met < wbr / >en de html-entiteit
• Preformatted tekst < pre / >
• Commentaarregels plaatsen
• Tekst in super- en subscript zetten
• Revisie toepassen in een pagina < ins >, < del >, < u >, < s >
• Adresgegevens definiëren met < address >
• Content scheiden met horizontale lijn < hr / >
• Computercode duiden met < code > en < samp > en
• Tekst kleiner zetten met < small >

Hyperlinks maken

• Basiskennis URL en links
• Externe links maken Interne links maken
• Linken naar bestand

Afbeeldingen en illustraties plaatsen

• Afbeelding plaatsen
• Afbeeldingsformaten png, gif en jpg
• Afbeelding linken naar pagina, url of bestand

Tabellen

• Toegankelijkheid verbeteren van een tabel
• Tabelstructuur analyseren
• Tabel maken met <table>, <tr>, <caption> en <th>
• HTML5 elementen voor tabel <thead>, <tbody>, <tfoot>
• Afbeeldingen plaatsen in tabel
• Cellen samenvoegen en splitsen
• Toegankelijkheid verbeteren van een tabel <summery>, <scope> en <abbr>