$ 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é 122 tutoriels et obtenu une note moyenne de 4,9/5 sur 7 478 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

4
avis laissés
5 étoiles
4
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 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.

  • 5
    avis de bluedevil laissé le 03/08/2019
    Tuto sympa et clair. Pour ma part, je conseillerais de suivre le tuto de Carl intitulé "CSS Grid Guide complet" auparavant pour mieux appréhender les fonctionnalités de ces nouvelles propriétés de Grid. Un grand merci Carl de nous faire partager vos cours avec la pédagogie qui est la vôtre.
    "Merci à vous ! C'est un vrai plaisir pour moi que d'avoir des apprenants tels que vous ;-)"

  • 5
    avis de membre-172-1684 laissé le 26/07/2019
    Limpide, pratique. Merci.

  • 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 1105 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données