Opleiding: Training HTML5 en CSS3

Wil je moderne webpagina's kunnen opmaken met HTML en CSS, zodat structuur en vormgeving samen een professioneel geheel vormen? In deze training werk je met de semantische structuur van HTML, met media en formulieren, en met CSS voor opmaak en layout, van het box model tot Flexbox, Grid en responsive design. Je past elke techniek direct toe in een doorlopende praktijkcase. Hierdoor ben je in staat om een eigen webpagina op te bouwen waarin je HTML-structuur en CSS-opmaak combineert.

Algemene omschrijving

Moderne webpagina's brengen structuur, media en interactie samen, en HTML en CSS vormen daarvoor de standaard. Tijdens deze training leer je hoe je een pagina opbouwt met semantische elementen als header, nav, section, aside en footer, en hoe je die structuur verrijkt met video, audio, canvas en formulieren. Je ontdekt hoe je de client-side API's aanspreekt voor interactie in de browser, en hoe verschillende browsers op die technieken reageren.

Daarnaast werk je met CSS voor de opmaak van je pagina: borders, achtergronden, kleuren, opacity, teksteffecten en het box model. Voor de indeling van je pagina ga je aan de slag met Flexbox, CSS Grid en responsive design met media queries, zodat je pagina meebeweegt met het scherm waarop hij getoond wordt. De theorie pas je direct toe in een doorlopende praktijkcase, waarin je stap voor stap een eigen webpagina ontwikkelt.

Onze trainers zijn, naast trainer, dagelijks werkzaam op dit expertisegebied. Daardoor laten ze je zien hoe de techniek werkt en welke keuzes je in de praktijk tegenkomt. Waar gewenst en mogelijk laten we de voorbeelden aansluiten bij je eigen werkpraktijk. Hierdoor ben je na afloop in staat om HTML-structuur en CSS-opmaak zelfstandig te combineren tot een werkende webpagina.

Deze training als bedrijfstraining voor jou en je team?

Elk vraagstuk en elke situatie is anders; daarom staan tijdens een bedrijfstraining jouw organisatie en (bedrijfs)vraagstukken centraal. In goed overleg stellen we een lesprogramma samen dat volledig aansluit bij jouw (jullie!) specifieke uitdaging, wensen en dagelijkse werkpraktijk.

Programma

Tijdens de training HTML en CSS komen onderstaande onderwerpen aan bod.

NB: Mocht je vragen hebben over de inhoud of deze aangepast willen zien op jouw specifieke praktijksituatie of trainingsbehoefte, bel ons dan gerust: we spreken de mogelijkheden graag met je door.

• HTML-structuur van een webpagina
• • Een webpagina opbouwen met semantische elementen: header, nav, section, aside en footer
  • De rol van elk structuurelement binnen de pagina bepalen
  • Tags en attributen inzetten voor een heldere paginastructuur
  • Herkennen hoe browsers met deze structuurelementen omgaan
• Media, formulieren en client-side API's
• • Video, audio en canvas inbedden in een pagina
  • Formulieren opbouwen met de bijbehorende invoertypen en attributen
  • De client-side API's aanspreken voor interactie in de browser
  • Rekening houden met browsercompatibiliteit bij het inzetten van deze technieken
• Opmaak met CSS
• • Borders en achtergronden vormgeven
  • Werken met kleuren en opacity
  • Teksteffecten toepassen op je pagina
  • Het box model inzetten voor de opmaak van elementen
  • Opmaak koppelen aan HTML met geavanceerde elementselectie
• Layout met CSS
• • Pagina-indelingen opzetten met Flexbox
  • Rasters opbouwen met CSS Grid
  • Responsieve pagina's maken met media queries
  • Multi-column layout inzetten waar dat past
  • Bepalen welke layouttechniek bij welk type pagina waardevol is
• Doorlopende praktijkcase
• • HTML-structuur en CSS-opmaak combineren tot een werkende webpagina
  • De behandelde technieken stap voor stap toepassen in een doorlopende case
  • De pagina toetsen op browsercompatibiliteit tijdens het ontwikkelen

De training is praktisch en interactief van opzet, met veel ruimte voor jouw vragen en werksituatie. Je gaat aan de slag met passende praktijkvoorbeelden. Door actief te oefenen, te analyseren en te evalueren, maak je je de materie stap voor stap eigen en ervaar je hoe je HTML-structuur en CSS-opmaak combineert tot een goed opgebouwde webpagina.

Onze trainers zijn, naast trainer, dagelijks werkzaam op dit expertisegebied. Ze beschikken dus niet alleen over de meest actuele kennis, maar hebben ook essentiële praktijkervaring. Hierdoor zijn ze in staat om een waardevolle vertaalslag te maken van ‘kennis’ naar ‘toepassing binnen jouw organisatie en werksituatie’.

Doelen

Na deze training ben je in staat om:

• Een webpagina op te bouwen met semantische HTML-elementen zoals header, nav, section, aside en footer
• HTML-functionaliteiten in te zetten zoals video, audio, canvas, formulieren en client-side API's
• CSS toe te passen voor opmaak, met borders, achtergronden, kleuren, opacity, teksteffecten en het box model
• Pagina's in te delen met Flexbox, CSS Grid en responsive design met media queries
• HTML-structuur en CSS-opmaak te combineren tot een werkende webpagina en daarbij rekening te houden met browsercompatibiliteit