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
Bekijk meer cursussen van Belinda Kampf →
Inhoud van de cursus
| 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) | GRATIS | 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 | GRATIS | 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 | GRATIS | 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 | GRATIS | 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 | GRATIS | 00:04:00 | |
| 7. Starten met CSS | |||
| 7.1 – Wat is CSS? | GRATIS | 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 | GRATIS | 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 | GRATIS | 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 | GRATIS | 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 | GRATIS | 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 | GRATIS | 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
Er zijn nog geen reviews geschreven voor deze cursus. Wees de eerste die er een schrijft!
