Page 08

Tableaux et Timelines

Présentation de données tabulaires et d’étapes dans le temps : tableaux et frises chronologiques verticales ou horizontales.

08.01

Table

Tableau avec en-tête, lignes et pied. Les cellules acceptent texte, icône, image ou note. Tri par colonne et adaptation mobile en option.

Élément
Valeur A
Valeur B
Valeur C
Ligne 1
12
340
Oui
Ligne 2
8
125
Non
Ligne 3
27
560
Oui
Ligne 4
3
78
Oui
08.01-a

Tri au clic sur les en-têtes de colonne

Élément
Valeur A
Valeur B
Valeur C
Ligne 1
12
340
Oui
Ligne 2
8
125
Non
Ligne 3
27
560
Oui
Ligne 4
3
78
Oui
08.02

Vertical Timeline

Frise verticale. Chaque étape est une carte avec repère, mention, titre, texte, image et bouton optionnels. Les cartes alternent de part et d’autre de la ligne ou s’alignent d’un seul côté.

Étape 1
Titre de l’étape 1

Texte court qui décrit cette étape.

1
Étape 1
Étape 2
Titre de l’étape 2

Texte court qui décrit cette étape.

2
Étape 2
Étape 3
Titre de l’étape 3

Texte court qui décrit cette étape.

3
Étape 3
Étape 4
Titre de l’étape 4

Texte court qui décrit cette étape.

4
Étape 4
08.02-a

Cartes alignées à droite de la ligne

Étape 1
Titre de l’étape 1

Texte court qui décrit cette étape.

1
Étape 1
Étape 2
Titre de l’étape 2

Texte court qui décrit cette étape.

2
Étape 2
Étape 3
Titre de l’étape 3

Texte court qui décrit cette étape.

3
Étape 3
Étape 4
Titre de l’étape 4

Texte court qui décrit cette étape.

4
Étape 4
08.03

Horizontal Timeline

Frise horizontale défilante. Les cartes se placent au-dessus de la ligne, en dessous, ou en alternance.

Titre de l’étape 1

Texte court qui décrit cette étape.

Titre de l’étape 2

Texte court qui décrit cette étape.

Titre de l’étape 3

Texte court qui décrit cette étape.

Titre de l’étape 4

Texte court qui décrit cette étape.

Titre de l’étape 5

Texte court qui décrit cette étape.

1
2
3
4
5
Étape 1
Étape 2
Étape 3
Étape 4
Étape 5
08.03-a

Cartes en alternance

Titre de l’étape 1

Texte court qui décrit cette étape.

Étape 2
Titre de l’étape 3

Texte court qui décrit cette étape.

Étape 4
Titre de l’étape 5

Texte court qui décrit cette étape.

1
2
3
4
5
Étape 1
Titre de l’étape 2

Texte court qui décrit cette étape.

Étape 3
Titre de l’étape 4

Texte court qui décrit cette étape.

Étape 5
08.03-b

Navigation par flèches

Titre de l’étape 1

Texte court qui décrit cette étape.

Titre de l’étape 2

Texte court qui décrit cette étape.

Titre de l’étape 3

Texte court qui décrit cette étape.

Titre de l’étape 4

Texte court qui décrit cette étape.

Titre de l’étape 5

Texte court qui décrit cette étape.

1
2
3
4
5
Étape 1
Étape 2
Étape 3
Étape 4
Étape 5