Créer des tableaux en utilisant CSS Grid & FlexBox
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Créer des tableaux en utilisant CSS Grid & FlexBox

Carl Brison
11,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto en ligne je vais vous présenter une façon tout à fait moderne de créer des tableaux pour vos pages web. En effet, nous allons utiliser les nouvelles technologies pour écrire nos tableaux. Nous allons utiliser GRID et FLEXBOX.

Je vous précise qu'il n'est pas utile de connaître ces technologies pour suivre ce tuto.
Nous n'utiliserons que quelques propriétés CSS liées à GRID et FLEXBOX. Et je vous expliquerai à chaque fois le fonctionnement de ces propriétés.

Au programme de ce tuto créer des tableaux en utilisant CSS Gris et Flexbox

Nous verrons que grâce à ces technologies modernes, il est tout à fait possible de pouvoir mettre en oeuvre des tableaux avec fusions de cellules horizontales et verticales. De quoi réaliser des tableaux comme ceux réalisés en utilisant les balises HTML "TABLE", "TR", "TD", etc...

Le cours se termine avec un QCM pour valider vos nouvelles connaissances.
Je mets à votre disposition, l'ensemble des codes issus de ce tuto (le cours + l'exercice)

Bonne formation !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Cours
Chapitre 2
Exercice
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Cours
36m14
 
Leçon 1Introduction
Leçon 2Ecriture de notre premier tableau HTML
Leçon 3Mise en forme CSS de notre tableau
Leçon 4Fusionner des colonnes
Leçon 5Fusionner des lignes
Leçon 6Donner une légende à un tableau
Chapitre 2 : Exercice
27m28
 
Leçon 1Enoncé
Leçon 2Mise en place du HTML
Leçon 3Mise en place du CSS 1/2
Leçon 4Mise en place du CSS 2/2
Leçon 5Mise en place du responsive
Leçon 6Bonus
Chapitre 3 : Conclusion
53
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
74
Apprenants
10
Commentaires
5/5
Note moyenne
5/5
10
4/5
0
3/5
0
2/5
0
1/5
0
Eric Reynaud
Eric Reynaud
Publié le 21/03/2023
Merci infiniment Carl pour ce tuto ! J'ai appris comment faire un tableau de façon moderne et cela me servira grandement. Vous êtes un excellent pédagogue et j'adore toutes vos interventions. Continuez comme cela, à nous régaler et enrichir nos connaissances. A bientôt pour de nouveaux tutos. Merci. Eric.
Carl Brison
Carl Brison
Merci beaucoup Eric, pour votre commentaire très gentil ;-)
Dboo
Dboo
Publié le 17/09/2022
Ravie d'être tombée sur ce tuto très clair et didactique. Je comprends enfin comment fonctionne le principe du css grid. Merci pour cela.
Carl Brison
Carl Brison
De rien ! Merci beaucoup pour votre commentaire ;-)
Marot Pauline
Marot Pauline
Publié le 20/05/2021
tuto très clair,merci
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Que contient le fichier source ?

Les codes du cours et de l'exercice

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 11,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données