Pomoc:Tabele

Tabele są świetnym sposobem na organizowanie i prezentowanie danych. Można je tworzyć zarówno w VisualEditorze, jak i za pomocą wikitekstu w edytorze źródłowym.

Warto jednak dokładnie przemyśleć do czego tabele są naprawdę przeznaczone i używać ich głównie do prezentowania danych. Informacje o tworzeniu tabel sortowalnych znajdziesz na stronie Pomoc:Sortowanie.

Tworzenie tabel w VisualEditorze

Dostępne jest również menu Właściwości z dodatkowymi opcjami

Dostępne jest również menu Właściwości z dodatkowymi opcjami

VisualEditor umożliwia bardzo proste tworzenie tabel:

  1. Otwórz stronę w VisualEditorze.
  2. W menu Wstaw, wybierz Tabela.
  3. Pojawi się siatka 4 × 4. Kliknij dowolną komórkę i wpisz nagłówek lub dane.
  4. Aby powiększyć lub zmniejszyć tabelę, użyj strzałek wokół niej — rozwinie się menu do zmiany struktury tabeli.
  5. Aby dodać wiersz lub kolumnę, wybierz „Wstaw poniżej/powyżej” (lub „Wstaw przed/po” dla kolumn).
  6. Po zakończeniu wybierz Zapisz stronę.

Tworzenie tabel w edytorze źródłowym

Zaawansowani edytorzy mogą tworzyć bardziej złożone tabele w trybie źródłowym. Wikitekst jest w dużej mierze skróconą formą HTML. Jeśli znasz HTML — tworzenie tabel w wikitekście będzie dla Ciebie znajome.

Poniższa tabela pokazuje powiązania między wikitekstem a HTML-em:

Opis XHTML Wiki syntax
Tabela <table></table> 
{| parametry 
|}
Podpis tabeli <caption></caption> 
|+ podpis
Wiersz tabeli <tr></tr> 
|- parametry
Komórki tabeli <td>komórka1</td>

<td>komórka2</td> 

| komórka1
| komórka2
Komórki tabeli <td>komórka1</td> <td>komórka2</td> <td>komórka3</td> 
|komórka1||komórka2||komórka3
Tytuł kolumny tabeli <th></th> 
! tytuł
UWAGA: Użycie tabeli wewnątrz tabbera wymaga zastąpienia znaku | składnią {{!}}

Aby dowiedzieć się więcej o tworzeniu tabeli w wikitekście, zajrzyj na Pomoc:Tabele/wikitekst.

Śledzenie postępów w tabelach

Śledzenie postępu w tabelach pozwala użytkownikom zaznaczać, które elementy z tabeli już wykonali — np. obejrzane odcinki serialu, zdobyte przedmioty w grze czy przeczytane rozdziały książki. Funkcja uzupełnia narzędzie śledzenia postępów w interaktywnych mapach.

Aby włączyć tę funkcję, wystarczy otoczyć tabelę odpowiednim znacznikiem: 

<table-progress-tracking table-id="1" unique-column-index="1">
{| class="wikitable sortable"
|-
! Kolumna 1 !! Kolumna 2 !! Kolumna 3
|-
| Wiersz 1-1 || Wiersz 1-2 || Wiersz 1-3
|-
| Wiersz 2-1 || Wiersz 2-2 || Wiersz 2-3
|-
| Wiersz 3-1 || Wiersz 3-2 || Wiersz 3-3
|-
| Wiersz 4-1 || Wiersz 4-2 || Wiersz 4-3
|}
</table-progress-tracking>

Kolumna 1 Kolumna 2 Kolumna 3

Wiersz 1-1 Wiersz 1-2 Wiersz 1-3

Wiersz 2-1 Wiersz 2-2 Wiersz 2-3

Wiersz 3-1 Wiersz 3-2 Wiersz 3-3

Wiersz 4-1 Wiersz 4-2 Wiersz 4-3


Najlepsze praktyki przy korzystaniu z tabel

Choć tabele mogą być stosowane do celów estetycznych, to nie powinny. Na urządzeniach mobilnych prezentują się zwykle słabo. Przy większej liczbie kolumn tabela może stać się nieczytelna. Umieszczanie obrazów w tabelach często dodatkowo pogarsza sytuację.

Zasadniczo — jak argumentowano już w 2004 roku — tabele powinny służyć przede wszystkim prezentacji danych.

Najważniejsze zasady:

  • Im więcej kolumn — tym większa szansa, że tabela źle wyświetli się na telefonach. Zastanów się dokładnie, czy potrzebujesz wszystkich tych kolumn.
  • Jeśli w tabelach używasz ikon, upewnij się, że mają jednolity rozmiar (najlepiej nie więcej niż 25px). Dodatkowo upewnij się, że obok ikon znajduje się tekst, aby osoby nieznające ich znaczenia mogły je zrozumieć (lub połącz takie ikony z odpowiednim artykułem za pomocą właściwości link=. Należy również dołączyć tekst alternatywny, używając właściwości alt.
  • Bardzo często administratorzy wiki używają tabel do tworzenia komunikatów wyświetlanych u góry strony (np. {{Zalążek}}). Zazwyczaj powoduje to problemy na telefonach, a większość czytelników korzystających z urządzeń mobilnych nie zwraca na nie uwagi. Można obejść ten problem, upewniając się, że mają one typ szablonu typ szablonu Komunikat.
  • Podobnie jak w powyższym przypadku, wiele wiki tworzy się pola nawigacyjne (Navboxy), które zawierają linki do powiązanych artykułów na końcu artykułu. Na urządzeniach mobilnych utrudniają one jednak korzystanie z wiki, zatem upewnij się, że wszystkie szablony tego typu mają ustawiony typ szablonu Navboks.
  • Zawsze sprawdzaj, jak Twoja tabela wygląda na telefonie.

Uwagi dotyczące dostępności

Tabele są bardzo pomocne, ale warto je tworzyć z myślą o dostępności. Najważniejsze:

  • Wiersz z nagłówkami – dzięki niemu czytniki ekranu mogą wykrywać nagłówki tabel.
  • Brak pustych komórek – są one mylące dla osób korzystających z czytników ekranu, które nie wiedzą, gdzie się znajdują w tabeli. Zamiast tego puste komórki powinny zawierać napis „Puste”, „Brak” lub „Nie dotyczy”.
  • Kontrastujące kolory – jeśli tabela wykorzystuje kolorystyczne oznaczenia należy zapewnić ich dobry kontrast i uwzględnić osoby, które mogą mieć problemy z ich rozpoznawaniem.
{| class="wikitable"
! Kolumna 1
! Kolumna 2
! Kolumna 3
|-
| Nie dotyczy
| Nie dotyczy
| style="background:blue; color:white" | Wartość 3
|}
Kolumna 1 Kolumna 2 Kolumna 3
Nie dotyczy Nie dotyczy Wartość 3

Więcej o dostępności znajdziesz tutaj.

Zobacz też

Dalsze wsparcie

Szukasz dalszego wsparcia lub masz pytanie? Sprawdź poniższe linki, aby dowiedzieć się więcej.