Dit ga je leren:
Wat ga je leren in deze online basiscursus HTML5?
Na het volgen van deze uitgebreide basiscursus leer je programmeren in de programmeertaal HTML. Deze cursus richt zich op de nieuwste versie van deze codetaal, namelijk HTML5. Je leert met deze programmeertaal webpagina’s structureren met de juiste HTML-tags. Een webpagina wordt namelijk weergegeven op basis van deze tags. Daarom is het belangrijk dat je goed weet welke je wanneer gebruikt en op welke plek. In 65 lessen en meer dan 3 uur aan videomateriaal leer je deze codetaal kennen. Vervolgens ga je met oefenbestanden aan de slag om de stof beter onder de knie te krijgen.
Wat is HTML5?
HTML is een programmeertaal. Het is de afkorting voor Hyper Text Markup Language. Deze meest recente versie van deze taal is dus HTML5, waarover deze online cursus gaat. Deze taal wordt gebruikt voor veel online toepassingen, zoals websites en webapplicaties. Je kan HTML zien als de basis waarop websites gebouwd zijn, waarover de styling van CSS gaat, om het opmaak te geven. De structuur van HTML wordt gebruikt door browsers om content weer te geven en wordt gebruikt door zoekmachines om de website te begrijpen. Daardoor geeft de HTML-structuur betekenis en waarde aan datgene wat er op de website staat. Heb je een slecht gestructureerde pagina, dan doet dit af van de waarde.
In deze basiscursus behandelen we onder andere:
Een introductie in het web en HTML.
Starten van het maken van een website in HTML.
Opbouwen van de HTML-pagina en structuur.
Content structureren met HTML.
Bijzondere HTML-tags voor tekst.
Geordende en ongeordende lijsten creëren.
Media en afbeeldingen toevoegen.
Hyperlinks schrijven en aanmaken.
Tabellen aanmaken in HTML.
Toegankelijke en semantische HTML.
Belangrijke onderwerpen in deze online basiscursus zijn:
- Leren maken van de juiste mappenstructuur voor webproducties voor elke dag;
- Semantische betekenis van HTML-tags;
- Pagina’s structureren met HTML-tags conform het W3C;
- Inzicht in de reglementen van het W3C;
- Tabellen toepassen.
Benieuwd hoe deze cursus gegeven wordt? Bekijk dan de gratis introductieles bovenaan de pagina of scroll door het cursusoverzicht en bekijk een van de gratis lessen. Na aankoop kun je direct van start met de cursus. Is de cursus toch niks voor jou? Geen probleem, binnen 14 dagen kun je de cursus kosteloos retourneren.
Wat te doen na het volgen van deze cursus?
Een logische vervolgstap is de basiscursus CSS. Hierin leer je de vormgeving van webpagina’s onder de knie te krijgen met de programmeertaal 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.
Wat biedt deze basiscursus HTML?
Leer complete pagina’s maken in HTML.
Onbeperkte toegang.
Les van een ervaren instructrice.
meer dan 3 uur aan videomateriaal.
Inclusief oefenbestanden, zodat je zelf kan uitproberen.
Niet tevreden? Binnen 14 dagen kan je gewoon je geld terugkrijgen.
Start en leer vandaag nog over programmeren in HTML5!
Over de Instructeur
Belinda Kampf
Bekijk meer cursussen van Belinda Kampf →
Cursusoverzicht
| Hoofdstuk 1: Introductie | |||
| 1.1 – Wat ga je leren in deze HTML-cursus | PROEFLES | 00:02:00 | |
| 1.2 – Geschiedenis van het world wide web | PROEFLES | 00:06:00 | |
| 1.3 – Ontwikkelingen van het web | 00:04:00 | ||
| 1.4 – W3C-standaarden en Digi-toegankelijk | 00:04:00 | ||
| 1.5 – Bronnen voor webdesigners | 00:04:00 | ||
| 1.6 – Statische- versus dynamische websites | 00:03:00 | ||
| 1.7 – Uitleg omtrent HTML, CSS en JavaScript | 00:04:00 | ||
| Hoofdstuk 2: Starten met website bouwen | |||
| Oefenbestanden – Hoofdstuk 2 | 00:05:00 | ||
| 2.1 – HTML-editor kiezen en installeren | 00:03:00 | ||
| 2.2 – De bronmap / Local Root Folder (LRF) | 00:05:00 | ||
| 2.3 – Domeinnaam registreren en webhost kiezen (SIDN) | 00:03:00 | ||
| 2.4 – Website online met ftp (Filezilla) | PROEFLES | 00:03:00 | |
| Hoofdstuk 3: Structuur van HTML-pagina | |||
| Oefenbestanden – Hoofdstuk 3 | 00:05:00 | ||
| 3.1 – De DOM (Document Object Model) | 00:03:00 | ||
| 3.2 – HTML-documentstructuur | 00:05:00 | ||
| 3.3 – Broncode opschonen in Brackets (Beautify) | 00:02:00 | ||
| 3.4 – Commentaarregels plaatsen | 00:01:00 | ||
| Hoofdstuk 4: Content structureren met html | |||
| Oefenbestanden – Hoofdstuk 4 | 00:05:00 | ||
| 4.1 – Headers (h1 t/m h6) en paragrafen (p) | 00:05:00 | ||
| 4.2 – Emphasis, strong, mark, bold, italic en span | 00:06:00 | ||
| 4.3 – Content scheiden met horizontale lijn (hr) | 00:02:00 | ||
| 4.4 – Super- ,subscript (sup en sub) en kleiner zetten (small) | 00:04:00 | ||
| 4.5 – Definitie definiëren en duiden (dfn) | 00:02:00 | ||
| 4.6 – Afkortingen definieren en duiden (abbr) | 00:01:00 | ||
| 4.7 – Citaten met Blockquotes en Quotes (blockquote en q) | 00:03:00 | ||
| 4.8 – Titels en werken definiëren en duiden (cite) | 00:01:00 | ||
| 4.9 – Adresgegevens definieren (address) | 00:03:00 | ||
| Hoofdstuk 5: Bijzondere HTML-tags voor tekst | |||
| Oefenbestanden – Hoofdstuk 5 | 00:05:00 | ||
| 5.1 – Speciale karakters met html-entiteiten | 00:04:00 | ||
| 5.2 – Afbreken van teksten met -wbr- en de html-entiteit | 00:04:00 | ||
| 5.3 – Broncode duiden met -pre-, -code- en -samp- | 00:06:00 | ||
| 5.4 – Revisie toepassen in een pagina met -ins-, -del | 00:04:00 | ||
| 5.5 – Revisie toepassen in een pagina met -u- en -s- | 00:01:00 | ||
| Hoofdstuk 6: Lijsten creëren | |||
| Oefenbestanden – Hoofdstuk 6 | 00:05:00 | ||
| 6.1 – Geordende lijsten -ol- en -li- | 00:04:00 | ||
| 6.2 – Ongeordende lijsten -ul- en -li- | 00:02:00 | ||
| 6.3 – Geneste lijsten | 00:03:00 | ||
| 6.4 – Definitielijsten -dl-, -dt- en -dd- | 00:03:00 | ||
| 6.5 – Meer toepassingen van definitielijst | 00:02:00 | ||
| Hoofdstuk 7: Media en afbeeldingen | |||
| Oefenbestanden – Hoofdstuk 7 | 00:05:00 | ||
| 7.1 – Afbeelding plaatsen -img- | 00:04:00 | ||
| 7.2 – De attributen -alt- & -title- | 00:02:00 | ||
| 7.3 – Afbeeldingsformaten png, gif en jpg | 00:04:00 | ||
| 7.4 – Audio plaatsen op webpagina | 00:05:00 | ||
| 7.5 – Video plaatsen op webpagina | 00:07:00 | ||
| Hoofdstuk 8: Hyperlinks maken | |||
| Oefenbestanden – Hoofdstuk 8 | 00:05:00 | ||
| 8.1 – Basiskennis URL en links -a- en -link- | PROEFLES | 00:03:00 | |
| 8.2 – Linken met absoluut of relatief pad | 00:03:00 | ||
| 8.3 – Externe links maken | 00:04:00 | ||
| 8.4 – Interne links maken | 00:05:00 | ||
| 8.5 – Interne sectielink maken | 00:04:00 | ||
| 8.6 – Afbeelding en -button- linken naar bestand | 00:02:00 | ||
| Hoofdstuk 9: Tabellen | |||
| Oefenbestanden – Hoofdstuk 9 | 00:05:00 | ||
| 9.1 – Starten met een tabel -table, -tr-, -td-, -caption- en -th- | 00:04:00 | ||
| 9.2 – Semantische elementen voor tabel -theader-, -tbody-, -tfooter- | 00:04:00 | ||
| 9.3 – Afbeeldingen plaatsen in tabel | 00:02:00 | ||
| 9.4 – Cellen samenvoegen met colspan | 00:02:00 | ||
| 9.5 – Cellen splitsen met rowspan | 00:04:00 | ||
| Hoofdstuk 10: Toegankelijke en semantische html | |||
| Oefenbestanden – Hoofdstuk 10 | 00:05:00 | ||
| 10.1 – Semantische html-elementen | 00:03:00 | ||
| 10.2 – De Document Outline | 00:04:00 | ||
| 10.3 – De -header-, -main-, -footer- en -nav- | 00:03:00 | ||
| 10.4 – Het -article- & -section- element | 00:04:00 | ||
| 10.5 – De -aside- | 00:02:00 | ||
| 10.6 – Het -div- & -span- element | 00:03:00 | ||
Fijne manier van html leren
Belinda legt het op een goede manier uit. Zelfs mijn twee kinderen van 13 en 15 kregen interesse voor html. Ik dacht dat het moeilijk was, maar tot nu toe viel het mee. Aantal dingen zoals de tabellen maakte de cursus wel erg uitgebreid, maar dit komt omdat ik tot nu toe nog geen tabellen nodig heb gehad voor een website. Maar wel erg fijn te weten hoe dat moet. Ik ga nog wel verder met oefenen en ben erg blij dat ik levenslang toegang heb tot de cursus.