Créer une timeline verticale en HTML & CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
25m41
de formation
5
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Créer une timeline verticale en HTML & CSS

4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
25m41
de formation
5
leçons vidéo
1
chapitre

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du HTML
Leçon 2
Création de la timeline
Leçon 3
Positionnement des éléments
Leçon 4
On active des sections
Leçon 5
Conclusion

Table des matières

Leçon 1

Mise en place du HTML

03m51
Leçon 2

Création de la timeline

08m24
Leçon 3

Positionnement des éléments

05m42
Leçon 4

On active des sections

06m19
Leçon 5

Conclusion

01m25

Avis des apprenants

Détail des avis
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 13/01/2023
Merci Carl pour ce tuto super intéressant. Clair et pédagogique. Je le recommande sans hésiter. Validé 100 % CSS.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Jean Philippe
Jean Philippe
Publié le 26/09/2021
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.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire vraiment TRES gentil ;-)
Richard Anctil
Richard Anctil
Publié le 24/09/2021
J'ai hâte au fullstack du timeline, très bon. Mais after = après, une petite erreur, ne le prenez pas mal.
Carl Brison
Carl Brison
Yes ! Merci beaucoup pour votre commentaire super gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
25m41 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 754 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1421 tutos gratuits

Notre politique de protection des données