Home » Overzicht trainingen » Programmeren & IT Pro » HTML5 & CSS3 Gevorderd

Training HTML5 & CSS3 Gevorderd

In deze cursus leer je naast HTML5 alles over CSS3 Layout. Wat mediaqueries zijn en hoe je hiermee webpagina’s goed kunt vertonen op elk soort beeldscherm. CSS3 positionering, responsive afbeeldingen en de magie van de “display” eigenschap van CSS3.
Maar vooral twee nieuwe CSS3 modules die de webdesigner eindelijk in staat stellen elk gewenst design om te zetten in een website. Alle beperkingen die er voorheen bestonden in het maken van layouts zijn hiermee opgelost.

Leermethode Start Taal Gemiddelde trainingsduur Trainingsprijs all-in

Online klassikaal, Klassikaal

In overleg, kan snel

Nederlandstalig

3 dagen

1.250,- Excl. 21% BTW

Deze training wordt zowel klassikaal (op locatie) als online klassikaal gegeven. Geef bij het inschrijven je voorkeur op.

Data, locaties & aanmelden
Heb je een vraag of wil je meer informatie?
Vul je gegevens in, dan nemen wij contact met je op

Inhoud van de training

HTML5 & CSS3 Gevorderd
  • Meerdere achtergronden en randen
  • Transities en animaties
  • Filters
  • Responsive afbeeldingen
  • De “display” eigenschap
  • Positionering
  • Gecombineerde selectors
  • Media Queries
CSS Grid Layout Module
  • Structuur van CSS Grid
  • Rijen en kolommen definieren
  • Grid eigenschappen
  • Grid lijnen, tracks, cellen en gebieden
  • Nieuwe eenheden: fraction
  • Uitlijning van het grid en de grid items
  • Eigenschappen van de grid items
