TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

6 sposobów na dodanie tabeli w witrynie Weebly

2

Tabela to prosty i precyzyjny sposób na wyrażenie sklasyfikowanych treści na ograniczonej przestrzeni. Na przykład lista ocen ucznia, lista pracowników organizacji lub lista wydarzeń sportowych może być dobrze wyświetlana za pomocą tabeli zamiast wyjaśniania zwykłą treścią tekstową. Chociaż firma Weebly wprowadziła bezpłatną aplikację „Simple Table" za pośrednictwem swojego App Center, istnieje wiele prostych sposobów na dodanie tabeli do witryny Weebly.

Jak dodać tabelę w witrynie Weebly?

W tym artykule omówimy wszystkie możliwości dodania tabeli do witryny Weebly.

  1. Metoda HTML
  2. Korzystanie z Microsoft Word
  3. Korzystanie z bezpłatnej aplikacji Simple Table z Weebly App Center
  4. Zaawansowane tabele danych z polem wyszukiwania i paginacją
  5. Korzystanie z arkusza kalkulacyjnego Google
  6. Osadzanie kodu tabeli od innych stron trzecich

Zapoznaj się z tym artykułem, jeśli chcesz dodać tabelę cen w Weebly.

1 Korzystanie z metody HTML

Tag tabeli HTML to jeden z najłatwiejszych sposobów tworzenia zawartości tabeli w trybie offline i wklejania jej na stronie Weebly za pomocą elementu „Kod do umieszczenia na stronie”. Korzystanie ze standardowego HTML

tagi, możesz tworzyć proste tabele dla swojej witryny. Oto przykładowy kod do tworzenia tabeli HTML z następującymi funkcjami:

  • Nagłówek i pierwsza kolumna są wyróżnione różnymi kolorami tła
  • Dla różnych komórek używane są różne kolory czcionek
  • Obramowanie tabeli służy do tworzenia przestrzeni między komórkami
  • Wysokość rzędu jest ustalona na 30px, a szerokość stołu na 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>

A oto jak stół będzie wyglądał w Twojej witrynie Weebly:

6 sposobów na dodanie tabeli w witrynie Weebly

Możesz dostosować powyższy kod, aby dodać wiele kolumn i wierszy zgodnie z wymaganiami. Możesz użyć Notatnika, aby utworzyć ten kod i zapisać go jako plik .html. Otwórz plik .html w dowolnej przeglądarce, aby przetestować kod przed użyciem go w witrynie Weebly.

Po sfinalizowaniu kodu wklej powyższy kod w elemencie „Kod do umieszczenia na stronie” (Niestandardowy HTML ), aby wyświetlić tabelę w swojej witrynie. Weebly może ograniczyć użycie bardzo dużych tabel, liczących ponad kilkaset wierszy, w takim przypadku możesz podzielić zawartość na wiele tabel i używać jej na tej samej stronie.

2 Korzystanie z Microsoft Word

Powyższa metoda HTML jest złożona i czasochłonna przy tworzeniu dużej tabeli i nie masz wielu opcji tworzenia różnych rodzajów tabel. Oto Microsoft Word, wielowymiarowe oprogramowanie do przetwarzania tekstu. Postępuj zgodnie z poniższymi instrukcjami, aby utworzyć tabelę w programie Microsoft Word:

  • Otwórz Microsoft Word, wyjaśniliśmy z Microsoft Word 2010.
  • Kliknij zakładkę „Wstaw”, a następnie przycisk „Tabela”, aby wybrać liczbę wierszy i kolumn do utworzenia prostej tabeli.
  • Po utworzeniu tabeli kliknij dowolną komórkę w tabeli, aby wyświetlić menu "Narzędzia tabel" pojawiające się nad innymi pozycjami menu.
  • Kliknij opcję „Narzędzia tabeli” i dostosuj swój stół.
  • Po przygotowaniu tabeli zapisz dokument jako stronę internetową (.htm lub .html)
  • Otwórz zapisany dokument w Notatniku (kliknij prawym przyciskiem myszy i otwórz za pomocą Notatnika) i skopiuj kod.
  • Użyj elementu Embed code, aby wkleić kod na swojej witrynie Weebly.

Uwaga: Niektóre motywy Weebly obsługują również funkcję kopiowania i wklejania tabeli bezpośrednio z programu Microsoft Word lub Excel do edytora Weebly.

Przykładowa tabela utworzona w programie Word 2010, aby pokazać działania zaplanowane w miesiącu kalendarzowym, jest tutaj pokazana na przykład.

6 sposobów na dodanie tabeli w witrynie Weebly

3 proste aplikacje stołowe z Weebly App Center

Następną opcją dodawania tabeli w witrynie Weebly jest wyszukanie aplikacji Weebly z App Center. Przejdź do App Center i podłącz darmową aplikację „Simple Table” dostępną w kategorii „Narzędzia” do swojej witryny, a następnie przeciągnij i upuść element, aby dodać tabele do swojej witryny. Jak sama nazwa wskazuje, jest to bardzo prosta aplikacja do dodawania tabeli z nagłówkiem i wierszami. Możesz dostosować kilka opcji, takich jak wyrównanie, kolory tła i pozycja nagłówka.

6 sposobów na dodanie tabeli w witrynie Weebly

Prosta aplikacja Weebly Table

4 Zaawansowany widżet tabeli danych

Zaawansowane tabele danych wykorzystują biblioteki JavaScript jQuery i umożliwiają wyszukiwanie, paginację i opcje filtrowania tabeli. Chociaż dodanie i dostosowanie tabeli w witrynie Weebly może zająć trochę czasu, warto spróbować. Tabela będzie wyglądać mniej więcej tak, jak poniżej, i zapoznaj się z naszym dedykowanym artykułem na temat tworzenia zaawansowanej tabeli danych dla witryny Weebly.

6 sposobów na dodanie tabeli w witrynie Weebly

Zaawansowana tabela danych Weebly

5 Arkusz kalkulacyjny Google

Jeśli masz ogromną tabelę z setkami wierszy, prostą opcją może być użycie arkusza kalkulacyjnego Google i osadzenie kodu w witrynie Weebly w celu udostępnienia tabeli. Korzystanie z arkusza kalkulacyjnego Google ma wiele zalet, takich jak umożliwienie edycji treści zaproszonym użytkownikom. Możesz także nadal aktualizować zawartość swojego konta Google i dodawać cały arkusz z wieloma kartami.

6 generatorów tabel online

Chociaż tworzenie tabeli HTML w Weebly jest łatwe, jest to uciążliwe zadanie, zwłaszcza przy tworzeniu tabel o większych rozmiarach. Ponieważ usługi Google są zablokowane w wielu krajach lub nie jesteś zainteresowany korzystaniem z konta Google, możesz skorzystać z narzędzi do generowania tabel online. Pomoże to w utworzeniu kodu HTML i skopiowaniu/wklejeniu kodu w elemencie „ Kod osadzania ” na Twojej stronie Weebly.

Źródło nagrywania: webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów