Formation Mise à jour vers HTML5 et CSS3

Contenu

Introduction au HTML5

• Les objectifs de HTML5
• Le WhatWG versus W3
• Quand utiliser HTML5
• Les différents composants : balises, formulaires, audio, vidéo, API, etc.
• Outils de développement HTML5
• Test de compatibilité, méthode de détection HTML5

Nouvelle structuration

• Les éléments traditionnels structurant un document HTML5
• Les informations de navigation internes au site
• Les blocs de contenu
• Les contenus indépendants du document
• Les blocs d'informations complétant un contenu principal
• Les sections d'introduction et de conclusion d'un bloc
• Les autres balises de structure

Les nouvelles balises HTML5

• Les balises et attributs obsolètes
• Les images SVG pour le dessin vectoriel
• Les canevas pour le dessin Bitmap
• Différence Canvas vs SVG
• Les extensions de balises HTML existantes
• Les nouveaux attributs : a, fieldset, iframe, area, button
• Les microformats
• Les formulaires
• Les formats multimédia HTML 5

Les sélecteurs CSS3

• Sélecteurs de répétition
• Sélecteurs de cible target
• Sélecteurs frère antérieur
• Sélecteurs d'enfant unique only-child

Les couleurs

• Rappel sur les déclarations rgb et rgba
• Les modèles hsl et hsla
• La propriété opacity

La mise en forme du texte

• Support des polices distantes
• Mise en forme du texte
• Gestion des débordements
• Gestion des enchaînements
• Effets de couleur et d'ombre
• Les modes multi-colonnes

La mise en forme des boîtes

• Les ombres avec box-shadow
• Les coins arrondis avec border-radius

La mise en forme du fond

• Les fonds multiples
• Les gradients de fond
• Les fonds ajustés aux conteneurs

Les transformations

• Les transformations : translations, rotations, homothéties
• Les animations : les animations, les transitions

Méthodes pédagogiques

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Modalités de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.