Description

La mise en page Web a évolué vers un nouveau standard : le HTML5 issu du HTML et les CSS3 ou feuilles de styles. La maîtrise des CSS est aujourd'hui indispensable pour réaliser des sites Web professionnels. Avec l'évolution des périphériques de surf, la pratique du HTML5 (HTML) devient incontournable veut rendre son site accessible à tous.

À qui s'adresse cette formation ?

Pour qui ?

Webmaster, concepteur de sites Web. Toute personne qui souhaite créer des sites Web et les mettre à jour avec les CSS.

Prérequis

Les objectifs de la formation

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

Programme de la formation

• 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.
• 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.
• 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.
  • Éléments flottants avec la balise float.
  • Gestion des images : taille, position, opacité.
• 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.
• 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é.