Dit ga je leren:

Alles over programmeren in HTML en CSS.
De geheimen van websites kennen.
Leer de code kennen en gebruiken.
Aan de hand van video's en opdrachten.

Voor wie is deze online cursus HTML en CSS?

HTML is de programmeertaal van de huidige tijd en zal in de toekomst alleen maar een belangrijkere rol gaan spelen. Wil je een blog starten of een website bouwen met WordPress? Dan kun je met HTML-kennis wijzigingen aanbrengen in de broncode en zodoende veel meer sturing geven aan jouw online publicaties. Wil je je vervolgens gaan focussen op het ontwerpen en vormgeven van webpagina’s? Dan heb je de kennis van HTML en CSS nodig.

Zoals je hoort is een brede doelgroep gebaat bij kennis van HTML. HTML is de wijze waarop je de inhoud van een webpagina structureert en betekenis geeft. Dit is tevens belangrijk voor zoekmachineoptimalisatie en bepaald dus ook hoe goed je vindbaar ben. Met CSS bepaal je vervolgens de vormgeving van de pagina. Deze cursus is bedoeld voor iedereen die wil beginnen met het creëren en vormgeven van webpagina’s of websites. Wil je vaardig zijn in de vormgeving van websites? Dan heb je voldoende kennis van CSS nodig en dan is deze cursus het perfecte beginpunt.

 

Wat leer je in de cursus HTML en CSS?

In de cursus leer je eerst hoe je een pagina maakt met HTML. Vervolgens leer je de vormgeving van webpagina’s onder de knie te krijgen met CSS. Dit is de beste werkwijze voor het creëren van prachtige webpagina’s. Eerst zorg je ervoor dat de HTML op orde is en vervolgens ga je aan de slag met de vormgeving met CSS.

 

Dit ga je in deze cursus leren:

De juiste mappenstructuur maken voor succesvolle publicaties 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.

Het schrijven van CSS-regels.

Werken met inline stijlen en interne- en externe CSS stijlbladen.

Het schrijven van de juiste selecties.

De functie van een reset.CSS.

Alle basis-CSS-regels voor vormgeving van tekst en afbeeldingen.

De cursus bestaat uit 95 lessen,waarin je aan de hand van video’s en oefenbestanden de gehele basis leert van HTML en CSS. Je krijg les van Belinda Kampf, zij geeft al geruime tijd les over verschillende onderwerpen in de IT en grafische sector. Benieuwd hoe de lessen eruit zien? Bekijk dan de gratis les hieronder of volg een van de gratis lessen in het cursusoverzicht.

 

Wat biedt deze online cursus HTML en CSS?

Leer de volledige basis van HTML en CSS.

Meer dan 90+ videolessen.

Volledig Nederlands gesproken.

24/7 toegang tot al het materiaal.

Inclusief oefenbestanden.

Een certificaat om aan te tonen dat je HTML en CSS begrijpt en kan gebruiken.

 

Ga vandaag nog aan de slag met het leren van HTML en CSS!

Over de Instructeur

Profielfoto
Belinda Kampf
Mijn naam is Belinda Kampf. Ik ben al jaren actief in de grafische sector en weet alles van de programma’s waarmee jij grafisch kunt ontwerpen. Na lang zelf actief te zijn geweest als grafisch ontwerper geef ik nu voornamelijk les over alles wat met design te maken heeft. Na veel offline les gegeven te hebben, heb ik nu van de belangrijkste kennis gebundeld in online cursussen. Met deze kennis kun je zelf snel aan de slag. Met behulp van video's en oefenbestanden kun je op je eigen tempo leren door te doen. Ik hoop ook jou enthousiast te krijgen en help je met veel plezier op weg in de grafische sector.

Bekijk meer cursussen van Belinda Kampf →

Cursusoverzicht

