Vous êtes ici

Formation HTML5 et CSS3

Formation HTML5 et CSS3

Formation HTML5 et CSS3 : la nouvelle génération du langage de balisage HTML et la nouvelle norme CSS3

Dispensée par les membres de notre équipe d'intégrateurs web, notre formation HTML5 et CSS3 est destinée aux aux développeurs web et webdesigners désirant maîtriser les nouvelles normes des langages pour le web. Cette formation vous permettra d'utiliser les nouvelles possibilités offertes par le HTML5 et CSS3, telles que l'intégration vidéo et audio, grâce aux nouvelles balises et APIs puis de mettre vos pages en forme en tirant parti de la puissance de CSS3.

Contexte :

Le HTML5 et le CSS3 sont les dernières versions des principaux langages Web validés par le World Wide Web Consortium (W3C), l'organisme qui a pour mission de développer des protocoles et des standards sur les langages Web et leurs évolutions. Extrêmement complémentaires, le premier permettant d'afficher le contenu des pages web et le second visant à décrire la présentation de ces contenus, ils sont souvent associés dans le cadre des développements pour le web. 

Public :

Cette formation s'adresse aux développeurs web et webdesigners désirant maîtriser la nouvelle norme du langage HTML pour le web. Pour tirer pleinement profit de cette formation, il est nécéssaire de connaître les bases de HTML et de CSS, de savoir se servir d'un éditeur de texte et d'avoir quelques notions de JavaScript ou d'un autre langage de programmation.

Objectifs :

Ce cours a pour objectifs de savoir exploiter les principales nouveautés de HTML5 et CSS3, dans le respect des standards de conception et des bonnes pratiques, et en particulier de :

Apprendre à créer des pages en HTML5 et utiliser les nouvelles balises HTML5
Découvrir des nouvelles spécification HTML5 dont les API HTML5
Connaître le niveau de support des fonctionnalités HTML5 par les navigateurs actuels
Savoir émuler certaines fonctionnalités HTML5 sur des navigateurs moins récents
Comprendre comment mettre en page et en forme avec CSS3

Durée :

3 jours

Les Plus :

Une pédagogie riche : l'alternance d'exposés théoriques, de mises en application immédiate à travers de nombreux travaux pratiques et de partages d'expériences garantit une appréhension rapide de HTML5 et CSS3.
Les méthodes, bonnes pratiques et astuces pour créer des pages web en tirant le meilleur parti des possibilités offertes par HTML5 et CSS3.
Le support de formation complet fourni dès le début de la formation.

 

 

Certification :

Possibilité de délivrer une formation certifiante TOSA dans le cadre du CPF ou de la Période de Professionnalisation.
Prévoir le coût de la certification en supplément

Logo TOSA.

 

Pour toute demande concernant la formation contactez-nous au

03 80 60 52 99

Programme :

Introduction

  • Historique
  • Fondements de l'évolution
  • Syntaxe, nouveau doctype et outils
  • La question des navigateurs

Nouveaux éléments et attributs

  • Sections (<header>, <footer>, <nav>, <aside>...)
  • Balises <time>, <mark>, <figure>, <figcaption>
  • Balises <menu>, <command>, <details>, <summary>
  • Nouveaux attributs globaux

Web Forms ou les formulaires évolués 

  • Nouveaux types pour <input> (url, email, number, range, week, date, datetime, ...)
  • Nouveaux attributs (placeholder, autofocus, min, max, step, required, ...)
  • Styles CSS applicables pour la validation
  • Nouveaux éléments <output>, <progress>, <meter>, <datalist>...

Microdata

  • Balisage sémantique du contenu
  • Optimisation pour les moteurs d'indexation
  • Attributs itemid, itemref, itemscope, itemtype, itemprop
  • Vocabulaires et Rich Snippets

Audio et vidéo

  • Balises <audio> et <video>
  • Support et formats (codecs WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis)
  • Sources multiples

Web Storage

  • Stockage local et stockage de session
  • Principes généraux de manipulation
  • Utilisation de JSON

Canvas 

  • Dessin en 2D
  • Tracé de formes et chemins
  • Couleurs, remplissages, dégradés
  • Images et motifs

Introduction à CSS3 (propriétés, sélecteurs, préfixes, médias, transitions, transformations, Internet Explorer)

Syntaxe,préfixes et usages CSS3

  • Doit-on utiliser CSS3 en production aujourd'hui ?
  • Préfixes : liste et utilité
  • Syntaxe particulière à CSS3

Valeurs, fonctions et unités

  • La transparence avec RGBa et HSLa
  • Les variables calc(), min() et max()
  • Nouvelles unités (rem, vw, vh, vm, deg, rad, s)
  • Compatibilités navigateurs

La gestion des médias avec mediaqueries

  • Syntaxe et médias
  • Valeurs

Propriétés de texte et de contenu

  • word-wrap
  • text-overflow
  • overflow-x, overflow-y

Propriétés décoratives CSS3

  • @font-face
  • border-radius
  • box-shadow
  • background-size
  • Arrière-plans multiples
  • Dégradés linéaires et radiaux (gradient)

Le positionnement en CSS3

  • box-sizing
  • multi-colonnes
  • Modèle de boîte flexible (flexbox)
  • template layout
  • grid model

La sélection d'éléments en CSS3

  • Sélecteur d'adjacence général
  • Sélecteur d'attribut
  • Pseudo-classes générales (:lang, :empty, :target, :nth-child, :nth-of-type, :only-child, :not,…)
  • Pseudo-classes de formulaire (:valid, :invalid, :checked, :required, :optional,…)

Les transformations

  • Rotation
  • Zoom avec scale
  • Translation avec translate
  • Déformations avec skew et matrix

Les transitions et animations

  • Propriétés : property, duration, delay, timing-function
  • Accélération
  • Propriétés supportées
  • Animer avec keyframes

 

Retour en haut de page