Créez une barre de compétence animée en CSS3
Créez une barre de compétence animée en CSS3
Dans cette formation en ligne, nous allons apprendre les bases du langage CSS.
Si vous rêvez d'apprendre à créer des pages web, alors vous devez connaître les bases du langage CSS afin d'apprendre à manipuler les éléments HTML.
Le langage CSS n'est pas un langage de programmation. Ce langage fonctionne grâce à des sélecteurs qui vont nous permettre de pouvoir isoler des éléments HTML et ainsi de les mettre en forme. C'est que nous allons apprendre ensemble dans ce tutoriel en vidéo.
La formation se termine par un QCM pour valider vos nouvelles connaissances en CSS.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur le cours.
Pour suivre cette formation dans de bonnes conditions, il est préférable d'avoir des notions en HTML.
Si tel n'est pas votre cas, je vous invite à suivre cette formation sur l'apprentissage des bases du langage HTML.
A la fin de cette formation, vous aurez des bases solides en CSS et vous pourrez alors poursuivre votre apprentissage avec une formation complète de plus de 13h00, dédiée au langage HTML5 ainsi qu'au langage CSS3. Vous pourrez alors aborder cette nouvelle formation avec plus de sérénité.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Les sélecteurs
Les sélecteurs
Chapitre 3
Les boîtes DIV et les balises structurantes HTML5
Les boîtes DIV et les balises structurantes HTML5
Chapitre 4
Manipuler le BODY
Manipuler le BODY
Chapitre 5
Les couleurs
Les couleurs
Chapitre 6
Le positionnement des boîtes
Le positionnement des boîtes
Chapitre 7
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Introduction
10m33s
Leçon 1Présentation du CSS
Leçon 2Notre premier CSS
Leçon 3Où écrit-on du CSS ?
Chapitre 2 : Les sélecteurs
27m35s
Leçon 1Sélecteur unique
Leçon 2Sélecteur partagé
Leçon 3Hiérarchie 1/3
Leçon 4Hiérarchie 2/3
Leçon 5Hiérarchie 3/3
Leçon 6Cibler un élément enfant
Leçon 7La pseudo classe hover
Leçon 8Premier et dernier enfant
Leçon 9La pseudo classe nth-child
Leçon 10Paire et impaire
Leçon 11Pour aller plus loin avec les sélecteurs
Chapitre 3 : Les boîtes DIV et les balises structurantes HTML5
29m38s
Leçon 1La largeur
Leçon 2La hauteur 1/2
Leçon 3La hauteur 2/2
Leçon 4Les marges externes
Leçon 5Les marges internes
Leçon 6Alignement interne
Leçon 7Les bordures 1/2
Leçon 8Les bordures 2/2
Chapitre 4 : Manipuler le BODY
17m07s
Leçon 1Changer la couleur de fond
Leçon 2Marges par défaut du navigateur
Leçon 3Image de fond 1/2
Leçon 4Image de fond 2/2
Leçon 5Police par défaut
Chapitre 5 : Les couleurs
09m28s
Leçon 1Hexadécimal
Leçon 2Les valeurs RGB
Chapitre 6 : Le positionnement des boîtes
23m54s
Leçon 1Positionnement absolu 1/2
Leçon 2Positionnement absolu 2/2
Leçon 3Positionnement fixe 1/2
Leçon 4Positionnement fixe 2/2
Leçon 5Pour aller plus loin
Leçon 6Positionnement relatif
Leçon 7Conclusion
Leçon 8Les float
Chapitre 7 : Conclusion
02m17s
Leçon 1Conclusion
Avis des apprenants