0. Introductie
0.1 – Introductie & Oefenen 00:02:00
1. Starten met HTML
1.1 – Standaarden van het web 00:05:00
1.2 – Technieken voor het webdesignen 00:08:00
1.3 – Bronmap 00:05:00
2. HTML pagina maken
2.1 – De DOM (Document Object Model)PROEFLES 00:03:00
2.2 – De doctype 00:02:00
2.3 – De head 00:06:00
2.4 – De body 00:03:00
3. Tekst structureren in HTML
3.1 – Headers (h1 t/m h6) en paragrafen 00:08:00
3.2 – Bold, italic, emphasis en strong 00:03:00
3.3 – Afkortingen definiëren met 00:02:00
3.4 – Definitie definiëren 00:01:00
3.5 – Titels en werken definiërenPROEFLES 00:01:00
3.6 – Geordende lijsten 00:03:00
3.7 – Ongeordende lijsten 00:02:00
3.8 – Definitielijsten 00:05:00
3.9 – Citaten duiden met blockquotes en quotes 00:03:00
3.10 – Speciale karakters met HTML entiteiten 00:03:00
3.11 – Afbreken van teksten en HTML-entiteit 00:04:00
3.12 – Preformatted tekst 00:03:00
3.13 – Commentaarregels plaatsen 00:03:00
3.14 – Tekst in super- en subscript zetten 00:02:00
3.15 – Revisie toepassen in een pagina 00:07:00
3.16 – Adresgegevens definiëren 00:02:00
3.17 – Content scheiden met horizontale lijn 00:02:00
3.18 – Computercode duidenPROEFLES 00:03:00
3.19 – Tekst kleiner zetten 00:02:00
4. Hyperlinks maken
4.1 – Basiskennis URL en links 00:03:00
4.2 – Externe links maken 00:05:00
4.3 – Interne links maken 00:10:00
4.4 – Linken naar bestandPROEFLES 00:03:00
5. Afbeeldingen en illustraties plaatsen
5.1 – Afbeelding plaatsen 00:06:00
5.2 – Afbeeldingsformaten png, gif en jpg 00:06:00
5.3 – Afbeelding linken naar pagina, url of bestand 00:08:00
6. Tabellen
6.1 – Tabelstructuur analyseren 00:08:00
6.2 – Tabel maken 00:06:00
6.3 – HTML5 elementen voor tabel 00:05:00
6.4 – Afbeeldingen plaatsen in tabel 00:04:00
6.5 – Cellen samenvoegen en splitsen 00:07:00
6.6 – Toegankelijkheid verbeteren van een tabelPROEFLES 00:04:00
7. Starten met CSS
7.1 – Wat is CSS?PROEFLES 00:04:00
7.2 – CSS in werking 00:06:00
7.3 – De versies van CSS 00:04:00
7.4 – CSS schrijven: de syntax 00:02:00
7.5 – De reset CSS 00:05:00
8. CSS stijlen en stijlbladen
8.1 – De inline style 00:05:00
8.2 – Het interne stijlblad 00:04:00
8.3 – Het externe stijlblad 00:06:00
8.4 – CSS overervingPROEFLES 00:05:00
9. De CSS selectors
9.1 – HTML selectors 00:02:00
9.2 – Attribute class selector 00:06:00
9.3 – Attribute ID selector 00:03:00
9.4 – Pseudo class selector 00:04:00
10. Starten met Reset en CSS Stijlblad
10.1 – Browser gestuurde vormgeving overschrijven met reset.css 00:07:00
10.2 – Extern stijlblad aanmaken en koppelen 00:04:00
11. Tekst vormgeven met CSS
11.1 – Font-family: lettertype opgeven 00:06:00
11.2 – Praktische toepassing van fonts in webdesign 00:06:00
11.3 – Font-size: corpsgrootte bepalen in pixels 00:06:00
11.4 – Theorie: corpsgrootte bepalen in em 00:04:00
11.5 – Praktijk: corpsgrootte bepalen in em 00:04:00
12. Font properties vormgeven
12.1 – Font-weight bepalenPROEFLES 00:05:00
12.2 – Font-style bepalen 00:04:00
12.3 – Font-variant bepalen 00:07:00
12.4 – Tekst kleuren met color 00:03:00
12.5 – Google Webfonts toepassen op webpagina 00:12:00
12.6 – Shorthand notation voor font-properties 00:07:00
13. Kleuren en kleurschema's
13.1 – Kleur kiezen in Adobe Photoshop 00:02:00
13.2 – Kleurenschema samenstellen 00:02:00
14. Text properties vormgeven
14.1 – Text transfrom: hoofd en kleine letters toepassenPROEFLES 00:03:00
14.2 – Text-decoration: onderstrepen van teksten en links 00:02:00
14.3 – Text-indent: tekst in laten springen 00:03:00
14.4 – Text-align: tekst uitlijnen 00:02:00
14.5 – Letter spacing / word spacing 00:05:00
15. Overige tekstopties
15.1 – White space 00:06:00
15.2 – Line height: interlinie bepalen voor tekst 00:06:00
15.3 – Text-shadow 00:03:00
16. Vormgeven van lijsten
16.1 – List-style-type voor ongenummerde lijsten 00:03:00
16.2 – List-style-position voor ongenummerde lijsten 00:02:00
16.3 – List-style-image voor ongenummerde lijsten 00:02:00
16.4 – Opsommingstekens voor geordende lijsten 00:02:00
16.5 – Shorthand notation voor list-style eigenschappen 00:02:00
17. Vormgeven van achtergrond
17.1 – Background-color toepassen 00:04:00
17.2 – Background-image toepassenPROEFLES 00:03:00
17.3 – Background-repeat toepassen 00:02:00
17.4 – Background-position toepassen 00:03:00
17.5 – Background-attachment toepassen 00:02:00
17.6 – Repeat-x en repeat-y 00:04:00
17.7 – Shorthand notation voor background-properties 00:03:00
17.8 – Afbeeldingen verticaal opmaken met vertical-align 00:09:00
18. Pseudo classes en -elementen
18.1 – Links vormgeven met de pseudo-classes 00:05:00
18.2 – De pseudo class first-childPROEFLES 00:02:00
18.3 – Taal anders vormgeven met pseudo class “lang” 00:03:00
18.4 – Pseudo-element first-letter & first-line 00:03:00
18.5 – Pseudo-element before & after 00:05:00

