Cursus Realiseer je dromen
Voor wie is deze cursus online cursus HTML & CSS?
HTML is de publicatietaal 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 de wegpublicaties. En wil je je gaan focussen op het zelf 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. Belangrijk voor zoekmachine optimalisatie. Maar met CSS bepaal je 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 hand hebben in de vormgeving dan heb je voldoende kennis van CSS nodig en dan is deze cursus het perfecte beginpunt.
Wat leer je in de online basiscursus HTML & 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 werkwijze voor het creëren van prachtige webpagina’s. Eerst zorgen dat de HTML op orde is en vervolgens de vormgeving bepalen met CSS.
Dit ga je o.a. allemaal leren:
Leren maken van de juiste mappenstructuur voor webproducties 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 styles en interne- en externe CSS stijlbladen.
Het schrijven van de juiste selectors.
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 cursus overzicht.
Wat biedt deze online Basiscursus HTML & CSS?
Leer de volledige basis van HTML & 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 | ||
Reviews
Andere cursisten bekeken ook
166 cursisten volgen nu deze cursus
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.
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!
Uitgebreide cursus
Uitgebreide cursus, alleen jammer dat er geen div’s in worden uitgelegd…
Leerzame cursus, goed te begrijpen voor iedereen die vanaf de basis gaat beginnen. Zeker een aanrader!
Ontzettend veel geleerd van deze cursus! Heel duidelijk en uitgebreid uitgelegd, ik heb als beginner heel veel onderdelen leren kennen.
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.
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.
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
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 !
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.
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.