Micro-certifications : DEVELOPPEMENT

HTML et CSS3

Suivez le parcours Premium+ "HTML et CSS3" pour monter en competence pas a pas dans le domaine Developpement, entre contenus en ligne et quiz de validation.

PREMIUM+
Debutant

Détail de la micro-certification Premium+

Pour valider ce parcours de formation, vous devez suivre le contenu en ligne (cours) et repondre aux 20 questions du test et atteindre un taux de reussite minimum de 70%.

Contenu de la micro-certification Premium+

  • 1 contenu en ligne (14h)
  • Le questionnaire de micro-certification
  • Un parchemin PDF nominatif
  • Un QR code avec page de verification du certificat
HTML et CSS3

Le parcours Premium+ "HTML et CSS3" combine des contenus en ligne et des quiz progressifs pour accompagner une montee en competence structuree. Suivez le parcours Premium+ "HTML et CSS3" pour monter en competence pas a pas dans le domaine Developpement, entre contenus en ligne et quiz de validation.

Ce parcours a ete concu pour vous aider a progresser de facon concrete, avec une logique de montee en competence progressive et une validation finale des acquis.

Themes abordes : HTML, Css3.

Ideal pour structurer vos connaissances, consolider vos bonnes pratiques et valoriser vos competences dans un format de micro-certification lisible et directement mobilisable.

Programme du parcours

HTML et CSS3
Contenu pedagogique - HTML et CSS3