Reviews

4.4

4.4
14 beoordelingen
  • 5 Sterren6
  • 4 Sterren7
  • 3 Sterren1
  • 2 Sterren0
  • 1 Sterren0
  1. Duidelijk en goed!

    3

    Vond de cursus goed. Ik heb vaker gevolgd cursus html5 css3.

  2. Kort en krachtig

    4

    Duidelijke cursus met korte instructiefilmpjes

  3. Handig

    4

    Het is super handig alles is gewoon ook nog up to date voor deze tijd. ook draait zij wel op een ouder mac systeem

  4. heldere cursus html en css voor beginners

    4

    Vooral fijn als je nog helemaal niet thuis bent in html en css. Heel duidelijk en rustig verteld.

  5. Goede cursus, veel opgestoken

    4

    Heel veel geleerd van deze cursus, alles was duidelijk en goed voorbereid.
    Ik heb nu zelf ook meer kennis gekregen over hoe mijn website optimaal kan zijn en hoe het in elkaar steekt.
    Ik raad deze cursus zeker aan en ben blij dat ik hem heb gevolgd.

    Geweldig gedaan.

  6. Leer de basis van HTML & CSS

    5

    Aanrader voor een ieder die zich wil verdiepen in de wereld van web-development !
    Een goede en duidelijke cursus om de basis van HTML & CSS te leren, in je eigen tempo.
    Op een leuke manier heb ik veel geleerd !

  7. Goed overzicht

    4

    Dankzij het volgen van deze cursus krijg je een goed overzicht van de basis van HTML en CSS. In korte video’s wordt alles toegelicht en voorgedaan. Hierdoor zijn het goed gedoseerde brokjes informatie die goed te behappen zijn. Ook wordt informatie vaker herhaalt waardoor het beter beklijft.

  8. Leer de basis van HTML & CSS

    5

    Een leuke manier van het leren van de basis van HTML en CSS. Het bekijken van video’s ging mij beter af dan het doorlezen van een boek. De theorie wordt eerst uitgelegd en aansluitend wordt de theorie in een voorbeeld toegepast hetgeen de theorie verduidelijkt.

  9. Cursus HTML

    4

    Het was voor mij al weer een tijdje geleden dat ik me heb verdiept in HTML en CSS.

    Ik heb de cursus voornamelijk gebruikt om mijn geheugen weer een beetje op te frissen.
    De opbouw van de cursus is erg helder en goed te gebruiken om de beginselen van HTML en CSS onder de knie te krijgen.

    Een aanrader voor een ieder die zich wil verdiepen in webdesign.

  10. 5

    Ontzettend veel geleerd van deze cursus! Heel duidelijk en uitgebreid uitgelegd, ik heb als beginner heel veel onderdelen leren kennen.

  11. 5

    Leerzame cursus, goed te begrijpen voor iedereen die vanaf de basis gaat beginnen. Zeker een aanrader!

  12. Uitgebreide cursus

    4

    Uitgebreide cursus, alleen jammer dat er geen div’s in worden uitgelegd…

  13. 5

    Het is een uiterst leerzame cursus waarin je je eigen tempo bepaalt en inhoudelijk heel duidelijk is vormgegeven. Zo wordt alles stap voor stap heel duidelijk uitgelegd en gevisualiseerd waardoor je prima mee kan oefenen. Als leek is het zeer goed te volgen en er wordt snel gereageerd op je vragen. Zeker aan te raden!

  14. Prima basis/start cursus die levert wat beloofd wordt

    5

    De cursus is duidelijk qua opzet en structuur, biedt voldoende oefening en de ondersteunende video’s geven de mogelijkheid alle stappen zelf te na te doen. Het is een basiscursus, dus weet je al iets van HTML en CSS dan zul je hier snel doorheen lopen.
    Ik wil ook in mijn klassen iets doen met HTML (en zonder dat te laten genereren door een webdesign-tool) . Hier vond ik meer dan voldoende aanknopingspunten. Ik had hiervoor (en deels gelijktijdig) HTML en CSS voor Dummies gelezen en deze cursus illustreert heel goed wat daarin behandeld wordt.
    De cursusvideo’s zijn gebaseerd op Dreamweaver, maar ik heb de free HTML-editor CoffeeCup gebruikt en dat werkte prima.

© 2019 - Soofos B.V.