HTML 5 et CSS3 - Niveau 2

• Action régionale
• PDF
•   Informatique

Objectifs

• Maîtriser les bases du HTML5.
• Exploiter les ressources des CSS.
• Créer des pages Web de qualité.

NB : Le contexte sanitaire nous contraint à limiter le nombre de participants aux sessions de formation. Dans l’éventualité où  la formation serait proposée à distance, vous serez immédiatement contacté.e. 

Programme

1/ Maîtriser les bases du HTML5

Les balises, 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 video 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 video pour le Web. Intégrer du son avec la balise audio et intégrer de la video 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 (smartphone, tablette, portable, 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 en fonction du périphérique détecté.