HTML et CSS3
1. Bienvenue dans la formation " HTML5 et CSS3 de Débutant à Expert"
2. Test de positionnement
3. Quelques conseils avant de commencer
4. Découverte du HTML - Comment fonctionne votre navigateur Web
5. Découverte du HTML - Les bases du langage HTML
6. Découverte du HTML - Créer votre première page Html
7. Apprendre le HTML - L'éléments HTML Head
8. Apprendre le HTML - Les éléments textuels
9. Apprendre le HTML - Élément titre
10. Apprendre le HTML - Éléments liste
11. Apprendre le HTML - Les images
12. Apprendre le HTML - Liens hypertextes
13. Apprendre le HTML - Les tableaux
14. Apprendre le HTML - Les médias vidéo et audio
15. Apprendre le HTML - Les commentaires
16. Apprendre le HTML - Envoyer un courrier électronique
17. Apprendre le HTML - Contexte de navigation imbriqué
18. Apprendre le HTML - Conteneur générique div et span
19. Apprendre le HTML - Les formulaires
20. Apprendre le HTML - Validation de code W3C
21. Apprendre le HTML - Inspecteur
22. Les bases du CSS - Syntaxe du CSS
23. Les bases du CSS - Comment rédiger du CSS dans vos pages Html
24. Les bases du CSS - Les commentaires
25. Les bases du CSS - Introduction aux sélecteurs CSS complexes et combinateurs
26. Les bases du CSS - Les attributs class id et les sélecteurs CSS associés
27. Les bases du CSS - Feuilles de style en cascade & héritage
28. Les bases du CSS - Les éléments HTML div et span en CSS
29. Quiz du module 1
30. Mise en forme de texte en CSS - Gestion de la police (font-family)
31. Mise en forme de texte en CSS - Les propriétés CSS de Police
32. Mise en forme de texte en CSS - Les propriétés CSS de Texte
33. Mise en forme de texte en CSS - Interlignes et espacements de Texte
34. Mise en forme de texte en CSS - Couleur et transparence de Texte
35. Concept de boite CSS - Les boites en CSS
36. Concept de boite CSS - Les unités de mesures
37. Concept de boite CSS - Largeur minimale et maximale d'un élément
38. Concept de boite CSS - Les éléments flottants
39. Concept de boite CSS - Types d’éléments HTML block et inline
40. Concept de boite CSS - Positionner les éléments (position)
41. Concept de boite CSS - Ordre des différentes couches (z-index)
42. Concept de boite CSS - Calcul de la taille d’un élément (box-sizing)
43. Concept de boite CSS - Arrondir les bordures (border-radius)
44. Concept de boite CSS - Exercice pratique Positionnement
45. Concept de boite CSS - Exercice pratique Correction
46. CSS utilisation avancée - Sélecteurs Css Avancés
47. CSS utilisation avancée - Les pseudo-classes
48. CSS utilisation avancée - Les pseudo-éléments
49. CSS utilisation avancée - Les transitions en CSS
50. CSS utilisation avancée - Les animations en CSS
51. Quiz du module 2
52. Restez organiser pour un meilleur apprentissage !
53. La propriété background en css - Définir une image d'arrière plan (background-image)
54. La propriété background en css - Répétition de l’arrière plan (background-repeat)
55. La propriété background en css - Origine de l’arrière plan (background-origin)
56. La propriété background en css - Définir la position de l’arrière plan (background-position)
57. La propriété background en css - Définir la taille des images d'arrière-plan (background-size)
58. La propriété background en css - Définir la façon dont l'arrière-plan s'étend (background-clip)
59. La propriété background en css - Fixer la position de l’arrière plan (background-attachment)
60. La propriété background en css - Ajouter un dégradé linéaire a l'image de fond (linear-gradient)
61. La propriété background en css - Propriété raccourcie background
62. Le modèle de boite flexible (flexbox css) - Modèle de boite flexible
63. Le modèle de boite flexible (flexbox css) - Répartition des éléments flexible (justify-content)
64. Le modèle de boite flexible (flexbox css) -
65. Le modèle de boite flexible (flexbox css) - Retour a la ligne des flex-items (flex-wrap)
66. Le modèle de boite flexible (flexbox css) - Espacement sur l'axe secondaire (align-content)
67. Le modèle de boite flexible (flexbox css) - La propriété raccourcie flex-flow
68. Le modèle de boite flexible (flexbox css) - Ordre d'apparition des flex items (order)
69. Le modèle de boite flexible (flexbox css) - Facteur d'expansion d'un élément flexible (flex-grow)
70. Le modèle de boite flexible (flexbox css) - Facteur de rétrécissement d'un élément flexible (flex-shrink)
71. Le modèle de boite flexible (flexbox css) - Taille initiale principale pour un élément flexible (flex-basis)
72. Le modèle de boite flexible (flexbox css) - La propriété raccourcie flex
73. Le modèle de boite flexible (flexbox css) - Exercice pratique boites flexibles
74. Le modèle de boite flexible (flexbox css) - Correction de l'exercice
75. Les médias queries (responsive design) - Découverte des médias queries
76. Les médias queries (responsive design) - Création d'un layout simple
77. Les médias queries (responsive design) - Responsive design (média queries)
78. Quiz du module 3
79. N'oubliez pas de réviser !
80. CSS grid layout (modèle de disposition en grille) - Présentation et terminologie des grilles Css
81. CSS grid layout (modèle de disposition en grille) - Création d'une grille
82. CSS grid layout (modèle de disposition en grille) - Unités de mesure fractionnée (fr)
83. CSS grid layout (modèle de disposition en grille) - Espacements entre les lignes et les colonnes d'une grille.
84. CSS grid layout (modèle de disposition en grille) - Alignement Horizontale et Verticale des items-grid
85. CSS grid layout (modèle de disposition en grille) - Alignement Horizontale et Verticale d'un item-grid
86. CSS grid layout (modèle de disposition en grille) - Alignement Horizontale et Verticale dans grille
87. CSS grid layout (modèle de disposition en grille) - Emplacement d'un élément sur la grille
88. CSS grid layout (modèle de disposition en grille) - Zones de grille nommées.
89. CSS grid layout (modèle de disposition en grille) - Contrôle de l'algorithme de placement automatique
90. CSS grid layout (modèle de disposition en grille) - Définir la taille d'une colonneligne de grille créée de façon implicite
91. Réalisation d'un site internet personnel de présentation - Les nouveaux éléments à valeur sémantique du HTML5
92. Réalisation d'un site internet personnel de présentation - Maquette du site
93. Réalisation d'un site internet personnel de présentation - Entête du site header
94. Réalisation d'un site internet personnel de présentation - Barre de navigation nav
95. Réalisation d'un site internet personnel de présentation - Disposition du contenu de la page (grid-css-layout)
96. Réalisation d'un site internet personnel de présentation - Pied de page du site footer
97. Réalisation d'un site internet personnel de présentation - Génération des pages du site
98. Réalisation d'un site internet personnel de présentation - Index contenu aside Informations
99. Réalisation d'un site internet personnel de présentation - Index contenu aside Atouts
100. Réalisation d'un site internet personnel de présentation - Adaptation de l’élément progress pour Mozilla Firefox
101. Réalisation d'un site internet personnel de présentation - Index contenu section A propos de moi et Recherche
102. Réalisation d'un site internet personnel de présentation - Index contenu boite de compétences
103. Réalisation d'un site internet personnel de présentation - Portfolio
104. Réalisation d'un site internet personnel de présentation - Curriculum Vitae
105. Réalisation d'un site internet personnel de présentation - Contact
106. Réalisation d'un site internet personnel de présentation - Personnaliser l'icone du site (favicon)
107. Réalisation d'un site internet personnel de présentation - Responsive design du site (médias queries)
108. Héberger votre site web -
109. Héberger votre site web - Publier son site en ligne
110. Héberger votre site web - Souscription chez un hébergeur
111. Héberger votre site web - Présentation de l'interface d'administration et terminologie
112. Héberger votre site web - Transfert du site chez l'hébergeur (ftp)
113. Quiz du module 4
114. Bravo
115. Evaluation finale

