webleads-tracker

Formation : HTML5 et CSS3 - niveau 2

    Stage - Présentiel | Améliorer et dynamiser son site Web
     

     

    La mise en page Web a évolué vers un nouveau standard : le HTML5 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 devient incontournable pour qui veut rendre son site accessible à tous.

    Lire le programme
    Comparer

    Le programme de la formation

    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é.