Détail du parcours de formation
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 du parcours de formation
Le parcours "HTML et CSS3" vous accompagne pas à pas avec une progression structurée, concrète et directement mobilisable. Vous travaillez les notions essentielles du thème, les méthodes utiles et les bonnes pratiques à appliquer dans des usages numériques et professionnels. Cette formation en ligne permet de consolider vos acquis, de préparer le quiz final et de valoriser vos compétences grâce à une quiz MaCertification.fr avec certificat vérifiable.
Programme du parcours
Développer les compétences clés : 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.
- 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.
- Au fil du parcours, les etapes suivantes se debloquent progressivement (contenus et quiz intermediaires, si presents).
- Lorsque vous atteignez le quiz final, les questions s affichent au fur et a mesure de vos reponses pour une experience plus fluide.
- A la fin du questionnaire, vous obtenez immediatement votre resultat, egalement disponible dans votre espace client.
- En cas de reussite, votre parchemin PDF nominatif est genere automatiquement, avec verification securisee par QR code.
Compétences visées par la formation HTML et CSS3
Cette formation en ligne vous aide à développer des compétences concrètes autour de HTML et CSS3. Le parcours combine 2 contenus pédagogiques, un quiz de validation, une quiz finale et un certificat vérifiable.
- Clarifier votre stratégie marketing ou commerciale.
- Utiliser les bons leviers pour gagner en visibilité, en impact ou en efficacité.
- Structurer vos actions et vos messages avec méthode.
- Valider vos acquis grâce à une quiz finale.
Obtenez un parchemin nominatif.
A chaque réussite vous obtenez un parchemin nominatif signé par notre organisme de formation partenaire Azertaf formations. vous pouvez aussi consultez vos réussites depuis votre compte utilisateur et envoyer un lien vers vers la page de vérification.
Questions fréquentes sur la formation HTML et CSS3
Cette formation est-elle accessible en ligne ?
Oui. Le parcours HTML et CSS3 se suit en ligne avec une progression structurée et des contenus adaptés au thème de la formation.
Que contient le parcours ?
Le parcours comprend 2 contenus pédagogiques, un quiz de validation des acquis et une quiz finale.
Quelles compétences vais-je développer ?
Vous développez des compétences liées à HTML et CSS3, avec une mise en perspective dans des situations marketing, vente ou communication.
La formation délivre-t-elle une quiz ?
Oui. Après validation du quiz final, le parcours permet d’obtenir une quiz MaCertification.fr.
Le certificat est-il vérifiable ?
Oui. Le certificat est vérifiable en ligne grâce à un QR code et peut être présenté sous forme de parchemin PDF nominatif.
Les quiz les plus populaires
Vous pouvez retrouver ci-dessous le TOP 3 des certifications les plus populaires.
Fondamentaux Office 365 (Microsoft 365)
Testez vos connaissances et validez vos acquis sur les usages professionnels de Microsoft 365 : Teams, Outlook, OneDrive, SharePoint, Word, Excel et PowerPoint.
Utilisee 1 fois
80% de réduction4,99 €
WordPress niveau debutant
Testez vos connaissance et validez vos acquis dans le domaine du Marketing digital avec le quiz d’évaluation certifiant WordPress niveau debutant.
Utilisee 0 fois
67% de réduction2,99 €
WordPress niveau intermediaire
Testez vos connaissance et validez vos acquis dans le domaine du Marketing digital avec le quiz d’évaluation certifiant WordPress niveau intermediaire.
Utilisee 0 fois
67% de réduction2,99 €
Offres organismes
Vous êtes un organisme ou un acteur de la formation.