Basiskennis HTML5

Deze cursus biedt:

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

Webpagina’s maken met HTML
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 (HTML) gescheiden van de opmaak (CSS). 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.

Doel van de cursus
In de cursus basiskennis HTML5 leer je hoe je webpagina’s structureert met de juiste HTML-tags. Je krijgt uitgebreid uitleg en inzicht in de juiste wijze waarop je de html-tags toepast. Alle gangbare html-tags zijn aan het eind van deze cursus jou bekend en je weet hoe en waarom je ze toepast.

Doelgroep van deze cursus
Iedereen die wil leren hoe je statische websites maakt of haar/zijn kennis wil uitbreiden van webdesign-technieken in het algemeen. Heb je bijvoorbeeld al ervaring met het maken van websites met een CMS als WordPress. Ook dan heb je enorm veel baat bij voldoende begrip van de broncode.

Vereiste voorkennis en vaardigheden
Voor het volgen van deze cursus heb je geen specifieke voorkennis nodig. Algemene kennis van de computer is wel belangrijk.

Inhoudsoverzicht van instructievideo’s
56 video’s | Totale videoduur is 03:04:29
Docent: Belinda Kampf

Intro

• Wat ga je leren in deze HTML-cursus
• Algemene cursusinformatie
• Geschiedenis van het world wide web
• Ontwikkelingen van het web
• W3C-standaarden en Digitoegankelijk
• Bronnen voor webdesigners
• Statische- versus dynamische websites
• Uitleg omtrent HTML, CSS en JavaScript

Starten met website bouwen

• HTML-editor kiezen en installeren
• De bronmap / Local Root Folder (LRF)
• Domeinnaam registreren en webhost kiezen (SIDN)
• Website online met ftp (Filezilla)

Structuur van HTML-pagina

• De DOM (Document Object Model)
• HTML-documentstructuur
• Broncode opschonen in Brackets (Beautify)
• Commentaarregels plaatsen

Content structureren met HTML

• Headers (h1 t/m h6) en paragrafen (p)
• Emphasis, strong, mark, bold, italic en span
• Content scheiden met horizontale lijn (hr)
• Super- ,subscript (sup en sub) en kleiner zetten (small)
• Definitie definiëren en duiden (dfn)
• Afkortingen definieren en duiden (abbr)
• Citaten met Blockquotes en Quotes (blockquote en q)
• Titels en werken definiëren en duiden (cite)
• Adresgegevens definieren (address)

Bijzondere HTML-tags voor tekst

• Speciale karakters met html-entiteiten
• Afbreken van teksten met -wbr- en de html-entiteit ­
• Broncode duiden met -pre-, -code- en -samp-
• Revisie toepassen in een pagina met -ins-, -del
• Revisie toepassen in een pagina met -u- en -s-

Lijsten creëren

• Geordende lijsten -ol- en -li-
• Ongeordende lijsten -ul- en -li-
• Geneste lijsten
• Definitielijsten -dl-, -dt- en -dd-
• Meer toepassingen van definitielijst

Media en afbeeldingen

• Afbeelding plaatsen -img-
• De attributen -alt- & -title-
• Afbeeldingsformaten png, gif en jpg
• Audio plaatsen op webpagina
• Video plaatsen op webpagina

Hyperlinks maken

• Basiskennis URL en links -a- en -link-
• Linken met absoluut of relatief pad
• Externe links maken
• Interne links maken
• Interne sectielink maken
• Afbeelding en -button- linken naar bestand

Tabellen

• Starten met een tabel -table, -tr-, -td-, -caption- en -th-
• Semantische elementen voor tabel -theader-, -tbody-, -tfooter-
• Afbeeldingen plaatsen in tabel
• Cellen samenvoegen met colspan
• Cellen splitsen met rowspan

Toegankelijke en semantische HTML

• Semantische html-elementen
• De Document Outline
• De -header-, -main-, -footer- en -nav-
• Het -article- & -section- element
• De -aside-
• Het -div- & -span- element