Comment créer et mettre en forme des tableaux et des colonnes dans les articles Joomla - dummies

Supposons que vous utilisiez le système de gestion de contenu (CMS) Joomla pour créer un site scolaire, et vous voulez lister les meilleurs étudiants dans un article. Que diriez-vous de créer une table qui les répertorie comme ça?

Étudiant	Classement
Fred	1
Éthyle	2
Lucy	3
Ricky	4
Ralph	5 > Créer une table dans un article

Pour placer une table dans un article, procédez comme suit:

Ouvrez l'article dans l'éditeur d'article, cliquez sur Insérer une nouvelle table, située à l'extrême gauche de la deuxième barre d'outils..

1. La boîte de dialogue Insérer / Modifier le tableau s'ouvre.

   Dans l'onglet Propriétés générales, définissez les options que vous souhaitez utiliser.

2. Cliquez sur le bouton Insérer.

   

3. Une grille de tableau vide apparaît dans votre article.

   Tapez le texte de la table dans les cellules du tableau.

4. Formatez une table

   

C'est bien pour le moment, mais maintenant vous voulez appliquer une mise en forme - pour que les têtes de colonnes se démarquent, peut-être, et pour ajouter une bordure. Pour mettre en forme une table, procédez comme suit:

Sélectionnez la ligne supérieure de la nouvelle table et cliquez sur le bouton Propriétés de la ligne de la table dans la barre d'outils en second lieu de l'éditeur TinyMCE.

1. La boîte de dialogue Propriétés de la ligne de tableau s'ouvre.

   Dans le menu déroulant Row in Table Part, choisissez Table Head; puis cliquez sur le bouton Mettre à jour.

2. Joomla convertit les en-têtes de la rangée supérieure de votre table en en-têtes de table réels (c'est-à-dire que la balise

   

   sera utilisée pour les en-têtes, pas pour la balise ). Pour donner une bordure visible à la table, cliquez à l'intérieur de la table, puis cliquez sur le bouton Propriétés de la cellule de la table dans la barre d'outils centrale de l'éditeur.

3. La boîte de dialogue Propriétés de la cellule de table s'ouvre.

   Par défaut, toutes les bordures de la table sont blanches, de sorte qu'elles n'apparaissent pas sur une page Web avec un arrière-plan blanc. Mais vous pouvez changer ce paramètre.

   Sélectionnez l'onglet Avancé, cliquez sur la zone Couleur de la bordure et choisissez une nouvelle couleur dans la palette de couleurs contextuelle.

4. Vous pouvez choisir le noir (code hexadécimal # 000000).

   Pour appliquer la nouvelle couleur à la bordure de toutes les cellules, revenez à l'onglet Général et choisissez Mettre à jour toutes les cellules dans le tableau dans le menu déroulant situé dans le coin inférieur gauche de la boîte de dialogue.

5. Cliquez sur le bouton Mettre à jour.

   

6. Comme vous pouvez le voir dans la fenêtre Texte de l'article, votre tableau possède maintenant des bordures noires élégantes.