De cursus
Leer snel HTML en CSS met deze videocursus met 33 videolessen met een totale lengte van 5 uur. De eerste tien daarvan zijn ook voor niet-abonnees beschikbaar. Naast de video’s wordt steeds een uitleg en de officiële specificatie van de elementen toegevoegd.
Dit is een basiscursus. U start bij het allereerste begin: het opmaken van de standaardstructuur van een HTML pagina. De cursus volgt hierbij de HTML5 standaard, dus u leert het deel van de “oude” HTML standaard in zoverre die behouden is (HTML5 is immers een voortzetting van de vorige versie), met toevoeging van nieuwe mogelijkheden die HTML5 biedt.
Onderwerpen
Let op! Enkel de eerste tien zijn vrij toegankelijk. Voor de overige dient u geabonneerd te zijn en wordt u doorverwezen naar de winkel pagina.
- 01 – Opzetten van een website
- 02 – HTML5 paginastructuur
- 03 – HTML Attributen
- 04 – HTML: Block level elementen
- 05 – Inline elementen
- 06 – CSS
- 07 – Embedded styles
- 08 – Linked stylesheets
- 09 – Inline styles
- 10 – CCS Fonts
Voor de volgende video lessen dient u de cursus aan te schaffen. - 11 – CSS Classes
- 12 – Html Links
- 13 – Tekst opmaken
- 14 – CSS Links
- 15 – CSS – Pseudo selectors
- 16 – HTML image
- 17 – HTML Lijsten
- 18 – CSS Lijsten
- 19 – CSS Kleuren
- 20 – CSS Backgrounds
- 21 – Meer achtergronden
- 22 – CSS3 Verloopvullingen
- 23 – HTML Tabellen
- 24 – CSS Borders
- 25 – CSS Padding
- 26 – CSS Margin
- 27 – CSS Box Model
- 28 – HTML formulieren
- 29 – HTML formulieren nieuw in HTML5
- 30 – HTML formulieren opmaak
- 31 – HTML5 semantische tags
- 32 – CSS Positionering uitgelegd
- 33 – CSS Een lay-out maken
De achtergrond: Het World Wide Web in ontwikkeling
HTML5 en CSS3 zijn dé technieken waar het tegenwoordig om draait. Wil je je echt bezig gaan houden met webdesign, dan moet je beginnen met deze talen. Na meer dan 10 jaar te hebben stilgelegen is de ontwikkeling sinds enkele jaren in een stroomversnelling terecht gekomen. HTML4 bleek helemaal niet toegerust om voor de opkomende mobiele apparaten en tablets goede sites te maken. Interactiviteit werd tot 2010 vooral met Flash gedaan, maar Adobe had grote problemen goede players te maken voor mobiel. Daarnaast is het niet goed dat één bedrijf het monopoly op de interactiviteit van het internet zou hebben. Flash is ook een container, dat wil zeggen een soort zwarte doos die in een pagina staat en waarvan je de code niet kunt zien, en waar enkel via onhandige constructies mee gecommuniceerd kan worden naar HTML.
Bovenstaande situatie geeft de urgentie aan waar men in 2011 was terechtgekomen. Het W3C, dat de open standaarden HTML en CSS ontwikkeld, was al 10 jaar bezig met nieuwe versies zonder dat er veel vooruitgang was geboekt. De industrie (Apple, Microsoft, Google en anderen) verenigde zich en startte een club om dan maar onafhankelijk van het W3C HTML verder te ontwikkelen. Later is iedereen in relatieve harmonie samengekomen en is de ontwikkeling voortvarend ter hand genomen.
Om nieuwe mogelijkheden van HTML en CSS zo snel mogelijk beschikbaar te maken (de urgentie was zoals gezegd groot) werd besloten niet één totale nieuwe versie te maken van HTML, maar om stapsgewijs nieuwe features afzonderlijk klaar te stomen, en op het moment dat er voldoende ondersteuning voor is vanuit de industrie (en dus bij de grote browsers) deze te lanceren, dus in te bouwen in de browsers zodat ze gebruikt kunnen worden door ontwikkelaars.
Daarnaast worden er een aantal modules ontwikkeld die geen onderdeel van HTML zelf worden, maar wel zo gemaakt zijn dat je ze aan HTML ‘vast kunt haken’.
Kan ik als beginner beter met Dreamweaver starten of is het verstandiger om met HTML5 te leren werken?
Margreet,
Dit is een beetje afhankelijk van je eigen kijk op zaken, sommige mensen hebben namelijk een hekel aan code of willen daar niets mee te maken hebben. Maar ook als je met Dreamweaver gaat werken heb je inzicht nodig in HTML/CSS anders weet je in feite niet wat je doet en klik je maar wat in menu’s. Ik zou dus zeggen: het is echt verstandiger om eerst met HTML5 te leren werken.
Aangezien ik de DVD heb besteld en niet het jaarabonnement, vroeg ik me af of ik ook video 32 en 33 kan bekijken? Deze staan niet op de DVD.
Ja hoor, speciaal voor mensen die de DVD aangeschaft hebben heb ik deze “open” laten staan. Hier aan de rechterkant staan ze onder de eerste zes video’s. Maar ze blijven daar maar een paar weken staan. Ik ga wel kijken hoe dat beter geregeld kan worden.
Hallo Edwin,
Heb net een abo genomen,
Ben begonnen met DW CC 2015.
De ervaringen tot nu toe, ben gevorderd tot video 12, zijn positief.
Wilde gelijktijdig met HTML/CSS beginnen.
Maar die training is blijkbaar nog niet af, want ik kan alleen de eerst 6 video’s bekijken.
Groet van een tevreden cursist
Ger Slangen
Ger,
Deze cursus is wel klaar hoor. zoals je ziet zijn er nu 33 video’s, en er komen er nog meer bij. Binnenkort komen er meer video’s gratis beschikbaar, de eerste 20. Op die manier is er een gratis basis cursus HTML voor iedereen.
Hallo Edwin,
Vanaf video 7 kan ik ze niet bekijken.
Ik heb een bestelling met ordernr, 2769
Begreep dat “alle bestanden” ook betrekking heeft op de cursis HTML/CSS.
Hoor het graag
Groet
Ger
Nee, de prijzen zijn per cursus. Het zou vervelend zijn als je een verkeerde indruk hebt gekregen en nu minder krijgt dan je verwacht heb. Ik zal in ieder geval eens haast maken met het vrijgeven van de eerste 20 HTML video’s, zodat je die kunt bekijken. Dit stond al een tijdje op het programma, maar ja, veel ander werk zodat dit weer blijft liggen…
Bedankt voor je bestelling, en fijn om te horen dat het bevalt.
Ik heb me vergist, te snel gelezen.
Maar een berichtje n.a.v. mijn laatste vraag zou wel netjes geweest zijn.
groet
okee, ik had de reactie op d evorige vrdaag enkel rechtstreeks per mail gestuurd. Nu ook even hierboven geplaatst.
heb je stukje voorbeeld fluid grid?
Wanneer komt de vernieuwde cursus html css?
Hoi Edwin. Ik heb een vraag over php. Ik heb een boek gekocht over php. Is php alleen voor formulieren en gastenboek? Groet Sander
ik heb even een vraag ik heb xampp server en boek van php 7. ik wil verder gaan leren. bij dat programma moet ik nog wat instellen zodat ie werkt? ik krijg ook geen teksten in beeld bv in de browser? wil je mij wat uitleggen hoe het allemaal werkt?
gr sander