Formation HTML/CSS niveau-1

La formation HTML/CSS niveau 1 permet à toute personne ayant les prérequis attendus de coder la structure d'un site web simple ainsi que son habillage.

Cette formation à pour objectif d’explorer les différentes fonctionnalités du HTML5 et CSS3 afin d'être capable de réaliser, dans le respect des normes du Webdesign, un site web simple. Cette formation constitue le prérequis idéal pour accéder à la formation HTML/CSS niveau-2.

Programme de la formation

La formation HTML/CSS niveau-1 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 languages HTML et CSS, leurs mécanismes fondamentaux, et commencer à coder.

• Séquence 1-m1 → 4 heures (1 demi‑journée)
• Définir les rôles et versions du HTML et CSS, travailler en local, utiliser les outils de codage, mémoriser les bases du langage HTML
  • Séance 1-s1m1
    - Définir ce que sont le HTML et le CSS
    - Lister les rôles et versions du HTML et CSS
    → 2 heures
  • Séance 2-s1m1
    - Installer et configurer un outil de codage
    - Identifier et coder les premières bases en HTML
    → 2 heures
• Séquence 2-m1 → 4 heures (1 demi‑journée)
• Découvrir et mémoriser les bases du HTML (suite).
  • Séance 1-s2m1
    - Identifier et coder les éléments, balises, attributs HTML
    - Identifier et coder une structure HTML
    → 2 heures
  • Séance 2-s2m1
    - Identifier et coder l'indentation et les commentaires
    - Identifier et coder les titres et paragraphes
    - Identifier et coder les espaces et retours à la ligne
    - Répondre à un Quizz interactif et collaboratif
    → 2 heures

Module 2 → 8 heures (1 journée)

Mettre en œuvre les fonctionalités de base des langages HTML et CSS.

• Séquence 1-m2 → 4 heures (1 demi-journée)
• Identifier et utiliser plusieurs balises fondamentales du HTML.
  • Séance 1-s1m2
    - Identifier et coder les éléments strong, em et mark
    - Identifier et coder les listes
    → 2 heures
  • Séance 2-s1m2
    - Identifier et coder les liens internes et externes
    - Identifier et coder les autres types de liens
    - Identifier et coder les images
    → 2 heures
• Séquence 2-m2 → 4 heures (1 demi-journée)
• Identifier et coder les bases du langage CSS.
  • Séance 1-s2m2
    - Identifier et coder les sélecteurs et propriétés
    - Identifier et coder les commentaires
    - Identifier et coder les sélecteurs simples
    - Identifier et coder les id et class
    → 2 heures
  • Séance 2-s2m2
    - Identifier et coder l'héritage
    - Identifier et coder les propriétés Block et inline
    - Identifier et coder div et span
    - Répondre à un Quizz interactif et collaboratif
    → 2 heures

Module 3 → 8 heures (1 journée)

Styliser des texte en CSS et utiliser les éléments de section HTML5 pour structurer sémantiquement ces textes.

• Séquence 1-m3 → 4 heures (1 demi-journée)
• Mettre en œuvre les bases du CSS (suite) et utiliser les éléments de section du HTML5
  • Séance 1-s1m3
    - Identifier et coder la propriété CSS font-family
    - Identifier et coder la propriété CSS "font-"
    - Identifier et coder les propriétés CSS couleur et opacité
    - Identifier et coder la propriété CSS "text-"
    - Identifier et coder les propriétés CSS liées aux espaces
    → 4 heures
• Séquence2-m3 → 4 heures (1 demi-journée)
• utiliser les éléments de section du HTML5
  • Séance 1-s2m3
    - Identifier et coder les éléments de section du HTML5
    - Répondre à un Quizz interactif et collaboratif
    → 4 heures

Module 4 → 8 heures (1 journée)

Définir, expliquer et mettre en œuvre le modèle des boîtes, les dimensions, les bordures, les marges, les ombres, et les propriétés liées l'affichage en CSS3.

• Séquence 1-m4 → 4 heures (1 demi-journée)
• Utiliser les boîtes CSS, les dimensions et les bordures.
  • Séance 1-s1m4
    - Identifier et coder le modèle des boîtes CSS
    - Identifier et coder les propiétés CSS liées aux dimensions
    - Identifier et coder les bordures en CSS
    → 4 heures
• Séquence 2-m4 → 4 heures (1 demi-journée)
• Utiliser les boîtes CSS (suite), les marges, les ombres et les propriétés liées à l'affichage.
  • Séance 1-s2m4
    - Identifier et coder les marges en CSS
    - Identifier et coder les ombres en CSS
    - Identifier et coder les propriétés liées à l'affichage en CSS
    - Répondre à un Quizz interactif et collaboratif
    → 4 heures

Module 5 → 8 heures (1 journée)

Découvrir les bases du langage CSS (suite) et gérer les fonds en CSS.

• Séquence 1-m5 → 4 heures (1 demi-journée)
• Utiliser le positionnement, le flottement et l'alignement en CSS
  • Séance 1-s1m5
    - Identifier et coder les propriétés CSS liées au positionnement
    - Identifier et coder les propriétés CSS liées au flottement
    - Identifier et coder les propriétés CSS liées à alignement
    → 4 heures
• Séquence2-m5 → 4 heures (1 demi-journée)
• Paramétrer les fonds en CSS
  • Séance 1-s2m5
    - Identifier et coder la couleur de fond
    - Identifier et coder l'image de fond
    - Identifier et coder les dégradés linéaires
    - Identifier et coder les dégradés radiaux
    - Répondre à un Quizz interactif et collaboratif
    → 4 heures

---

Titre Pro Designer Web

Les compétences acquises et validées au cours de la formation “HTML-CSS niveau-1” 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-1” 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-1”.