Dans ce cours en vidéo, je vous propose d'apprendre à créer une timeline verticale en utilisant les langages HTML et CSS.
Une timeline sert généralement à valider des étapes.
Cet élément peut être utilisé avec des formulaires par exemple.
En général, on joue visuellement sur l'état des étapes. Ici, nous changerons la couleur, quand une étape sera franchie.
Notre timeline se composera de cercles traversés par une ligne verticale. La mise en forme sera effectuée en CSS.
Un exercice pratique, pour enrichir vos compétences techniques de front-end développeur.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je mets les codes de ce tuto à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Si vous souhaitez vous sentir plus à l'aise avec le HTML et CSS, je propose également une formation de plus de 13h00 pour apprendre à votre rythme !
Table des matières de cette formation CSS, HTML (durée : 25m41s)
-
- Mise en place du HTML 00:03:51
- Création de la timeline 00:08:24
- Positionnement des éléments 00:05:42
- On active des sections 00:06:19
- Conclusion 00:01:25
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce tuto super intéressant. Clair et pédagogique. Je le recommande sans hésiter. Validé 100 % CSS.
-
Excellent tutoriel (je ne sais pas trop quoi écrire...) qui n'est pas très long, l'avantage, c'est que c'est idéal pour bien retenir ! Merci à Carl Brison pour ses tutoriels dont je suis fan.
-
J'ai hâte au fullstack du timeline, très bon. Mais after = après, une petite erreur, ne le prenez pas mal.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?HTML 5, CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés