Cursus Realiseer je dromen
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 onlinepublicaties. Wil je je vervolgens gaan focussen op het ontwerpen en vormgeven van webpagina’s? Dan is deze kennis onontbeerlijk.
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+ video lessen
Volledig Nederlands gesproken
24/7 toegang tot al het materiaal
Inclusief oefenbestanden
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 | ||
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.