6 способов добавить таблицу на сайт Weebly

Таблица — это простой и точный способ выразить классифицированный контент в ограниченном пространстве. Например, список оценок учащегося, список сотрудников организации или список спортивных мероприятий могут быть хорошо отображены с использованием таблицы вместо пояснений с помощью обычного текстового содержания. Хотя Weebly представила бесплатное приложение «Простая таблица» через свой Центр приложений, существует множество простых способов добавить таблицу на свой бесплатный сайт Weebly.

Как добавить таблицу на сайт Weebly?

В этой статье мы рассмотрим все возможности добавления стола на ваш сайт Weebly.

  1. HTML метод
  2. Использование Microsoft Word
  3. Использование бесплатного приложения Simple Table из Weebly App Center
  4. Расширенные таблицы данных с полем поиска и разбивкой на страницы
  5. Использование Google Spreadsheet
  6. Встраивание кода таблицы от третьих лиц

Прочтите эту статью, если вы хотите добавить таблицу цен в Weebly.

1. Использование метода HTML

Тег таблицы HTML — один из самых простых способов создать содержимое таблицы в автономном режиме и вставить его на страницу Weebly с помощью элемента «Вставить код». Используя стандартные теги HTML

, вы можете создавать простые таблицы для своего сайта. Вот пример кода для создания HTML-таблицы со следующими функциями:

  • Заголовок и первый столбец выделены разными цветами фона
  • Для разных ячеек используются разные цвета шрифта
  • Граница таблицы используется для создания пространства между ячейками
  • Высота строки составляет 30 пикселей, а ширина таблицы — 300 пикселей.
<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>

А вот как таблица будет выглядеть на вашем сайте Weebly:

Вы можете настроить приведенный выше код, чтобы добавить несколько столбцов и строк в соответствии с вашими требованиями. Вы можете использовать Блокнот, чтобы создать этот код и сохранить его как файл .html. Откройте файл .html в любом браузере, чтобы протестировать код, прежде чем использовать его на своем сайте Weebly.

После завершения работы с кодом вставьте указанный выше код в элемент «Код для вставки» (пользовательский HTML), чтобы увидеть таблицу на своем сайте. Weebly может ограничить использование очень больших таблиц, содержащих более нескольких сотен строк, в этом случае вы можете разделить контент на несколько таблиц и использовать его на одной странице.

2. Использование Microsoft Word

Приведенный выше метод HTML сложен и требует много времени для создания большой таблицы, и у вас не так много вариантов для создания различных типов таблиц. А вот и Microsoft Word — программа для работы с многомерными текстами. Следуйте приведенным ниже инструкциям, чтобы создать таблицу с помощью Microsoft Word:

  • Мы объяснили, что откройте Microsoft Word с помощью Microsoft Word 2010.
  • Щелкните вкладку «Вставить», а затем кнопку «Таблица», чтобы выбрать количество строк и столбцов для создания простой таблицы.
  • После создания таблицы щелкните любую ячейку внутри таблицы, чтобы увидеть меню «Инструменты таблицы», которое появляется поверх других пунктов меню.
  • Нажмите на опцию «Table Tools» и настройте свою таблицу.
  • Когда ваша таблица будет готова, сохраните документ как веб-страницу (* .htm или * .html).
  • Откройте сохраненный документ в блокноте (щелкните правой кнопкой мыши и откройте в блокноте) и скопируйте код.
  • Используйте элемент Embed code, чтобы вставить код на свой сайт Weebly.

Заметка: Некоторые темы Weebly также поддерживают копирование и вставку таблицы непосредственно из Microsoft Word или Excel в редактор Weebly.

Пример таблицы, созданной с помощью Word 2010 для отображения действий, запланированных на календарный месяц, показан здесь, например.









Неделя / День

Воскресенье

понедельник

вторник

Среда

Четверг

Пятница

суббота

Неделя 34

1

2

3

4

5

6

Неделя 35

7

8

9

10

11

12

13

Неделя 36

14

15

16

17

18

19

20

Неделя 37

21 год

22

23

24

25

26

27

Неделя 38

28

29

30

31 год

Предварительно

Планируется

Праздничный день

3. Приложение Simple Table из Weebly App Center.

Перейдите в Центр приложений и подключите бесплатное приложение «Простая таблица», доступное в категории «Инструменты», к своему сайту, затем перетащите элемент, чтобы добавить таблицы на свой сайт. Как видно из названия, это очень простое приложение для добавления таблицы с заголовком и строками. Вы можете настроить несколько параметров, таких как выравнивание, цвета фона и положение заголовка.

Приложение Weebly Simple Table
Приложение Weebly Simple Table

4. Виджет расширенной таблицы данных

Таблицы с расширенными данными используют библиотеки jQuery JavaScript и позволяют использовать окно поиска, разбивку на страницы и параметры фильтрации для таблицы. Хотя может потребоваться некоторое время для добавления и настройки таблицы на сайте Weebly, попробовать стоит. Таблица будет выглядеть примерно так, как показано ниже, и ознакомьтесь с нашей специальной статьей о создании таблицы расширенных данных для сайта Weebly.

Таблица данных Weebly Advanced
Таблица данных Weebly Advanced

5. Таблица Google

Когда у вас есть огромная таблица с сотнями строк, простым вариантом может быть использование Google Spreadsheet и внедрение кода на ваш сайт Weebly для совместного использования таблицы. Использование Google Spreadsheet дает множество преимуществ, например, возможность редактирования контента для приглашенных пользователей. Также вы можете продолжать обновлять контент из своей учетной записи Google и добавлять полный лист с несколькими вкладками.

6. Онлайн-генераторы таблиц

Хотя создание таблицы с помощью HTML — это просто, это громоздкая задача, особенно для создания таблиц большего размера. Поскольку службы Google заблокированы во многих странах или вы не заинтересованы в использовании учетной записи Google, вы можете использовать инструменты онлайн-генератора таблиц. Это поможет вам создать HTML-код и скопировать / вставить код внутри элемента «Вставить код» на вашу страницу Weebly.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *