TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

6 способів додати таблицю на веб -сайт Weebly

6

Таблиця – це простий і точний спосіб виразити секретний вміст у обмеженому просторі. Наприклад, список оцінок студента, список працівників організації або список спортивних подій можна добре відобразити за допомогою таблиці, а не пояснювати звичайним текстовим вмістом. Незважаючи на те, що Weebly представив безкоштовний додаток «Проста таблиця» через Центр додатків, існує багато простих способів додати таблицю на ваш сайт Weebly.

Як додати таблицю на сайт Weebly?

У цій статті ми розглянемо всі можливості додавання таблиці на ваш сайт Weebly.

  1. Метод HTML
  2. За допомогою Microsoft Word
  3. Використовуючи безкоштовну програму Simple Table з Weebly App Center
  4. Розширені таблиці даних із вікном пошуку та розділенням на сторінки
  5. Використання електронної таблиці Google
  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:

6 способів додати таблицю на веб -сайт Weebly

Ви можете налаштувати наведений вище код, щоб додати кілька стовпців і рядків відповідно до ваших вимог. Ви можете використовувати Блокнот для створення цього коду та збереження його у форматі .html. Відкрийте файл .html у будь -якому браузері, щоб перевірити код, перш ніж використовувати його на своєму веб -сайті Weebly.

Після завершення роботи з вашим кодом вставте вищенаведений код всередину елемента "Код вбудовування" (Спеціальний HTML ), щоб побачити таблицю на своєму сайті. Weebly може обмежити використання дуже великих таблиць із кількома сотнями рядків, у цьому випадку ви можете розділити вміст на кілька таблиць і використовувати його на одній сторінці.

2 За допомогою Microsoft Word

Наведений вище метод HTML є складним і тривалим для створення великої таблиці, і у вас не так багато варіантів для створення різного типу таблиць. Ось Microsoft Word-багатовимірне програмне забезпечення для обробки текстів. Дотримуйтесь наведених нижче вказівок, щоб створити таблицю за допомогою Microsoft Word:

  • Відкрийте Microsoft Word, ми пояснили з Microsoft Word 2010.
  • Натисніть на вкладку «Вставити», а потім на кнопку «Таблиця», щоб вибрати кількість рядків і стовпців для створення простої таблиці.
  • Після того, як ви створили таблицю, клацніть будь -яку клітинку всередині таблиці, щоб побачити меню "Інструменти таблиці", що з’являється поверх інших пунктів меню.
  • Натисніть на опцію «Інструменти для таблиць» і налаштуйте таблицю.
  • Як тільки ваша таблиця буде готова, збережіть документ як веб -сторінку (.htm або .html)
  • Відкрийте збережений документ у блокноті (клацніть правою кнопкою миші та відкрийте за допомогою Блокнота) та скопіюйте код.
  • Використовуйте елемент коду для вставлення, щоб вставити код на свій сайт Weebly.

Примітка. Деякі теми Weebly також підтримують копіювання та вставлення таблиці безпосередньо з Microsoft Word або Excel у ваш редактор Weebly.

Зразок таблиці, створеної за допомогою Word 2010, для відображення заходів, запланованих у календарному місяці, показаний тут, наприклад.

6 способів додати таблицю на веб -сайт Weebly

3 Простий настільний додаток від Центру додатків Weebly

Наступний варіант додавання таблиці на веб -сайт Weebly – це пошук програми Weebly з Центру додатків. Перейдіть до Центру додатків і підключіть до свого сайту безкоштовний додаток «Проста таблиця», доступний у категорії «Інструменти», а потім перетягніть елемент, щоб додати до нього таблиці. Як випливає з назви, це дуже простий додаток для додавання таблиці із заголовками та рядками. Ви можете налаштувати кілька параметрів, таких як вирівнювання, кольори фону та положення заголовка.

6 способів додати таблицю на веб -сайт Weebly

Простий настільний додаток Weebly

4 Віджет розширеної таблиці даних

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

6 способів додати таблицю на веб -сайт Weebly

Розширена таблиця даних Weebly

5 Таблиця Google

Якщо у вас величезна таблиця з сотнями рядків, простим варіантом може бути використання електронної таблиці Google і вбудовування коду на ваш сайт Weebly для спільного використання таблиці. Використання електронної таблиці Google має багато переваг, таких як можливість редагування вмісту для запрошених користувачів. Також ви можете продовжувати оновлювати вміст свого облікового запису Google та додавати повний аркуш із кількома вкладками.

6 Онлайн табличних генераторів

Незважаючи на те, що створення таблиці HTML у Weebly просте, це складні завдання, особливо для створення таблиць більшого розміру. Оскільки служби Google заблоковані в багатьох країнах або ви не зацікавлені у використанні облікового запису Google, то ви можете скористатися інструментами генератора таблиць в Інтернеті. Це допоможе вам створити HTML -код та скопіювати / вставити код всередині елемента " Вставити код " на своїй сторінці Weebly.

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі