Vous êtes ici : Accueil -> Forum - Site - Divers -> Tutoriel pour les rédacteurs -> Tutoriel pour les rédacteurs - SPIP - Créer un tableau dans un (...)

Tutoriel pour les rédacteurs - SPIP - Créer un tableau dans un article

D 1er août 2007     H 12:54     A Pierre     C 0 messages A 13649 LECTURES


agrandir

Tutoriel illustré à l’usage des rédacteurs du site : pas à pas, la méthode pour créer un tableau dans un article, une astuce pour définir la largeur des colonnes du tableau avec SPIP, quelques conseils.

Les colonnes du tableau sont délimitées par le caractère ’|’ obtenu par la touche AltGr et la touche "6" en 1ère ligne du clavier alphabétique.

- Pour créer par exemple un tableau de 3 colonnes, on doit saisir 4 fois ce caractère (4 délimiteurs = 3 intervalles, rappelez-vous les histoires de piquets et de fil de fer, à l’école primaire)
Nota : on peut créer un tableau d’une seule colonne, avec 2 délimiteurs. Dans ce cas si ce tableau n’a qu’une seule ligne, on a créé un texte encadré.

- Entre chaque délimiteur, on saisit le texte qui doit se trouver dans la cellule ainsi délimitée.

Exemple

|colonne 1|colonne 2|colonne 3|

va donner ce résultat :

colonne 1 colonne 2 colonne 3

- Maintenant, ajoutons une nouvelle ligne au tableau :

|colonne 1 ligne 1|colonne 2 ligne 1|colonne 3 ligne 1|
|colonne 1 ligne 2|colonne 2 ligne 2|colonne 3 ligne 2|

va donner ce résultat :

colonne 1 ligne 1 colonne 2 ligne 1 colonne 3 ligne 1
colonne 1 ligne 2 colonne 2 ligne 2 colonne 3 ligne 2

- Maintenant, améliorons la présentation en mettant en gras le texte de chacune des cellules de la première ligne (comme avec un traitement de texte : sélectionner les mots et clic sur l’icone [B] en haut du texte.

|Titre 1|Titre 2|Titre 3|
|colonne 1 ligne 2|colonne 2 ligne 2|colonne 3 ligne 2|

va donner ce résultat :

Titre 1Titre 2Titre 3
colonne 1 ligne 2 colonne 2 ligne 2 colonne 3 ligne 2

Dans une cellule d’un tableau, on peut mettre du texte, et/ou une image.

Exemple :

|Titre 1|Titre 2|Titre 3|
|colonne 1 ligne 2|colonne 2 ligne 2|ici un code image imgxxx entre < et >|

va donner ce résultat :

Titre 1Titre 2Titre 3
colonne 1 ligne 2 colonne 2 ligne 2

Convertir un tableau créé avec Word en un tableau pour SPIP

Crééz le tableau dans le traitement de texte Word selon la méthode habituelle.

En créant le tableau, ou après l’avoir créé, laissez une première et une dernière colonnes vides (c’est à dire 2 colonnes de plus que nécessaire pour le tableau).

Quand les cellules du tableau sont remplies, aller dans le menu "Tableau", puis "Convertir" ; choisir "Tableau en texte". Dans la fenêtre "Convertir un tableau en texte", sélectionner l’option "autre" et saisir dans la case le caractère | (AltGr+6). Clic sur Ok. L’opération est terminée. Il suffit de copier-coller l’ensemble dans l’éditeur de l’article SPIP.

Un détail important : les tableaux de SPIP ne supportent pas les cellules fusionnées, comme on peut en faire dans les tableaux de Word.

Définir la largeur des colonnes d’un tableau de SPIP

Les tableaux de SPIP sont plutôt sommaires. Si on veut faire des tableaux sophistiqués, il faut passer par du langage HTML.

On peut toutefois forcer la largeur des colonnes avec cette petite astuce.

- 1- on crée le tableau selon la méthode habituelle.
- 2- dans le répertoire des images, on installe un fichier pixel.gif, créé avec la dimension de 1 pixel en largeur et 1 pixel en hauteur, et on le place par exemple dans le répertoire IMG/gif
- 3- dans les cellules de la première ligne du tableau, on insère ce code html

pour une colonne de 200 pixels de largeur

<img src="IMG/gif/pixel.gif" height="1" width="200"><br>

On peut ainsi forcer la largeur de chacune des colonnes, par la présence de cette image "pixel" invisible et de dimension réglable par le nombre de pixels choisi dans la valeur "width".

La même image invisible "pixel.gif" peut être utilisée un nombre illimité de fois, dans n’importe quel tableu de n’importe quelle page.

Quelques conseils et précisions sur les tableaux

- Important : Pour que le tableau s’affiche correctement dans votre article, il est impératif de le faire précéder et suivre d’une ligne vide.
- Un tableau peut être placé dans le "Chapeau" ou dans le "Texte" d’un article.
- La taille des caractères des textes situés dans les cellules d’un tableau est un paramètre standard pour l’ensemble du site. Il ne peut pas être modifié par les rédacteurs.
- Sauf en utilisant la méthode ci-dessus, la largeur des colonnes se règle automatiquement en fonction de la quantité de texte, ou de la largeur des images qui sont placées dans les cellules (voir le dernier exemple ci-dessus).

Répondre à cet article

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 ?
  • [Se connecter]
Votre message
Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Les mots-clés de l'article

pour en savoir plus sur : Site Histoire Passion - SPIP -

Chercher dans le site

Les plus lus --- Les 50 +

1.  Calendrier révolutionnaire ou républicain - Conversion en date grégorienne

2.  Carte satellite des voies romaines, des chemins anciens de Saintonge, Aunis et Angoumois

3.  FAQ & R - Le Forum Aux Questions ... & aux Réponses

4.  Conversion des monnaies d’avant la Révolution en valeur actuelle

5.  Carte satellite Googlemap avec moteur de géolocalisation : rechercher une ville, une commune, un village


5 articles au hasard

1.  1527 - Le roi François 1er règlemente le commerce du sel d’Angoulême et de Cognac

2.  1912 - Société Archéologique et Historique de la Charente - Bulletins et mémoires - Série 8 Tome III

3.  1631 - 1765 - Familles de Saintonge, d’Aunis et d’Angoumois dans la Gazette de Th. Renaudot - 1ère partie

4.  1789 - Palluaud (16) : cahier de doléances de la paroisse

5.  1741 Histoire de l’Angoumois (François Vigier de la Pile) - 1576 Recueil en forme d’histoire (François de Corlieu)


Les plus populaires --- Les 50 +

1.  Conversion des monnaies d’avant la Révolution en valeur actuelle

2.  Carte satellite des voies romaines, des chemins anciens de Saintonge, Aunis et Angoumois

3.  Carte satellite Googlemap avec moteur de géolocalisation : rechercher une ville, une commune, un village

4.  Map of roman & ancient roads in Saintonge, Aunis & Angoumois

5.  1120 - Cartulaire de l’église d’Angoulême - Terre de Bouchereau à Macqueville (17)


Brèves --- Toutes

1.  Au château de la Roche Courbon, fête de la préhistoire les 23 et 24 avril 2016

2.  Antiquité-Avenir. Réseau des Associations liées à l’Antiquité - Communiqué de presse

3.  Temples de la Saintonge Maritime : Une histoire mouvementée

4.  2.644.259 visiteurs sur Histoire Passion - Statistiques au 31/12/2013

5.  Archéologie et histoire du fleuve Charente à Taillebourg - Port d’Envaux