HTML5 en CSS3

Cursus HTML5 en CSS3

In deze cursus leer je de nieuwste mogelijkheden van HTML5 en CSS3 gebruiken voor moderne browsers. Na de cursus kun je makkelijker aanpassingen maken aan webpagina's en aan een CMS. Je leert een degelijke opzet maken van een HTML-structuur en semantische elementen gebruiken voor een betere leesbaarheid en vindbaarheid in Google van webpagina's.

Wat leer je in deze cursus?

Je leert een degelijke webpagina op te zetten en deze te voorzien van CSS. We werken met Brackets, een gratis code editor die zowel op Windows als OS X beschikbaar is. Wanneer je dat wilt, kun je ook met andere software werken zoals Dreamweaver, Sublimetext of Notepad++. De focus ligt geheel op de code. We besteden veel aandacht aan het opmaken (layout, kleur, typografie) van de webpagina met modern CSS. Hierbij houden we rekening met de manier waarop de CSS en HTML in de verschillende browsers en versies wordt getoond. We gaan de webpagina's testen in deze browsers en voor niet werkende CSS wordt alternatieve code toegepast. Hiervoor gebruiken we Javascript bibliotheken zoals jQuery. Het werken met jQuery behoort uitdrukkelijk NIET tot deze cursus. Tijdens de cursus oefenen we met opdrachten om te testen of je de stof daadwerkelijk onder de knie hebt. Na afloop ben je in staat om zelfstandig webpagina's met HTML en CSS samen te stellen en je kennis uit te breiden met verschillende online referentiewebsites.

Welke voorkennis heb je nodig?

Om aan deze cursus deel te nemen heb je enige affiniteit nodig voor het werken met code. Verder heb je geen voorkennis nodig. We beginnen vanaf het begin.

Voor wie is deze cursus bedoeld?

Deze cursus is voor iedereen die soms met HTML en CSS code in aanraking komt en hierin met vertrouwen wil werken. Het kan zijn omdat er wat in een Content Management Systeem moet worden aangepast of omdat er meer inzicht gewenst is in het werken aan websites. Het is een prima startpunt voor iedereen die wil leren programmeren in PHP of zelf sjablonen voor Wordpress wil aanpassen.

Wat is een logisch vervolg op deze cursus?

Een logisch vervolg is de cursus PHP en MySQL. Je kunt ook denken aan de cursus Animate CC, waarin le leert animaties en banners te maken.

Cursus onderwerpen

• HTML5
• Gebruik van elementen met semantische betekenis
• SEO en optimaal element gebruiken zoals lijsten, volgorde en nesten
• Bijzondere eigenschappen van elementen voor taal, interactie en gegevens
• Meta data en micro data elementen en structuren
• Afbeeldingen en achtergronden
• HTML grid systemen
• CSS3
• Mediaqueries voor responsive ontwerp
• Hoge resolutie-instellingen
• CSS voor SVG-afbeeldingen
• Animaties en transities
• Webfonts en symboolfonts
• Selectoren en logica
• Browsers en (responsive) debuggen
• Frameworks zoals Bootstrap en Foundation bekijken