Depuis que le HTML existe, les tableaux ont toujours été utilisés pour structurer des données. A une époque lointaine, ils servaient même à mettre en page les sites Internet. Aujourd'hui, on se sert des tableaux pour ranger un certain nombre d'informations afin de les rendre plus visuelles aux yeux des internautes. Maîtriser les tableaux est donc important pour un développeur front-end !
La richesse des langages HTML et CSS font qu'il est possible d'utiliser plusieurs techniques et technologies pour réaliser des tableaux.
Je vais ici vous apprendre ces différentes techniques au travers de la théorie mais également de la pratique afin que l'édition de tableaux 100% responsives n'ait plus de secret pour vous !
Au programme de ce bundle : les tableaux pour vos pages web
Grâce à cette formation en ligne, nous verrons :
- comment créer des tableaux en HTML,
- comment créer des tableaux en pure CSS,
- Comment créer des tableaux en utilisant CSS Grid et Flexbox.
Ce bundle regroupe 3 formations que vous pouvez acquérir à l'unité, mais qui sont proposées ici à un tarif plus intéressant.
Je reste disponible pour répondre à vos éventuelles questions sur la formation.
Bon tuto !
Tuto composant ce bundle :
Tout savoir ou presque sur les tableaux HTML (voir la fiche produit)
Cours
- Introduction gratuit00:04:32
- Ecriture de notre premier tableau HTML 00:05:46
- Mise en forme CSS de notre tableau 00:05:13
- Déclaration d'en-tête de colonnes 00:03:26
- Donner une légende à un tableau 00:03:14
- Définir des zones à un tableau 00:04:42
- Fusion de cellules 00:04:19
- Positionner 2 tableaux l'un à côté de l'autre 00:04:58
Exercice
- Enoncé 00:02:34
- Mise en place du HTML 00:03:41
- Mise en place du CSS 00:09:49
- Mise en place du responsive 00:03:49
Conclusion
- Conclusion 00:02:19
Créer des tableaux en CSS pure (voir la fiche produit)
Cours
- Introduction gratuit00:01:59
- Ecriture de notre premier tableau gratuit00:03:46
- Mise en forme CSS de notre tableau 00:04:49
- Déclaration d'en-tête de colonnes 00:03:02
- Donner une légende à un tableau 00:02:49
- Donner une légende à un tableau 00:05:21
Exercice
- Enoncé gratuit00:02:26
- Mise en place du HTML 00:05:16
- Mise en place du CSS 1/2 00:09:20
- Mise en place du CSS 2/2 00:02:54
- Mise en place du responsive 00:02:41
Conclusion
- Fusion de cellules 00:03:53
- Conclusion 00:02:42
Créer des tableaux en utilisant CSS Grid & FlexBox (voir la fiche produit)
Cours
- Introduction gratuit00:03:29
- Ecriture de notre premier tableau HTML 00:04:47
- Mise en forme CSS de notre tableau 00:10:30
- Fusionner des colonnes 00:04:04
- Fusionner des lignes 00:05:10
- Donner une légende à un tableau 00:08:14
Exercice
- Enoncé 00:02:06
- Mise en place du HTML 00:07:09
- Mise en place du CSS 1/2 00:04:34
- Mise en place du CSS 2/2 00:06:16
- Mise en place du responsive 00:04:00
- Bonus 00:03:23
Conclusion
- Conclusion 00:00:53
Formateur : Carl Brison
-
Je nourrissais quelques angoisses en ce qui concernait la formation via le support vidéo mais ce tuto vient de balayer tous mes a priori (c’est mon premier, chui plutôt texte….). La vidéo est très bien chapitrée, retour facile à l’information dont on à besoin, bien rythmée, sans détours inutiles, mais en laissant le temps de bien assimiler les contenus. Un, peu comme un conteur qui vous vous narre une belle histoire. Très beau travail pédagogique ! C’est un tuto vraiment professionnalisant, pointu, complet et accessible à tous les débutants et débutantes. Perso, j’y connaissais rien en techno Grid et j’ai quand même pu suivre le cours sans aucunes difficultés et réaliser l’exercice final. Bref, que du bonheur ! Donc un grand merci pour ce travail que vous nous faite partager ! Et donc forcement, au prochain tuto ;)
-
Tres bon tuto, tres clair. Avez-vous un tuto qui permettrait de faire des filtres dans le tableau. Merci
-
Avec quelle version de logiciel ce tuto est-il compatible ?HTML 5
note moyenne
avis laissés