Geen producten in je winkelmand.
De cursus in het kort:
Alles over programmeren in HTML en CSS.
De geheimen van websites kennen.
Leer de code kennen en gebruiken.
Aan de hand van videolessen 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 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.
Direct aanmelden- Toegang tot deze én alle andere online cursussen
- Blijf jezelf ontwikkelen en leer nieuwe vaardigheden
- Leer onbeperkt vanaf €8,25 p/m
Over de Instructeur
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ë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
Introductiecursus Robotic Process Automation (RPA) - Ontwikkelaar UiPath
€11,95€99,95Levenslange toegang
€11,95
€99,95Levenslange toegangIn winkelmandOnline Cursus WooCommerce Webwinkels
€37€67Levenslange toegang€37
€67Levenslange toegangIn winkelmand
Leerzame cursus
Goed uitgelegd maar wel te lang.
Uitgebreid maar niet volledig
Elk element wordt in deze cursus besproken maar voor alle functie en praktische uitwerking van de site moet je ook de andere cursus van Belinda Kampf kopen, waarom niet gewoon in een stuk verkopen?
Goed voor de basis
Prima cursus voor mensen die de absolute basis van het programmeren willen leren kennen. Wel wat traag naar mijn voorkeur, maar daar zullen anderen ongetwijfeld profijt van hebben. Het scheelt ook dat ik het niet gekeken heb, omdat ik zelf een eigen website heb moeten bouwen.
Super duidelijk
Kort maar krachtige filmpjes waardoor je je aandacht er goed bij kunt houden snel onderwerpen terug kunt vinden.
Belinda legt het super goed uit, top!
Duidelijke uitleg
Ik mis alleen een stukje vormgeving van tabellen in CSS.
Prima basis cursus, duidelijk uitgelegd
Uitleg duidelijk en mooi gestructureerd in 94 korte lesjes. Ook handig als naslagwerk
uitleg goed
👍
Duidelijke uitleg
Goede duidelijke uitleg van alle onderdelen. Erg fijn als je nog geen kennis hebt van html om de basis info te leren.
Fijne cursus
Dit onderwerp is voor mij niet nieuw. Toch een hele fijne cursus om te volgen en om alle concepten weer op te frissen. De instructeur is erg duidelijk en fijn om naar haar te luisteren.
Duidelijke uitleg
Heldere en duidelike uitleg. ik heb een cursus dreamweaver gedaan maar dat zat te weinig html in, met deze cursus erbij is alles duidelijker.
Goede cursus met duidelijke uitleg
Het geduldige en duidelijke uitleg in normaal Nederlands is wat mij betreft het meest aansprekende van deze cursus. De cursus gaat wel meer over tekst styling dan elementen styling vind ik. Het is zeker een aanrader voor een beginner.
Prima ondergrond
Ondanks dat de cursus ietwat verouderd is ( wordt niet behandeld bijvoorbeeld) is het toch een prima start voor de beginnende designer. De filmpjes zijn kort en doeltreffend. Het cursusmateriaal ontbreek gedeeltelijk bij hoofdstuk 18, maar met de al gedane ervaring weet je wel wat er bedoeld wordt en hoe je het moet uitvoren.
Echte beginner in HTML & CSS!
Wilde gewoon begrijpen hoe je een website moet maken en ik denk dat het me nu wel gaat lukken 😉
Misschien als tip iets duidelijker weergeven waar je moet starten met de lessen en wanneer je een andere download map kiezen.
En niet alle download mappen zijn volledig maar is niet heel erg om lessen te kunnen volgen.
Als je met Visual Studio Code werkt (deze is gratis) kun je deze cursus ook volgen wat in begin wel even zoeken was voor mij dan.
Op naar de volgende cursus.
zeer heldere korte toelichtingen. een verademing naast de meeste andere trainingen.
Wegwijs met HTML en CSS
Deze cursus met veel plezier gevolgd om me enigszins wegwijs te maken met HTML en CSS.
Ik ga hier zeker mee verder.
Duidelijk Cursus
Handige cursus voor de basis. Zeer duidelijk uitgelegd.
Was tijdje geleden begonnen met wordpress een website bouwen. Vond dat best lastig en had helemaal geen inzicht in hoe en wat.
Nu begrijp ik de onderbouw in ieder geval, en ga ik WordPress opnieuw proberen, met iets meer verstand van een website bouwen.
De opbouw begrijp ik nu, en ik kan de basis makkelijk opzetten dankzij deze cursus!
Duidelijke cursus
Heb deze cursus gevolgd naast mijn fulltime baan. Prima te doen dus.
Duidelijke en vooral rustige uitleg.
Veel achtergrond informatie over HTML en CSS.
Prima te volgen naast een Fulltime baan of misschien opleiding.
Lesmateriaal dat hierbij wordt geleverd is ook duidelijk en overzichtelijk.
Titel van Review
Beoordeling van de Cursus
Prima cursus voor een beginner met HTML
In deze cursus wordt duidelijk uitgelegd hoe HTML en CSS werkt en hoe je een hoop eigenschappen moet noteren.
Ik had graag gezien dat deze cursus ook echt de beginselen had aangepakt, bijvoorbeeld waarom of hoe iets werkt.
Met behulp van de website van het w3c kwam ik hier alsnog uit.
Bedankt voor de leerzame cursus.
Eerste HTML/CSS cursus
Duidelijke cursus met goede uitleg en voldoende duidelijke voorbeelden.
Leerzaam!
Super duidelijke uitleg over de basis van html en css
Informatieve cursus
Alles wordt duidelijk uitgelegd, goede cursus om de basis van HTML en CSS onder de knie te krijgen. Of om je geheugen weer op te frissen!
Duidelijk
Duidelijke en korte filmpjes, goed opgedeeld
Duidelijk
Hele prettige manier van uitleggen en fijn opgezet.
Topcursus
Een hele duidelijke leerzame cursus. Ik heb het gevoel dat ik HTML en CSS al aardig onder de knie heb door deze cursus. Duidelijke uitleg die goed te volgen is voor iedereen.
Goede en informatieve cursus
Makkelijk op eigen tempo te volgen. Duidelijke uitleg en wijzigingen worden direct uitgewerkt. Ik zou hem aanraden aan anderen als ze meer te weten willen komen over dit onderwerp.
Leerzame cursus
In het verleden eerder al eens een cursus HTML en CSS uit een boek gedaan, maar haakte meestal af.
Deze cursus is duidelijk met goede uitleg en voorbeelden.
Het is eenvoudig om een stapje terug te doen als het niet helemaal duidelijk is.
Wat mij betreft een aanrader.
Voor mij snelle opfrissing vooral de css
De cursus was voor mij zeker niet nieuw maar bepaalde dingen wist ik nog niet en heb het eruit kunnen halen.
Heel duidelijk en rustig gesproken en zeker een aanrader voor de beginners onder ons.
Ik ben allang geen beginner meer met webdesign en web development
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.