Formation Créer un site Web avec HTML5 & CSS3

Concepts généraux

• Définition des termes HTML, XHTML et CSS
• Différence entre le XHTML et le HTML
• La notion de balise
• Standards et validation W3C
• Qu'est-ce que HTML5 et CSS3 ?

Structure d'une page HTML5

• Le Doctype
• Différentes parties d'un document HTML
• Les balises et leurs attributs
• Utiliser les commentaires
• Gérer les paragraphes
• Intégrer des titres
• Gérer des listes d'éléments
• Structurer un document à l'aide des « boîte div »

Intégrer des médias

• Les éléments audio et vidéo
• Contrôler l'interface, les paramètres par défaut
• Les conteneurs, le problème des codecs
• Mettre en place une politique HTML5 + Flash pour le multimédia

Gérer les liens

• Notion de lien absolu et de lien relatif
• Créer des liens hypertextes
• Créer des ancres

Les formulaires

• La balise form
• Créer et utiliser des formulaires HTML5
• Adapter ses formulaires à l'environnement mobile (téléphone, tablette)
• Les contrôles disponibles (slider, etc.)
• Mettre en place des validations

Introduction aux API HTML5

• La géo-localisation
• Fullscreen
• Canvas
• Drag and Drop

Les bases de CSS

• Structure CSS
• Syntaxe d'une feuille de style
• Notions d'éléments «in-line» et «block»
• Utilisation des sélecteurs de balise

Les sélecteurs CSS

• Utilisation des attributs HTML « id » et « class »
• Utilisation des sélecteurs d'identifiant et de classe
• Utilisation des pseudo-classes et mise en forme des liens
• Utilisation des sélecteurs descendant

CSS3 : les nouveautés

• Coins arrondis
• Ombres portées
• Transparence
• Animations

Mise en page et positionnement

• Mise en page par patron
• Mise en page multi-colonnes
• Mise en page par boites horizontales ou verticales
• Positionnement par grille
• Autres nouveautés