Tabela
Dodawanie Tabel umożliwia uporządkowanie danych w przejrzystej formie. Tabele doskonale sprawdzają się do prezentacji parametrów technicznych, porównań produktów, cenników oraz innych informacji, które wymagają czytelnego układu w wierszach i kolumnach.
Dobre praktyki
- Używaj tabel wyłącznie do prezentacji danych tabelarycznych.
- Stosuj krótkie i jednoznaczne nagłówki kolumn.
- Zachowuj spójną liczbę kolumn i wierszy w całej tabeli.
- Nie umieszczaj w jednej komórce zbyt dużej ilości tekstu.
- Po dodaniu tabeli sprawdź jej wygląd na urządzeniach mobilnych.
Wskazówka SEO
Najważniejsze informacje umieszczaj w treści strony, a tabelę wykorzystuj jako uzupełnienie. Dzięki temu zarówno użytkownicy, jak i wyszukiwarki łatwiej odczytają zawartość strony.
Wskazówka UX
Projektuj tabele tak, aby użytkownik mógł szybko odnaleźć potrzebne informacje. Unikaj nadmiernej liczby kolumn oraz zbyt rozbudowanych komórek.
Jak dodać tabelę?
Aby wstawić tabelę w DMSshop, należy skorzystać z ikony 
dostępnej w pasku narzędzi edytora tekstu. Po jej wybraniu otworzy się okno dialogowe umożliwiające konfigurację nowej tabeli.
W wyświetlonym formularzu użytkownik może określić m.in.:
- liczbę wierszy oraz kolumn,
- szerokość tabeli,
- styl obramowania i odstępy pomiędzy komórkami,
- dodatkowe opcje wpływające na wygląd i układ tabeli.
Po zatwierdzeniu ustawień tabela zostaje wstawiona w miejscu aktualnego kursora i jest od razu gotowa do dalszej edycji bezpośrednio w edytorze tekstu.
Liczba wierszy tabeli
Liczna kolumn tabeli
Wybór nagłówków (wiersz, kolumna)
Grubość obramowania tabeli
Wyrównanie (do lewej, środka, prawej)
Forma graficzna
Kolor tła
Tytuł tabeli
Podsumowanie tabeli
Szerokość tabeli
Wysokość tabeli
Szerokość odstępu pomiędzy komórkami
Szerokość dopełnienia komórek
Po dodaniu tabeli, aby edytować właściwości pojedynczej komórki lub całej tabeli, należy skorzystać z menu kontekstowego.
Aby je wywołać:
- Ustaw kursor tekstowy w komórce, którą chcesz edytować.
- Kliknij prawym przyciskiem myszy w obrębie tej komórki.
- Wyświetli się menu kontekstowe, zawierające opcje umożliwiające edycję komórek, wierszy, kolumn, oraz właściwości całej tabeli.
Dzięki temu możliwe jest szybkie i precyzyjne dostosowanie wyglądu oraz struktury tabeli bez konieczności jej ponownego tworzenia.
Za pomocą menu kontekstowego możliwa jest pełna edycja struktury tabeli, w tym dodawanie, usuwanie oraz modyfikowanie komórek, wierszy i kolumn.
Przykład – zmiana koloru tła komórki
Aby zmienić kolor tła wybranej komórki tabeli, wykonaj następujące kroki:
- Z menu kontekstowego wybierz „Komórka” → „Właściwości komórki”.
- W polu Kolor tła wpisz wartość koloru w zapisie heksadecymalnym (RGB) (np. #000000 oznacza kolor czarny) lub wybierz kolor bezpośrednio z dostępnej palety barw.
- Zatwierdź wprowadzone zmiany, zapisując ustawienia.
Po zapisaniu zmian nowy kolor tła zostanie natychmiast zastosowany do wybranej komórki tabeli.
Forma graficzna tabeli
We właściwościach tabeli w DMSshop dostępna jest opcja wyboru stylu graficznego, który wpływa na sposób wyświetlania obramowań oraz wygląd poszczególnych wierszy. Dzięki temu tabela może zostać dopasowana do stylistyki strony, a prezentowane dane stają się bardziej czytelne i uporządkowane.
Dostępne style tabeli:
- Obramowanie proste – wszystkie krawędzie tabeli wyświetlane są w jednolitym kolorze.
- Podkreślenia – widoczne są wyłącznie linie poziome oddzielające kolejne wiersze.
- Zebra – wiersze tabeli mają naprzemiennie jasne tło (biały i szary), co ułatwia odczyt danych.
- Obramowanie proste + hover – jednolite obramowanie tabeli uzupełnione o podświetlenie wiersza po najechaniu kursorem.
- Podkreślenia + hover – poziome linie oddzielające wiersze połączone z efektem podświetlenia aktywnego wiersza.
- Zebra + hover – naprzemienne kolory tła wierszy wzbogacone o efekt podświetlenia po najechaniu kursorem.
Dobór odpowiedniego stylu tabeli w DMSshop pozwala zwiększyć przejrzystość danych oraz poprawić komfort użytkownika podczas przeglądania treści na stronie.
Jak wkleić tabele z Word/Excel
Aby poprawnie dodać i sformatować tabelę wklejoną z programów Word lub Excel w edytorze DMSshop, należy wykonać poniższe kroki:
- Wklej tabelę skopiowaną z Worda lub Excela do pola edycji tekstu. Następnie użyj opcji „Standaryzuj formatowanie”, aby usunąć nadmiarowe style przeniesione z zewnętrznych programów.
- Po oczyszczeniu formatowania tabela zostanie uproszczona do podstawowej struktury. Aby nadać jej docelowy wygląd, kliknij prawym przyciskiem myszy w obrębie tabeli i z menu kontekstowego wybierz „Właściwości tabeli”.
- W otwartym oknie ustaw odpowiednie parametry, takie jak styl wizualny, obramowanie, odstępy czy inne elementy wpływające na wygląd tabeli, a następnie zapisz zmiany.
Zastosowanie tej procedury pozwala uniknąć problemów z nieprawidłowym formatowaniem oraz zapewnia spójny i estetyczny wygląd tabel na stronie.
Najczęstsze problemy
| Problem | Rozwiązanie |
|---|---|
| Tabela jest nieczytelna. | Ogranicz liczbę kolumn oraz skróć treść znajdującą się w komórkach. |
| Kolumny mają różną szerokość. | Upewnij się, że ilość i zawartość danych w poszczególnych kolumnach jest odpowiednio zbalansowana. |
| Tabela nie wyświetla się poprawnie na telefonie. | Po zapisaniu zmian sprawdź wygląd tabeli na urządzeniach mobilnych i w razie potrzeby uprość jej układ. |
| Dane w tabeli są nieaktualne. | Regularnie aktualizuj zawartość tabeli, szczególnie jeśli prezentuje ceny lub parametry produktów. |
| Tabela zawiera zbyt dużo informacji. | Podziel dane na kilka mniejszych tabel lub przenieś część informacji do osobnych sekcji. |