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

Profielfoto
Belinda Kampf
Belinda heeft al jarenlange ervaring 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 geeft ze nu voornamelijk les zodat jij alles kan leren over Photoshop, Illustrator, Sketchup Make en nog veel meer.

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

N.A

beoordelingen
  • 5 Sterren0
  • 4 Sterren0
  • 3 Sterren0
  • 2 Sterren0
  • 1 Sterren0

Er zijn nog geen reviews geschreven voor deze cursus. Wees de eerste die er een schrijft!

VOLG DEZE CURSUS

75 (incl. BTW) In winkelmandje

  • 75 (incl. BTW)
  • Cursus Certificaat
  • Onbeperkte toegang
  • 94 lessen
  • 6 uren, 32 minuten
  • Nederlands gesproken
  • Geschikt voor tablet & mobiel
  • 14 dagen geld terug garantie
36 cursisten volgen nu deze cursus
  • Profielfoto van Anton Verkooijen
  • Profielfoto van Belinda Kampf
  • Profielfoto van Lianne
  • Profielfoto van Peter
  • Profielfoto van Christien Daudeij
  • Profielfoto van Arjan Witte
  • Profielfoto van Fred
  • Profielfoto van Joris van den Berg
  • Profielfoto van michael
top
© 2017 Soofos B.V.