FFCT-Centre-Val de Loire
Le cyclotourisme dans la région Centre-Val de Loire
Les rubriques du site :
Photo gagnante du concours jeunes
2019
La citation du jour
Pierre Dac : Cyclistes, fortifiez vos jambes en mangeant des oeufs mollets.
AG2015> Les photos du concours photo AG2015> Les photos du concours photo
Catégories
- Documentation
- Commissions
- Organisations
- Dossiers
- espaces
- Qualifications
- Gestion du site
- Glossaire
2018 2017
FFCT-Centre-Val de Loire

Toute l’information régionale du tourisme à vélo et du cyclotourisme.

https://ffct-centre.org

AG2020 - Report de l’AG (annulation de la date retenue)



Cours précédent :Liste des articles << Le programme >> Cours suivant :Qu’est-ce qu’un plugin ?


 Le cours

Les données sont souvent à présenter sous-forme de tableau. Un exemple d’utilisation figure dans la page Fiche de suivi des apprentissages (FOAD).

Le caractère utilisé pour la définition des tableaux est | la barre verticale (caractère appelé tube en français ou pipe -prononcer païpe- en anglais) la plus importante. Il s’obtient avec [Alt Gr  ]+[6/-].

Un tableau doit toujours être précédé d’une ligne complètement vide.

Comment faire plusieurs colonnes ?

Pour obtenir des colonnes, taper | autant de fois que de colonnes souhaitées plus une. Exemple : pour obtenir 4 colonnes, taper "||||" en début de ligne. Attention, après la dernère barre verticale, revenir à la ligne (ne pas mettre de caractère : l’espace étant un caractère, ne surtout pas en mettre). Voici ce que l’on obtient :

Une ligne de trois colonnes : la visibilité dépend des couleurs utilisés pour ce traçage.

Comment faire plusieurs lignes dans un tableau ?

Recopier, sans sauter de lignes, le code "colonnes" autant de fois que de lignes souhaitées. Pour obtenir un tableau de 4 colonnes et 5 lignes, taper :

|||||
|||||
|||||
|||||
|||||

Attention, le tableau doit être suivi d’une ligne vide !
Voici ce que l’on obtient :

Comment entrer les données ?

Renseigner les cases en indiquant leurs données entre les |. En tapant :

|18|Cher|
|28|Eure-et-Loir|
|36|Indre|
|37|Indre-et-Loire|
|41|Loir-et-Cher|
|45|Loiret|

On obtient :

18 Cher
28 Eure-et-Loir
36 Indre
37 Indre-et-Loire
41 Loir-et-Cher
45 Loiret

La largeur des colonnes est calculée automatiquement. Il n’y a pas de centrage automatique.

Comment mettre des titres aux colonnes ?

Pour mettre des titres aux colonnes, il suffit de les écrire en gras.

|{{n°}}|{{Département}}|
|18|Cher|
|28|Eure-et-Loir|
|36|Indre|
|37|Indre-et-Loire|
|41|Loir-et-Cher|
|45|Loiret|

Cela va donner :

Département
18 Cher
28 Eure-et-Loir
36 Indre
37 Indre-et-Loire
41 Loir-et-Cher
45 Loiret

Comment ajouter un titre au tableau ?

||[bleu]Les départements du coreg[/bleu]||
|{{n°}}|{{Département}}|
|18|Cher|
|28|Eure-et-Loir|
|36|Indre|
|37|Indre-et-Loire|
|41|Loir-et-Cher|
|45|Loiret|

Ce code va afficher :

Les départements du coreg  
Département
18 Cher
28 Eure-et-Loir
36 Indre
37 Indre-et-Loire
41 Loir-et-Cher
45 Loiret

Outil de création d’un tableau

Dans la barre d’outils, un bouton permet d’intégrer un tableau à renseigner dans une fenêtre qui s’ouvre spécifiquement.

Les champs "Titre" et "Résumé" sont facultatifs. La première ligne du tableau sera toujours considérée comme celle des titres de colonne.
Ne pas oublier le clic sur le bouton "Enregistrer" quand le tableau est créé (même s’il est encore incomplet).

L’outil peut être utilisé pour compléter un tableau mais il faut alors avoir sélectionné le tableau avant d’utiliser le bouton "tableau" de la barre d’outils.

Utilisation particulière

Dans l’article Fiche de suivi des apprentissages (FOAD), un tableau est utilisé pour afficher côte à côte trois documents à télécharger. Voici le code utilisé :
|<doc3347|center>|<doc3348|center>|<doc3349|center>|
qui affiche donc :

On aurait aussi pu mettre des photos mais il faut alors faire attention à la taille des photos qui doivent pouvoir s’afficher. Si le tableau est trop large, une partie du tableau ne sera pas visible.

Les images trop grandes entraînent un tableau incomplètement affichable !

Mais si la taille des images est bien calculées...

JPEG JPEG JPEG

 Références


 Exercices

  • Construire un tableau ! (Étonnant, n’est-il pas ?)

 Auto-évaluation

- Comment s’appelle la barre verticale utilisée pour définir un tableau sous Spip ?
- Quel est le code encadrant le titre d’un tableau sous Spip ?
- Que faut-il faire pour mettre avec Spip des titres de colonne dans la première case de chaque colonne d'un tableau ?


Cours précédent :Liste des articles << Le programme >> Cours suivant :Qu’est-ce qu’un plugin ?



Pour contacter le formateur, cliquer sur le lien suivant : contact

dimanche 29 mars 2020 , par Roland Bouat (MDT)

Mots clés : doc. web, Formation, web

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document


Article précédent : Liste des articles

Article suivant : Progresser selon le retour d’experience de l’accidentologie 2019 a vtt