HTML5 & CSS3 - Les fondamentaux de l'intégration
Formation au HTML5 et CSS3 pour apprendre à intégrer une charte graphique dans le respect du langage HTML5 et des standards web W3C.
Détail de la formation
Niveau : Débutant / Intermédiaire
Durée : 7 heures
Type : Formation collective
Formation exclusive
Profil : Intégrateurs
Tarifs : Formation collective 1 jour 499€ HT
Formation exclusive 1 jour 800€ HT
Objectifs
- Exploiter les principales nouveautés de HTML5
- Comprendre la philosophie des API
- Respecter les standards de conception et les bonnes pratiques
Profil
Cette formation s'adresse aux développeurs web et webdesigners désirant exploiter HTML5 et employer les principales nouveautés au sein d'e-majine.
Pré-requis
Technique
- Connaître les bases de HTML (par exemple 4.x ou XHTML 1.x)
- Savoir se servir d'un éditeur de texte
- Avoir quelques notions de JavaScript ou d'un autre langage de programmation
- Une culture générale du web et la connaissance de quelques CMS sont des plus appréciés
Administratif
- Prévoir une charte graphique à intégrer (se munir de contenus textuels et images représentatives)
Programme
HTML5 & CSS3 : Les fondamentaux de l'intégration
Introduction
- Historique
- Fondements de l'évolution
- Syntaxe et outils
- La question des navigateurs
Rappels sur HTML/XHTML et CSS
- Les bases de la mise en page HTML/XHTML
- Les bases de la mise en page avec les styles CSS2 HTML5 : Les nouveaux éléments et attributs
HTML5 : La page de base
- Sections (< header >, < footer >, < nav >, < aside >...)
- Balises < time >, < mark >, < figure >, < figcaption >
- Balises < menu >, < command >, < details >, < summary >
- Nouveaux attributs globaux
- Mise en application d'une structure HTML5 : plug-in initializr
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, roles ARIA : accessibilité
- Balisage sémantique du contenu
- Optimisation pour les moteurs d'indexation
- Attributs itemid, itemref, itemscope, itemtype, itemprop
- Vocabulaires et Rich Snippets
CSS3
- CSS3 : Sélecteurs CSS2 implémentés
- CSS3 : Nouveaux sélecteurs
- CSS3 : Les coins arrondis
- CSS3 : Text-Shadow et Box-shadow
- CSS3 : Les couleurs et l'opacité
- CSS3 : Dégradé linéaire
- CSS3 : font-face
Mise en pratique
- Mise en place d'un site web en utilisant quelques fonctionnalités HTML5 & CSS3
- Ressources
- Conclusion