TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

6 façons d’ajouter une table dans le site Weebly

7

Le tableau est un moyen simple et précis d’exprimer le contenu classé dans un espace limité. Par exemple, la liste des notes des étudiants, la liste des employés de l’organisation ou une liste d’événements sportifs peuvent être bien affichées à l’aide d’un tableau au lieu d’expliquer avec un contenu textuel normal. Bien que Weebly ait introduit une application gratuite « Table simple » via son App Center, il existe de nombreuses façons simples d’ajouter une table sur votre site Weebly.

Comment ajouter une table dans le site Weebly ?

Dans cet article, explorons toutes les possibilités d’ajouter une table à votre site Weebly.

  1. Méthode HTML
  2. Utilisation de Microsoft Word
  3. Utilisation de l’application gratuite Simple Table de Weebly App Center
  4. Tableaux de données avancés avec champ de recherche et pagination
  5. Utilisation de la feuille de calcul Google
  6. Code de table d’intégration d’autres tiers

Consultez cet article si vous cherchez à ajouter un tableau de prix dans Weebly.

1 Utilisation de la méthode HTML

La balise de tableau HTML est l’un des moyens les plus simples de créer du contenu de tableau hors ligne et de le coller sur votre page Weebly à l’aide d’un élément « Code d’intégration ». Utilisation du HTML standard

tags, vous pouvez créer des tableaux simples pour votre site. Voici un exemple de code pour créer un tableau HTML avec les fonctionnalités suivantes :

  • L’en-tête et la première colonne sont mis en évidence dans différentes couleurs d’arrière-plan
  • Différentes couleurs de police sont utilisées pour différentes cellules
  • La bordure du tableau est utilisée pour créer un espace entre les cellules
  • La hauteur de la ligne est fixée à 30px et la largeur du tableau est fixée à 300px
<table border="3" bordercolor="Skyblue" width="300"> <th height="30" bgcolor="gray"><font color=Yellow>Plan   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Sites   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Price (1 Year Plan)</font></th> <tr height="30"> <td bgcolor="silver"><b>Free</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>Free</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Starter</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$4.08</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Pro</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$8.25</b></font></td> </tr> </table>

Et voici à quoi ressemblera le tableau dans votre site Weebly :

6 façons d'ajouter une table dans le site Weebly

Vous pouvez personnaliser le code ci-dessus pour ajouter plusieurs colonnes et lignes selon vos besoins. Vous pouvez utiliser le Bloc-notes pour créer ce code et l’enregistrer en tant que fichier .html. Ouvrez le fichier .html avec n’importe quel navigateur pour tester le code avant de l’utiliser sur votre site Weebly.

Une fois finalisé avec votre code, collez le code ci-dessus dans l’ élément « Embed Code » (Custom HTML) pour voir le tableau dans votre site. Weebly peut restreindre l’utilisation de très grandes tables de plus de quelques centaines de lignes, dans ce cas, vous pouvez diviser le contenu en plusieurs tables et l’utiliser sur la même page.

2 Utilisation de Microsoft Word

La méthode HTML ci-dessus est complexe et prend du temps pour créer un grand tableau et vous n’avez pas beaucoup d’options pour créer différents types de tableaux. Voici Microsoft Word, un logiciel de traitement de texte multidimensionnel. Suivez les instructions ci-dessous pour créer un tableau à l’aide de Microsoft Word :

  • Ouvrez Microsoft Word, nous l’avons expliqué avec Microsoft Word 2010.
  • Cliquez sur l’onglet « Insertion » puis sur le bouton « Tableau » pour sélectionner le nombre de lignes et de colonnes afin de créer un tableau simple.
  • Une fois que vous avez créé le tableau, cliquez sur n’importe quelle cellule à l’intérieur du tableau pour voir le menu « Outils de tableau » apparaître au-dessus des autres éléments de menu.
  • Cliquez sur l’option « Outils de table » et personnalisez votre table.
  • Une fois que votre tableau est prêt, enregistrez le document en tant que page Web (.htm ou .html)
  • Ouvrez le document enregistré dans un Bloc-notes (Clic droit et Ouvrir avec le Bloc-notes) et copiez le code.
  • Utilisez l’élément de code intégré pour coller le code sur votre site Weebly.

Remarque : certains thèmes Weebly prennent également en charge le copier-coller du tableau directement depuis Microsoft Word ou Excel vers votre éditeur Weebly.

Un exemple de tableau créé avec Word 2010 pour montrer les activités planifiées dans un mois calendaire est montré ici par exemple.

6 façons d'ajouter une table dans le site Weebly

3 Application de table simple de Weebly App Center

L’option suivante pour ajouter une table sur le site Weebly consiste à rechercher une application Weebly à partir de l’App Center. Accédez à App Center et connectez l’application gratuite « Simple Table » disponible dans la catégorie « Outils » à votre site, puis faites glisser et déposez l’élément pour ajouter des tables à votre site. Comme son nom l’indique, il s’agit d’une application très simple pour ajouter un tableau avec un en-tête et des lignes. Vous pouvez personnaliser quelques options telles que l’alignement, les couleurs d’arrière-plan et la position du titre.

6 façons d'ajouter une table dans le site Weebly

Application de table simple Weebly

4 Widget de table de données avancé

Les tables de données avancées utilisent les bibliothèques JavaScript jQuery et activent les options de champ de recherche, de pagination et de filtrage pour une table. Bien que cela puisse nécessiter un certain temps pour ajouter et ajuster la table sur un site Weebly, cela vaut la peine d’essayer. Le tableau ressemblera à quelque chose comme ci-dessous et consultez notre article dédié sur la création d’un tableau de données avancé pour le site Weebly.

6 façons d'ajouter une table dans le site Weebly

Tableau de données avancées Weebly

5 Feuille de calcul Google

Lorsque vous avez un tableau énorme avec des centaines de lignes, l’option simple peut être d’utiliser la feuille de calcul Google et d’intégrer le code sur votre site Weebly pour partager le tableau. L’utilisation de la feuille de calcul Google présente de nombreux avantages, comme l’activation de l’édition de contenu pour les utilisateurs invités. Vous pouvez également continuer à mettre à jour le contenu de votre compte Google et ajouter une feuille complète avec plusieurs onglets.

6 générateurs de tables en ligne

Bien que la création d’un tableau HTML dans Weebly soit facile, il s’agit de tâches fastidieuses, en particulier pour créer des tableaux de plus grande taille. Étant donné que les services Google sont bloqués dans de nombreux pays ou que vous n’êtes pas intéressé par l’utilisation d’un compte Google, vous pouvez utiliser des outils de génération de tables en ligne. Cela vous aidera à créer un code HTML pour vous et à copier/coller le code dans l’ élément " Embed Code " sur votre page Weebly.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails