9,00

Tuto Créer une timeline verticale en HTML & CSS avec CSS, HTML

9,00

  • Une formation vidéo de 25m41s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Créer une timeline verticale en HTML & CSS

ajouter ce cours aux favoris retirer ce cours des favoris

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



Formateur : Carl Brison

Carl Brison a publié 233 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 553 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de jpgdelain75 laissé 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.
    "Merci beaucoup pour votre commentaire vraiment TRES gentil ;-)"

  • 5
    avis de richardanctil laissé 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.
    "Yes ! Merci beaucoup pour votre commentaire super gentil ;-)"

  • 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
Parcours Developpeur Front End
accédez à plus de 1357 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données