Comment ca marche :

En cliquant sur le bouton Commencer ou Reprendre, vous accedez a la page du parcours en cours, qui regroupe vos contenus en ligne et vos etapes de certification.

  1. Suivez le ou les contenus en ligne (cours) dans l ordre prevu. Vous pouvez revenir sur vos contenus a tout moment tant que le parcours n est pas termine.
  2. Au fil du parcours, les etapes suivantes se debloquent progressivement (contenus et quiz intermediaires, si presents).
  3. Lorsque vous atteignez le quiz final, les questions s affichent au fur et a mesure de vos reponses pour une experience plus fluide.
  4. A la fin du questionnaire, vous obtenez immediatement votre resultat, egalement disponible dans votre espace client.
  5. En cas de reussite, votre parchemin PDF nominatif est genere automatiquement, avec verification securisee par QR code.

Petit mot d’encouragement

Vous vous apprêtez à suivre un parcours de formation. Prenez le temps d apprendre, restez concentré(e) et faites-vous confiance : cette micro-certification est l occasion de valoriser concrètement vos acquis.


Les micro-certifications les plus populaires

Vous pouvez retrouver ci-dessous le TOP 3 des certifications les plus populaires.

Storytelling de marque
Vente, Marketing & Client

Storytelling de marque

20 questions - Seuil 70%

Testez vos connaissances et validez vos acquis dans le domaine Vente, Marketing & Client avec la micro-certification Storytelling de marque.

☆☆☆☆☆Pas encore d avis

Utilisee 1300 fois

Voir la micro-certification
PremiumNLP (Traitement du langage naturel) appliqué au Marketing
IA Avancée & Data

NLP (Traitement du langage naturel) appliqué au Marketing

26 questions - Seuil 75%

Testez vos connaissances et validez vos acquis dans le domaine IA Avancée & Data avec la micro-certification NLP (Traitement du langage naturel) appliqué au Marketing.

☆☆☆☆☆Pas encore d avis

Utilisee 1300 fois

Voir la micro-certification
PremiumPilotage de la performance par les OKR
Management & Leadership 2026

Pilotage de la performance par les OKR

29 questions - Seuil 75%

Testez vos connaissances et validez vos acquis dans le domaine Management & Leadership 2026 avec la micro-certification Pilotage de la performance par les OKR.

☆☆☆☆☆Pas encore d avis

Utilisee 1300 fois

Voir la micro-certification
PremiumConsultant en mobilite douce pour entreprises
Transition Écologique & Impact

Consultant en mobilite douce pour entreprises

28 questions - Seuil 75%

Testez vos connaissances et validez vos acquis dans le domaine Transition Écologique & Impact avec la micro-certification Consultant en mobilite douce pour entreprises.

☆☆☆☆☆Pas encore d avis

Utilisee 1296 fois

Voir la micro-certification

Offres organismes

Vous êtes un organisme ou un acteur de la formation.