CSS Flexible Box Layout Module
  • Structuur van CSS Flexbox
  • De flex container en items
  • Container eigenschappen
  • Flex direction
  • Flex flow
  • Flex wrap
  • Verticale en horizontale uitlijning
  • Eigenschappen van flex items
  • Volgorde aanpassen
  • Groeien en krimpen van items bepalen

  • Klassikale training

    Wanneer jij je hebt aangemeld voor deze training nemen wij contact met je op. Wij gaan dan samen met jou de trainingsdagen en locatie plannen. De training wordt gegeven door een Adobe Certified instructor.

    Deze training is inclusief:

    • Klassikale lesdagen
    • Gebruik computer (Mac, Windows, beeldscherm 21,5″) en software in leslokaal
    • Heerlijke lunch, koffie, thee en fris
    • Certificaat met NRTO keurmerk
    • Schrijfgerei

    Wat leer je in deze cursus?

    In deze cursus leer je eerst geavanceerdere onderwerpen zoals filters, transities en animaties, en de werking van mediaqueries. Daarna hoe je een site layout kunt maken met CSS Grid. Daarna leer je hoe je met Flexbox onderdelen van het grid kunt lay-outen, of onderdelen van de pagina. Zo is het met Flexbox eenvoudig om kolommen van gelijke hoogte te maken (onafhankelijk van de inhoud), of elementen vertikaal te positioneren, iets wat voorheen enkel met onhandige hacks of de verouderde tabellen mogelijk was. De opzet van de sites die we maken in de cursus volgt het bekende “mobile-first” systeem van webdesign, met een eenvoudige “fallback” zodat oudere browsers die de nieuwe modules niet ondersteunen de pagina’s toch goed zullen vertonen.
    CSS Grid biedt een compleet layout systeem gebaseerd op een combinatie van horizontale en vertikale vlakken, dat onafhankelijk van de volgorde van de content kan worden opgezet. Hiermee kan de inhoud van een webpagina op elke gewenste plaats worden gezet.
    Flexbox is een iets eenvoudiger systeem en werkt of horizontaal, of vertikaal, eendimensionaal dus. Dit kan gebruikt worden in onderdelen van een Grid layout, zoals een header of footer, voor meer simpele layouts, of voor de layout van onderdelen binnen een pagina.
    CSS Grid en Flexbox werken in alle moderne browsers.


    Welke voorkennis heb je nodig?

    Om deze cursus te volgen is basiskennis van HTML5 & CSS3 nodig, bijvoorbeeld via de cursus HTML5 & CSS3 Basis.

    Wat is een logisch vervolg op deze cursus?

    Na deze cursus kun je je verder technisch specialiseren via één van de cursussen web development, of bijvoorbeeld één van onze grafische cursussen.


    Wat cursisten over ons zeggen

    "Met heel veel plezier heb ik deze training (die bestaat uit 9 modules) gevolgd. Alle lessen zijn via e-learning goed te volgen. Het lesmateriaal en de uitleg is zeer duidelijk. Het is voor mij niet nodig geweest om lessen op locatie te volgen, maar de mogelijkheid is er wel. Eventuele opmerkingen en vragen die ik aan het leercentrum heb gesteld werden vlot en goed beantwoord. Kortom: ik ben zeer tevreden en mocht ik nog een cursus nodig hebben op dit gebied, dan zal ik zeker Trainspot weer benaderen. "

    Sylvia
    Maatwerk opleidingspakket Microsoft Office Power user

    "Uit ervaring kan ik spreken als het gaat om een vergelijking te kunnen maken binnen verscheidene opleidingscentra. Ik volg namelijk regelmatig cursussen/ trainingen/ opleidingen om mij up to date te houden op allerlei vlak. Maar ik heb nog nooit zo'n prettig en persoonlijk verloop meegemaakt als dat ik nu via jullie/ trainspot heb ervaren. Top dus!!! Snelle reacties op vragen en snelle verwerking van resultaten en certificaat/ diploma uitreiking. De combinatie leerstof, filmpjes en oefeningen is goed op elkaar afgestemd..."

    Kim
    Maatwerk opleidingspakket Microsoft Office uitgebreid

    "Ik vond het een erg leuke training! Duidelijke uitleg dmv boek n video. De manier waarop de cursus gebracht werd vond ik erg leuk. Door het onderwerp Vista Mare in alle trainingsonderdelen te gebruiken, bleef het boeiend. Contact met trainers via chat of mail werkte prima; ik kreeg snel reactie en duidelijk advies. Ook werd er altijd duidelijke feedback gegeven op een prettige manier. Zeker een opleiding die ik anderen zou aanraden! "

    Melissa
    Maatwerk opleidingspakket Microsoft Office uitgebreid

    "Ik heb 7 certificaten dus mijn diploma gehaald ,Wat een super goede begeleiding door Laura en haar collega's.duidelijk computerprogramma en goed lesmateriaal in de boekjes.als je een goede cursus wilt volgen op computerprogramma's gebied raad ik jullie zeker aan naar trainspot Utrecht te gaan."

    Sandra
    Maatwerk opleidingspakket Microsoft Office uitgebreid

    "Het is een fijne training, ik ben doof dus kon de uitleg niet altijd goed verstaan. Toch dmv het boekje en doordat de video duidelijk is, alles stapsgewijs word getoond wat je moet doen is het mij toch gelukt! "

    Pam
    Maatwerk opleidingspakket Administratief medewerker binnendienst

    "Trainspot is een hele fijne opleider gebleken in de hernieuwde kennismaking met Microsoft Office. Prettige sfeer, duidelijke lesstof en kundige docenten."

    Marieke
    Maatwerk opleidingspakket Microsoft Office uitgebreid

    "Fijne lessen met duidelijke uitleg, de boekjes zijn erg handig en de feedback is ook heel fijn, ze denken met je mee! "

    Wendy
    Maatwerk opleidingspakket Microsoft Office uitgebreid

    Bekijk alle ervaringen

    Andere suggesties…

    Pin It on Pinterest