Dit ga je leren:
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 van House of Training, 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 HTML en CSS, of een andere programmeercursus!
Leer onbeperkt met Soofos Plus
Deze cursus is gratis te volgen door abonnees van Soofos Plus.
Probeer 7 dagen gratis- Onbeperkte toegang tot 200+ Nederlandse cursussen
- Probeer 7 dagen volledig gratis
- Maandabonnement vanaf €19 per maand
Over de Instructeur
Belinda Kampf
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ëren | PROEFLES | 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 duiden | PROEFLES | 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 bestand | PROEFLES | 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 tabel | PROEFLES | 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 overerving | PROEFLES | 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 bepalen | PROEFLES | 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 toepassen | PROEFLES | 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 toepassen | PROEFLES | 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-child | PROEFLES | 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
Andere cursisten bekeken ook
De snelste manier om een website te maken met WordPress 2020
€199€67 Levenslange toegang
€199€67 Levenslange toegangIn winkelmand
Online Cursus WordPress (Gutenberg 2019)
€99€49 Levenslange toegang€99€49 Levenslange toegangIn winkelmand
perfecte basis
Ideaal om je eerste stappen te zetten in HTML en CSS.
Duidelijk uitgelegd en goede voorbeelden.
Prima cursus
Het leert je goed de basis van HTML en CSS. Ik heb zeker veel geleerd. Het enige minpunt is dat er in de lessen voor CSS meerdere malen wordt aangegeven dat ook ‘margin’ en padding uitgelegd zullen worden in deze cursus. dit is echter niet het geval terwijl ik dat wel graag zou willen leren voor het bouwen van mijn website.
Prima HTML en CSS cursus
Prima cursus en duidelijk uitgelegd. Van CSS heb ik een aantal lessen zeker twee maal gedaan om het goed onder de knie te krijgen en ik ben heel blij dat je de lessen altijd terug kunt kijken.
Cursus HTML en CSS
Goede balans tussen theorie en praktijk. Alles helder uitgelegd.
Cursus HTML
Erg duidelijke uitleg.
basis html/css uitleg
Een goede basis, om html en css te leren.
Online Cursus HTML en CSS
Duidelijke cursus om de beginselen van HTML en CSS te leren.
Duidelijk
Goed uitgelegd, stap voor stap
Duidelijke en leerzame cursus.
Ben blij dat ik deze cursus heb aangekocht, de uitleg is erg duidelijk en je kunt alles nog eens terug zien. Nu ik deze cursus heb afgerond kan het echte werk beginnen, het bouwen van een website. Het is zo handig om dingen terug te kijken, door meer te oefenen wordt je er steeds handiger in.
groetjes Astrid
Een goede basis, veel geleerd!
Er wordt ontzettend veel behandeld en ik heb er veel van geleerd, ook al had ik al enige basiskennis. Heel tevreden met de complete en duidelijke uitleg en de heldere filmpjes en instructies. Ik had wel het gevoel dat een paar kleine zaken wat achterhaald zijn ivm de snelle ontwikkelingen, maar er schijnt nu ook een andere cursus te zijn voor 2019. Erg leuk om te zien hoeveel ik kan toepassen op de websites waar ik aan werk, zodat ik het niet meer aan iemand anders hoef te vragen. Ik ga er zeker mee verder!
blij met deze cursus!
cursus vaker gevolgt prima uitleg
Kort en krachtig
Duidelijke cursus met korte instructiefilmpjes
Handig
Het is super handig alles is gewoon ook nog up to date voor deze tijd. ook draait zij wel op een ouder mac systeem
heldere cursus html en css voor beginners
Vooral fijn als je nog helemaal niet thuis bent in html en css. Heel duidelijk en rustig verteld.
Goede cursus, veel opgestoken
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.
Leer de basis van HTML & CSS
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 !
Goed overzicht
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.
Leer de basis van HTML & CSS
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.
Cursus HTML
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.
Ontzettend veel geleerd van deze cursus! Heel duidelijk en uitgebreid uitgelegd, ik heb als beginner heel veel onderdelen leren kennen.
Leerzame cursus, goed te begrijpen voor iedereen die vanaf de basis gaat beginnen. Zeker een aanrader!
Uitgebreide cursus
Uitgebreide cursus, alleen jammer dat er geen div’s in worden uitgelegd…
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!
Prima basis/start cursus die levert wat beloofd wordt
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.