HTML5 et CSS3 – NIVEAU 2

1/ Maîtriser les bases du HTML5

• Les balises et leurs attributs, la structure d’une page HTML5.
• Séparer le contenu de la forme : HTML5 pour le contenu et CSS3 pour la forme.
• Identifier une page, définir un en-tête, un title et le charset.
• Les balises header, footer, nav, section, aside et article.
• Gérer les div pour la mise en forme.
• Centrer un design quel que soit la taille de la fenêtre du navigateur.

2/ Intégrer les visuels, la vidéo et le son

• Propriétés alt pour l’accessibilité et title pour l’infobulle.
• Balise figure et figcaption.
• Les formats du son et de la vidéo pour le Web.
• Intégrer du son avec la balise audio.
• Intégrer de la vidéo avec la balise video.

3/ Gérer les CSS3

• Les classes personnalisées, les pseudo-classes, les balises et les id.
• Positionner les CSS : dans une balise, dans une page, dans un fichier externe.
• Balises inline et balises block.
• Polices de base, styles, couleurs, enrichissements, nouvelle gestion des polices avec @font-face.
• Eléments flottants avec la balise float.
• Gestion des images : taille, position, opacité.

4/ Animer son site

• Intégrer des effets dynamiques. avec des éléments de la bibliothèque Javascript jQuery : un diaporama et un menu déroulant.
• Tester son site dans les navigateurs.

5/ Utiliser le responsive design

• Structurer un document afin que son design s’adapte au support utilisé (smartphone, tablette, portable, ordinateur de bureau, etc.) en utilisant un framework CSS responsive prêt à l’emploi.
• Personnaliser les éléments du design en intervenant dans le CSS.
• Utiliser les media queries pour adapter automatiquement la mise en forme en fonction du périphérique détecté.