Formation HTML/CSS niveau-2

La formation HTML/CSS niveau-2 permet à toute personne ayant les prérequis attendus de coder, dans le respect des stratégies avancées du Web telle que le responsive Design, la structure d'un site web ainsi que son habillage.

Cette formation à pour objectif d’explorer les fonctionnalités avancées du HTML5 et CSS3 afin d'être capable de réaliser un site web conforme au Responsive Design.
Cette formation est la suite logique de la formation HTML/CSS niveau-1.

Programme de la formation

La formation HTML/CSS niveau-2 est découpée en 5 modules de 5 séquences de 8 heures chacunes.

L'ordre dans lequel le programme des séquences est abordé peut varier légèrement d'une session à l'autre.

Module 1 → 8 heures (1 journée)

Découvrir les fonctions avancées des languages HTML5 et CSS3 et les mettre en pratique par le code

• Séquence 1-m1 → 4 heures (1 demi‑journée)
• Définitions des fonctionalités HTML/CSS propres aux tableaux
  • Séance 1-s1m1
    - Intégrer et coder un tableau simple
    - Structurer et coder un tableau
    - Coder et améliorer un tableau
    → 4 heures
• Séquence 2-m1 → 4 heures (1 demi‑journée)
• Définitions des fonctionalités HTML/CSS propres à l'audio et à la vidéo
  • Séance 1-s2m1
    - Intégrer et coder les médias
    - Intégrer et coder l'audio
    - Intégrer et coder la vidéo
    - Intégration Youtube & Légende sémantique
    - Répondre à un Quizz intéractif et collaboratif
    → 4 heures

Module 2 → 8 heures (1 journée)

Définir les méthodes long hand et short hand, les sélecteurs avancés, les pseudos-classes et pseudos-éléments en CSS.

• Séquence 1-m2 → 4 heures (1 demi-journée)
• Identifier les fonction avancées en CSS (suite)
  • Séance 1-s1m2
    - Définir et coder les 2 méthodes d'écritures CSS : long hand vs short hand
    - Définir et coder les sélecteurs avancés en CSS
    - Intégrer et coder les pseudos-classes CSS
    - Intégrer et coder pseudos-éléments
    → 4 heures
• Séquence 2-m2 → 4 heures (1 demi-journée)
• Identifier les fonction avancées en CSS (suite)
  • Séance 1-s2m2
    - Intégrer et coder les transitions en CSS
    - Intégrer et coder les animations en CSS
    - Définir et coder les unités & valeurs en CSS
    - Répondre à un Quizz intéractif et collaboratif
    → 4 heures

Module 3 → 8 heures (1 journée)

Définir et intégrer des formulaires HTML/CSS

• Séquence 1-m3 → 4 heures (1 demi-journée)
• Intégrer et utiliser les formulaires, fonctions avancées HTML/CSS
  • Séance 1-s1m3
    - Définir et lister les rôles des formulaires
    - Intégrer et coder un formulaire simple
    - Intégrer et coder Les types d'input et les listes
    → 4 heures
• Séquence2-m3 → 4 heures (1 demi-journée)
• Intégrer et utiliser les formulaires, fonctions avancées HTML/CSS (suite)
  • Séance 1-s2m3
    - Intégrer et coder Les attributs des formulaires
    - Intégrer, coder, organiser la mise en forme d'un formulaire
    - Répondre à un Quizz intéractif et collaboratif
    → 4 heures

Module 4 → 8 heures (1 journée)

Définir le Responsive Design, fonctions avancées HTML/CSS.

• Séquence 1-m4 → 4 heures (1 demi-journée)
• Définir le Responsive Design, fonctions avancées HTML/CSS
  • Séance 1-s1m4
    - Définir le rôle, les contraintes, la méthode d'application du responsive Design
    - Intégrer et coder le viewport
    - Intégrer et coder les media queries
    → 4 heures
• Séquence 2-m4 → 4 heures (1 demi-journée)
• Pratiquer et coder le Responsive Design à travers des exercices et TP
  • Séance 1-s2m4
    - Appliquer et coder plusieurs exercices et TP
    - Répondre à un Quizz intéractif et collaboratif
    → 4 heures

Module 5 → 8 heures (1 journée)

Définir les fonctions avancées CSS : calc, box-sizing, main et flexbox

• Séquence 1-m5 → 4 heures (1 demi-journée)
• Définir les fonctions avancées CSS (suite).
  • Séance 1-s1m5
    - Intégrer et coder la fonction calc()
    - Intégrer et coder la propriété box-sizing
    -Intégrer et coder l'élément main
    → 4 heures
• Séquence2-m5 → 4 heures (1 demi-journée)
• Définir et intégrer la méthode avancée Flexbox CSS
  • Séance 1-s2m5
    - Définir le rôle, les contraintes, la méthode d'application de Flexbox
    - Appliquer et coder plusieurs exercices et TP
    - Répondre à un Quizz intéractif et collaboratif
    → 4 heures

---

Titre Pro Designer Web

Les compétences acquises et validées au cours de la formation “HTML/CSS niveau-2” s'inscrivent dans le programme de la préparation à la validation du Titre Professionnel Designer Web .

Les compétences acquises au cours de la formation “HTML/CSS niveau-2” permettent d'envisager la validation d'une partie seulement des compétences visées pour le titre. Pour envisager la validation de toutes les compétences du Titre Pro Designer Web, d'autres formations doivent nécessairement compléter la formation “HTML/CSS niveau-2”.