Aide:Tableau

De Ekopedia
Aller à : navigation, rechercher

Les tableaux peuvent être très utiles pour la représentation ordonnée et concise de certaines données sur Ekopedia.
Un tableau peut être programmé soit en codage Wiki, soit en codage HTML. Si vous êtes déjà familier des codes HTML permettant de créer des tableaux, vous pouvez insérer simplement le code directement dans l'article que vous êtes en train d'éditer.

Cependant, les balises de tableaux sont parfois difficiles à éditer surtout pour quelqu'un n'étant pas à l'aise avec la codification HTML. Pour cela, des nouvelles balises développées pour les projets Wikis ont été créées. Ces balises remplacent les traditionnelles balises HTML <table>, <tr>, <td>, <th> et <caption>. On peut donc se passer totalement des balises HTML.
Il est même plutôt conseillé de ne plus utiliser de code HTML pour créer un tableau (malgré le fait que son utilisation soit encore possible).

Nuvola apps help index.png
Aide rapide...







Comment bien contribuer...



Cette boite dans ma page :
{{Navigation Aide}}

L'utilisation de tableaux doit être évitée si cela est possible. En effet, l'accessibilité aux pages qui contiennent un tableau est rendue plus difficile à certaines personnes, notamment aux aveugles.
Tout au long de cette page d'aide, nous essaierons de donner le codage Wiki et le codage HTML pour chacun des tableaux que nous montrerons.



Fichier:Tableau.jpg








Comparaison de tableaux: "wikitable" ou "plainlinks"

Dans cet exemple provenant du modèle {{ébauche 25%}}, la programmation est exactement la même.
C'est seulement le titre de class qui est changé: class="wikitable gauche" ou class="plainlinks" (faire Modifier de la présente page pour voir les instructions):

Tableau créé sous class : "wikitable"

Les données sont séparées par des lignes verticales et horizontales. Un encadré entoure le contenu du tableau réalisé en "table de wiki"...

O % 10 % 25 % 50 % 75 % 95 % Achevé

Progression du travail rédactionnel avant finalisation de l'article :   75 % de texte manquant ............................. État :   À rédiger d'urgence !


Même tableau lancé sous class : "plainlinks"

L'encadré, les lignes verticales et horizontales du tableau ont automatiquement disparues sous cette forme "plein liens"...


Même tableau sous class : "plainlinks" + un cadre

  • Le tableau ci-dessus, de class "plainlinks" est encadré grâce au Modèle:Cadre en couleurs (plusieurs couleurs disponibles).
  • Les instructions sont :
    • {{début cadre Violet}} est placé juste avant la première ligne du tableau de class "plainlinks"
    • {{fin cadre}} est placé après la dernière ligne du tableau de class "plainlinks"....




Divers exemples de tableaux (du plus simple au plus compliqué)

Liste de références en colonnes

Pour organiser une liste longue de références en plusieurs colonnes...

Vista-xmag.png Consulter aussi l’article :   Modèle:Références/Documentation.


Liste de liens en colonnes + encadré