$ 12.00

Tuto Créer des tableaux en utilisant CSS Grid & FlexBox avec CSS

$ 12.00

  • Une formation vidéo de 1h04m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Bundle, créer des tableaux pour vos pages web
Retrouvez cette formation dans le bundle :

Bundle, créer des tableaux pour vos pages web

-31% de réduction

voir les détails du bundle


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 !

Table des matières de cette formation CSS (durée : 1h04m)

  • Cours
    • Introduction gratuit 00: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

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

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de algerplus laissé le 15/05/2020
    Je viens de terminer ce cours sur les CSS GRID et Flexbox. avec la conception du modèle de tableau ! et ben voila maintenant je pourrais idéaliser mon projet sur mes sites internet ! Un Grand Merci à Carl pour ce beau Travail ! je te note toujours 6 étoiles !

  • 5
    avis de cactusxxxl laissé le 12/04/2020
    J'avais besoin de créer des tableaux sur l'un de mes sites... un petit tuto de Carl BRISON... et hop ! C'est acquis sans avoir à piocher dans un livre ! Merci Carl... Cordialement. ALH

  • 5
    avis de valerie-a77 laissé le 06/08/2019
    Facile les tableaux avec CSS GRID et Flexbox. Et ça m'a bien aidé d'avoir fait le tuto précédent (tableaux en CSS pure). Une petite révision de ce cocktail. Merci Carl et à très bientôt.

  • 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
accédez à plus de 1181 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données