Prezentacja zawartości za pomocą tabel

Ostatnia aktualizacja 27 kwi 2021

Informacje o używaniu tabel w celu prezentacji zawartości serwisu WWW, Ponadto strona zawiera informacje o dzieleniu i scalaniu komórek tabeli oraz importowaniu i eksportowaniu danych tabelarycznych.

Tabele to zaawansowane narzędzie do prezentowania danych tabelarycznych na stronie HTML. Tabela składa się z jednego lub kilku wierszy, z których każdy zawiera jedną lub kilka komórek. Chociaż kolumny zazwyczaj nie są jawnie określane w kodzie HTML, Dreamweaver umożliwia manipulowanie kolumnami oraz wierszami i komórkami.

Spostrzeżenie

Zaleca się, aby nie używać tabel do tworzenia układu strony internetowej.Wypróbuj szablony startowe (Plik > Nowy > Szablony startowe), aby rozpocząć pracę z gotowymi układami. Można wstawić własny tekst i obrazy w tych układach oraz stylizować je za pomocą CSS.

Pierwszeństwo formatowania tabeli w HTML

Formatowanie tabel w widoku Projekt umożliwia określanie właściwości dla całej tabeli lub zaznaczonych wierszy, kolumn lub komórek tabeli. Jeśli właściwość taka jak kolor tła lub wyrównanie jest różnie określana dla całej tabeli i wybranych komórek, to informacje dotyczące formatowania komórek mają pierwszeństwo przed informacjami dotyczącymi formatowania wierszy, które z kolei ma pierwszeństwo przed formatowaniem tabeli.

Kolejność dotycząca pierwszeństwa formatowania tabeli:

  1. Komórki
  2. Wiersze
  3. Tabela

Na przykład, jeśli ustawisz kolor tła pojedynczej komórki na niebieski, a następnie ustawisz kolor tła całej tabeli na żółty, niebieska komórka nie zmieni się na żółtą, ponieważ formatowanie komórki ma pierwszeństwo nad formatowaniem tabeli.

Spostrzeżenie

Po ustawieniu właściwości kolumny program Dreamweaver zmienia atrybuty znacznika td, który odpowiada każdej komórce w kolumnie.

Informacje o dzieleniu i łączeniu komórek tabeli

Można połączyć dowolną liczbę sąsiadujących komórek — o ile całe zaznaczenie to linia lub prostokąt komórek — aby utworzyć pojedynczą komórkę rozciągającą się na kilka kolumn lub wierszy.Można podzielić komórkę na dowolną liczbę wierszy lub kolumn, niezależnie od tego, czy została wcześniej połączona. Program Dreamweaver automatycznie restrukturyzuje tabelę (dodając wszelkie niezbędne atrybuty colspan lub rowspan), aby utworzyć określony układ.

W poniższym przykładzie komórki w środku pierwszych dwóch wierszy zostały połączone w pojedynczą komórkę rozciągającą się na dwa wiersze.

Scalone komórki

Wstawianie tabeli i dodawanie zawartości

Użyj panelu Wstaw lub menu Wstaw, aby utworzyć nową tabelę. Następnie dodaj tekst i obrazy do komórek tabeli w taki sam sposób, jak dodajesz tekst i obrazy poza tabelą.

Umieść punkt wstawiania w miejscu, gdzie ma pojawić się tabela.

Spostrzeżenie

Jeśli dokument jest pusty, można umieścić punkt wstawiania tylko na początku dokumentu.

  • Wybierz polecenie Wstaw > Tabela.

  • W kategorii HTML panelu Wstaw kliknij Tabela.

Ustaw atrybuty okna dialogowego Tabela i kliknij OK, aby utworzyć tabelę.
Tworzenie tabeli
Tworzenie tabeli

Wiersze

Określa liczbę wierszy w tabeli.

Kolumny

Określa liczbę kolumn w tabeli.

Szerokość tabeli

Określa szerokość tabeli w pikselach lub jako procent szerokości okna przeglądarki.

Grubość krawędzi

Określa grubość krawędzi tabeli, wyrażoną w pikselach.

Odstępy między komórkami

Określa liczbę pikseli pomiędzy przylegającymi komórkami tabeli.

Spostrzeżenie

Jeśli nie określisz grubości krawędzi, odstępów między komórkami lub odstępu komórki od krawędzi, to większość przeglądarek wyświetli tabelę z krawędzią i odstępem od krawędzi o wartości 1 i odstępami między komórkami o wartości 2. Aby zapewnić wyświetlanie tabeli bez widocznych krawędzi, odstępów od krawędzi i odstępów między komórkami, wpisz 0 w polach Odstęp od krawędzi komórki i Odstępy między komórkami.

Odstęp od krawędzi komórki

Określa liczbę pikseli pomiędzy obramowaniem komórki a jej zawartością.

Brak

Nie uruchamia nagłówków kolumny lub wiersza dla danej tabeli.

Po lewej

Sprawia, że pierwsza kolumna tabeli jest kolumną nagłówków, dzięki czemu można wprowadzić nagłówek dla każdego wiersza tabeli.

Na górze

Sprawia, że pierwszy wiersz tabeli jest wierszem nagłówków, dzięki czemu można wprowadzić nagłówek dla każdej kolumny tabeli.

Oba

Umożliwia wpisanie nagłówków kolumn i wierszy tabeli.

Spostrzeżenie

Dobrze jest stosować nagłówki, ponieważ są przydatne użytkownikom korzystającym z czytników ekranu. Czytniki ekranu odczytują nagłówki tabeli i ułatwiają użytkownikom korzystanie z tabel.

Podpis

Zapewnia tytuł tabeli, który wyświetla się poza tabelą.

Podsumowanie

Umożliwia podanie opisu tabeli. Czytniki ekranowe odczytują tekst podsumowania, ale tekst nie pojawia się w przeglądarce użytkownika.

Importowanie i eksportowanie tabel

Można importować dane tabelaryczne utworzone w innej aplikacji (takiej jak Microsoft Excel) i zapisane w formacie tekstu rozdzielanego (z elementami oddzielonymi tabulatorami, przecinkami, dwukropkami lub średnikami) do programu Dreamweaver i sformatować je jako tabelę.

Można także eksportować dane tabeli z programu Dreamweaver do pliku tekstowego, z zawartością sąsiadujących komórek oddzieloną separatorem. Można używać przecinków, dwukropków, średników lub spacji jako separatorów. Podczas eksportowania tabeli eksportowana jest cała tabela — nie można wybierać fragmentów tabeli do eksportu.

Spostrzeżenie

Jeśli potrzebujesz tylko niektórych danych z tabeli — na przykład pierwszych sześciu wierszy lub pierwszych sześciu kolumn — skopiuj komórki zawierające te dane, wklej te komórki poza tabelą (aby utworzyć nową tabelę) i eksportuj nową tabelę.

Importowanie danych tabeli

Wybierz Plik > Import > Importuj dane tabelaryczne.

Określ opcje dla danych tabelarycznych i kliknij przycisk OK.

Plik danych

Nazwa pliku wybranego do importu. Kliknij przycisk Przeglądaj, aby wybrać plik.

Ogranicznik

Ogranicznik używany w importowanym pliku.

Po zaznaczeniu opcji Inny, na ekranie zostanie wyświetlone pole tekstowe po prawej stronie menu. Wpisz ogranicznik użyty w danym pliku.

Spostrzeżenie

Określ, jaki ogranicznik został użyty podczas zapisywania pliku danych. Jeśli nie podasz tej informacji, nie będzie możliwe prawidłowe zaimportowanie pliku, a dane nie zostaną poprawnie sformatowane w tabeli.

Szerokość tabeli

Określa szerokość tabeli.

  • Zaznacz opcję Dopasuj do danych, aby utworzyć kolumny o szerokości obejmującej najdłuższe ciągi znaków w danej kolumnie.

  • Zaznacz opcję Ustaw, aby określić stałą szerokość tabeli, wyrażoną w pikselach lub w postaci ułamka szerokości okna przeglądarki.

Krawędź

Określa grubość krawędzi tabeli, wyrażoną w pikselach.

Odstęp od krawędzi komórki

Liczba pikseli między zawartością komórki a granicami komórki.

Odstępy między komórkami

Liczba pikseli pomiędzy przylegającymi komórkami tabeli.

Spostrzeżenie

Jeśli nie określisz grubości krawędzi, odstępów między komórkami lub odstępu komórki od krawędzi, to większość przeglądarek wyświetli tabelę z krawędzią i odstępem od krawędzi o wartości 1 i odstępami między komórkami o wartości 2. Jeżeli chcesz, aby przeglądarka wyświetlała tabelę bez odstępów między komórkami oraz między treścią a krawędzią komórki, ustaw obie te wartości na zero. Aby zobaczyć komórki oraz obrys tabeli w sytuacji, gdy krawędź jest ustawiona na 0, wybierz Widok > Pomoce wizualne > Krawędzie tabeli.

Formatuj górny wiersz

Określa, jakie formatowanie, jeśli w ogóle, jest stosowane do górnego wiersza tabeli. Wybierz spośród czterech opcji formatowania: brak formatowania, pogrubienie, kursywa lub pogrubiona kursywa.

Eksportowanie tabeli

Umieść punkt wstawiania w dowolnej komórce tabeli.
Wybierz Plik > Eksportuj > Tabela.
Ustaw następujące opcje:

Ogranicznik

Określa, który znak ogranicznika ma być używany do oddzielania elementów w eksportowanym pliku.

Znaki łamania wiersza

Określa, w którym systemie operacyjnym zostanie otwarty eksportowany plik: Windows, Macintosh lub UNIX.(Różne systemy operacyjne mają różne sposoby wskazywania końca wiersza tekstu.)

Kliknij przycisk Eksportuj.
Wpisz nazwę pliku i kliknij przycisk Zapisz.

Zaznaczanie elementów tabeli

Można wybrać całą tabelę, wiersz lub kolumnę jednocześnie. Można także wybrać jedną lub więcej pojedynczych komórek.

Kiedy przesuwasz wskaźnik nad tabelą, wierszem, kolumną lub komórką, Dreamweaver podświetla wszystkie komórki w tym zaznaczeniu, więc wiesz, które komórki zostaną wybrane. Jest to przydatne w przypadku tabel bez obramowań, komórek obejmujących wiele kolumn lub wierszy lub tabel zagnieżdżonych. Można zmienić kolor podświetlenia w preferencjach.

Spostrzeżenie

Jeśli umieścisz wskaźnik nad obramowaniem tabeli, a następnie przytrzymasz klawisz Control (Windows) lub Command (Macintosh), zostanie podświetlona cała struktura tabeli — to znaczy wszystkie komórki w tabeli. Jest to przydatne w przypadku tabel zagnieżdżonych, gdy chcesz zobaczyć strukturę jednej z tabel.

Zaznaczanie całej tabeli

Wykonaj jedną z następujących czynności, aby wybrać tabelę:

  • Kliknij lewy górny róg tabeli, aby wybrać tabelę.
  • Kliknij w komórce tabeli, następnie wybierz tag w selektorze tagów w lewym dolnym rogu okna dokumentu.
  • Kliknij komórkę tabeli. menu nagłówka tabeli w potem wybierz opcję Zaznacz tabelę. Na zaznaczonych dolnej i prawej krawędzi tabeli pojawiają się uchwyty zaznaczenia.
  • Kliknij w komórce tabeli i wybierz Edycja > Tabela > Wybierz tabelę.

Wybierz pojedynczy lub wiele wierszy lub kolumn

Ustaw wskaźnik tak, aby wskazywał lewy brzeg wiersza lub górny brzeg kolumny.
Gdy wskaźnik zmieni się w strzałkę wyboru, kliknij, aby wybrać wiersz lub kolumnę, lub przeciągnij, aby wybrać wiele wierszy lub kolumn.
Wybierz wiersz

Zaznaczanie jednej kolumny

Kliknij kolumnę.
Kliknij menu nagłówka kolumny i wybierz opcję Wybierz kolumnę.

Zaznaczanie jednej komórki

Wykonaj jedną z następujących czynności:

  • Kliknij komórkę tabeli i wybierz znacznik <td>, dostępny w selektorze znaczników, w lewym dolnym rogu okna Dokument.
  • Wciśnij klawisz Control (Windows) lub Command (Macintosh) i kliknij komórkę.

Wybierz linię lub prostokątny blok komórek

Wykonaj jedną z następujących czynności:
  • Przeciągnij kursorem z jednej komórki do drugiej.

  • Kliknij jedną komórkę, kliknij tę samą komórkę z wciśniętym klawiszem Control (Windows) lub Command (Macintosh) tak, by ją zaznaczyć i kliknij inną komórkę z wciśniętym klawiszem Shift.

Zaznaczanie bloku komórek

Zaznaczanie komórek nieprzylegających do siebie

Naciśnij Control i kliknij (Windows) lub Command i kliknij (Macintosh) komórki, wiersze lub kolumny, które chcesz wybrać.

Jeśli każda komórka, wiersz lub kolumna, które klikniesz z naciśniętym Control lub Command, nie jest już wybrana, zostaje dodana do zaznaczenia. Jeśli jest już wybrana, zostaje usunięta z zaznaczenia.

Zmień kolor podświetlenia elementów tabeli

Wybierz Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).
Wybierz Podświetlanie z listy kategorii po lewej stronie, wykonaj jedną z następujących zmian i kliknij OK.
  • Aby zmienić kolor podświetlenia dla elementów tabeli, kliknij pole koloru Najazd i zaznacz kolor podświetlenia przy pomocy próbnika kolorów (lub wpisz w polu tekstowym wartości szesnastkowe wybranego koloru).

  • Aby włączyć lub wyłączyć podświetlania elementów tabeli, zaznacz lub usuń zaznaczenie opcji Pokaż dla opcji Najazd.

Spostrzeżenie

Te opcje wpływają na wszystkie obiekty, które Adobe Dreamweaver podświetla po najechaniu na nie wskaźnikiem.  

Określanie właściwości tabeli

Można użyć inspektora właściwości do edycji tabel.

Zaznacz tabelę.
W Inspektorze Właściwości (Okno > Właściwości) zmień właściwości w razie potrzeby.
Właściwości tabeli
Właściwości tabeli

ID tabeli

ID dla tabeli.

Wiersze i kolumny

Liczba wierszy i kolumn w tabeli.

W

Szerokość tabeli w pikselach lub w procentach (jako odpowiedni procent szerokości okna przeglądarki).

Spostrzeżenie

Wysokość tabeli nie wymaga zwykle określania.

Odst. wewn. kom.

Liczba pikseli między zawartością komórki a granicami komórki.

Odst. między kom.

Liczba pikseli pomiędzy przylegającymi komórkami tabeli.

Wyrównaj

Określa mieście wyświetlenia tabeli, określone względem innych elementów tego samego akapitu (np. tekstu lub obrazów).

Opcja Do lewej wyrównuje tabelę do lewej strony elementów (tak, by tekst w tym samym akapicie oblewał tabelę po prawej stronie); opcja Do prawej wyrównuje tabelę do prawej strony innych elementów (z oblewaniem tekstem wokół elementu po lewej), a opcja Do środka umieszcza tabelę na środku (tekst jest wtedy rozmieszczany nad i/lub pod tabelą). Opcja Domyśla wskazuje, że przeglądarka powinna zastosować swoje wyrównanie domyślne.

Spostrzeżenie

Jeśli wyrównanie jest Domyślne, to inna zawartość nie jest wyświetlana obok tabeli. Aby wyświetlić tabelę obok innej zawartości, zastosuj wyrównanie Do lewej lub Do prawej.

Krawędź

Określa grubość krawędzi tabeli, wyrażoną w pikselach.

Spostrzeżenie

Jeśli nie określisz grubości krawędzi, odstępów między komórkami lub odstępu komórki od krawędzi, to większość przeglądarek wyświetli tabelę z krawędzią i odstępem od krawędzi o wartości 1 i odstępami między komórkami o wartości 2. Aby zapewnić wyświetlanie tabeli bez odstępów od krawędzi i między komórkami, wpisz 0 w polach Krawędź, Odstęp od krawędzi komórki i Odstępy między komórkami. Aby zobaczyć komórki oraz obrys tabeli w sytuacji, gdy krawędź jest ustawiona na 0, wybierz Widok > Pomoce wizualne > Krawędzie tabeli.

Klasa

pozwala ustawić klasę CSS tabeli.

Spostrzeżenie

Jeśli poniższe opcje nie są widoczne, możesz rozwinąć Inspektora właściwości. Aby rozwinąć Inspektora właściwości tabeli, kliknij strzałkę rozwijania w prawym dolnym rogu.

Wyczyść szerokość kolumn i Wyczyść wysokość wierszy

i Wyczyść wysokość wierszy usuwa wszystkie oddzielnie określone wartości wysokości wierszy i szerokości kolumn danej tabeli.

Konwertuj szerokości w tabeli na piksele

oraz Konwertuj wysokość tabeli na piksele ustawiają szerokość lub wyskość każdej kolumny w tabeli na jej bieżącą szerokość w pikselach (ustawiają również szerokość całej tabeli na jej bieżącą szerokość w pikselach).

Konwertuj szerokości w tabeli na procenty

oraz Konwertuj wysokość tabeli na procenty ustawiają szerokość lub wyskość każdej kolumny w tabeli na jej bieżącą szerokość wyrażoną jako procent szerokości okna dokumentu (ustawiają również szerokość całej tabeli na jej bieżącą szerokość jako procent szerokości okna dokumentu).

Po wprowadzeniu wartości w polu tekstowym naciśnij klawisz Tab lub Enter (Windows) lub Return (Macintosh), aby zastosować wartość.

Określanie właściwości komórki, wiersza lub kolumny

Można użyć inspektora właściwości do edycji komórek i wierszy w tabeli.

Zaznacz wybraną kolumnę lub wiersz.
W inspektorze Właściwości (Okno > Właściwości) ustaw następujące opcje:

Poz.

Określa wyrównanie poziome zawartości komórki, wiersza lub kolumny. Można wyrównać zawartość do lewej, prawej lub środka komórek albo wskazać, że przeglądarka ma użyć swojego domyślnego wyrównania (zazwyczaj do lewej dla zwykłych komórek i do środka dla komórek nagłówkowych).

Pion.

Określa wyrównanie pionowe zawartości komórki, wiersza lub kolumny. Można wyrównać zawartość do góry, środka, dołu lub linii bazowej komórek albo wskazać, że przeglądarka powinna użyć swojego domyślnego wyrównania (zazwyczaj środek).

Wys. i Sz.

Szerokość i wysokość zaznaczonych komórek, wyrażona w pikselach lub w postaci ułamka szerokości lub wysokości całej tabeli. Aby podać wartość procentową, umieść za nią symbol %. Jeśli przeglądarka ma sama określić odpowiednią szerokość i wysokość na podstawie zawartości komórki oraz szerokości i wysokość innych kolumn i wierszy, pozostaw pole puste (domyślne).

Domyślnie, przeglądarka wybiera wysokość wiersza i szerokość kolumny tak, by pomieścić najszerszy obraz lub najdłuższy ciąg znaków w kolumnie. Z tego powodu kolumna, do której dodano zawartość, staje się czasami dużo szersza od innych kolumn tabeli.

Spostrzeżenie

Wysokość może być określona jako procent ogólnej wysokości tabeli, ale może się zdarzyć, że dana przeglądarka nie wyświetli wiersza w podanej wysokości.

Bg

Kolor tła komórki, kolumny lub wiersza wybrany za pomocą próbnika kolorów.

Scal komórki

Scala zaznaczone komórki, wiersze lub kolumny w jedną komórkę. Komórki mogą być scalane tylko wtedy, gdy tworzą prostokąt lub linię.

Podziel komórkę

Dzieli komórkę, tworząc dwie lub więcej komórek. Można dzielić tylko jedną komórkę na raz; ten przycisk jest wyłączony, jeśli wybrano więcej niż jedną komórkę.

Bez zawijania

Zapobiega zawijaniu wierszy, utrzymując cały tekst w danej komórce w jednym wierszu.Jeśli opcja Bez zawijania jest włączona, komórki rozszerzają się, aby pomieścić wszystkie dane podczas wpisywania lub wklejania do komórki.(Zwykle komórki rozszerzają się poziomo, aby pomieścić najdłuższe słowo lub najszerszy obraz w komórce, a następnie rozszerzają się pionowo w razie potrzeby, aby pomieścić inną zawartość.)

Nagłówek

Formatuje wybrane komórki jako komórki nagłówka tabeli.Zawartość komórek nagłówka tabeli jest domyślnie pogrubiona i wycentrowana.

Spostrzeżenie

Można określić szerokość i wysokość jako piksele lub procenty i można konwertować z pikseli na procenty i z powrotem.

Spostrzeżenie

Po ustawieniu właściwości kolumny program Dreamweaver zmienia atrybuty znacznika td odpowiadającego każdej komórce w kolumnie.Jednak po ustawieniu niektórych właściwości wiersza program Dreamweaver zmienia atrybuty znacznika tr zamiast zmieniać atrybuty każdego znacznika td w wierszu.Podczas stosowania tego samego formatu do wszystkich komórek w wierszu zastosowanie formatu do znacznika tr tworzy czystszy, bardziej zwięzły kod HTML.

Naciśnij klawisz Tab lub Enter (Windows) lub Return (Macintosh), aby zastosować wartość.

Formatowanie tabel i komórek

Można zmienić wygląd tabel, ustawiając właściwości tabeli i jej komórek lub stosując wstępnie ustawiony projekt do tabeli.Przed ustawieniem właściwości tabeli i komórek należy pamiętać, że kolejność pierwszeństwa formatowania to komórki, wiersze i tabele.

Spostrzeżenie

Aby sformatować tekst wewnątrz komórki tabeli, należy użyć tych samych procedur, które można zastosować do formatowania tekstu poza tabelą.

Zmień format tabeli, wiersza, komórki lub kolumny

Zaznacz tabelę, komórkę, wiersz lub kolumnę.
W Inspektorze właściwości (Okno > Właściwości) kliknij strzałkę rozwijającą w prawym dolnym rogu i zmień właściwości w razie potrzeby.
Zmień wybrane właściwości.

Aby uzyskać więcej informacji o opcjach, kliknij ikonę Pomoc w Inspektorze właściwości.

Spostrzeżenie

Po ustawieniu właściwości kolumny program Dreamweaver zmienia atrybuty znacznika td odpowiadającego każdej komórce w kolumnie.Jednak po ustawieniu niektórych właściwości wiersza program Dreamweaver zmienia atrybuty znacznika tr zamiast zmieniać atrybuty każdego znacznika td w wierszu. Podczas stosowania tego samego formatu do wszystkich komórek w wierszu zastosowanie formatu do znacznika tr tworzy czystszy, bardziej zwięzły kod HTML.

Dodaj lub edytuj wartości dostępności tabeli w widoku Kod

Edytuj odpowiednie atrybuty w kodzie.
Spostrzeżenie

Aby szybko zlokalizować znaczniki w kodzie, kliknij w tabeli, a następnie wybierz znacznik <table> w selektorze znaczników u dołu okna Dokument.

Dodaj lub edytuj wartości dostępności tabeli w widoku Projekt

  • Aby edytować podpis tabeli, zaznacz podpis i wpisz nowy podpis.
    • Aby edytować wyrównanie podpisu, umieść kursor w podpisie tabeli, kliknij prawym przyciskiem myszy (Windows) lub kliknij z naciśniętym klawiszem Control (Macintosh), a następnie wybierz Edytuj kod znacznika.

    • Aby edytować podsumowanie tabeli, wybierz tabelę, kliknij prawym przyciskiem myszy (Windows) lub kliknij z naciśniętym klawiszem Control (Macintosh), a następnie wybierz Edytuj kod znacznika.

Zmiana rozmiaru tabel, kolumn i wierszy

Zmiana rozmiaru tabel

Można zmienić rozmiar całej tabeli lub poszczególnych wierszy i kolumn.Po zmianie rozmiaru całej tabeli wszystkie komórki w tabeli zmieniają rozmiar proporcjonalnie.Jeśli komórki tabeli mają określoną szerokość lub wysokość, zmiana rozmiaru tabeli zmienia wizualny rozmiar komórek w oknie dokumentu, ale nie zmienia określonej szerokości i wysokości komórek.

Rozmiar tabeli można zmienić przez przeciągnięcie jednego z uchwytów zaznaczenia.Dreamweaver wyświetla szerokość tabeli wraz z menu nagłówka tabeli w górnej lub dolnej części tabeli, gdy tabela jest zaznaczona lub kursor znajduje się w tabeli.

Czasami szerokości kolumn ustawione w kodzie HTML nie odpowiadają ich pozornym szerokościom na ekranie.W takim przypadku można sprawić, by szerokości były spójne.Szerokości tabel i kolumn oraz menu nagłówków są wyświetlane w programie Dreamweaver, aby pomóc w układaniu tabel; szerokości i menu można włączyć lub wyłączyć w razie potrzeby.

Zmiana rozmiaru kolumn i wierszy

Szerokość kolumny lub wysokość wiersza można zmienić w inspektorze właściwości lub przez przeciągnięcie granic kolumny lub wiersza.W przypadku problemów ze zmianą rozmiaru można wyczyścić szerokości kolumn lub wysokości wierszy i zacząć od nowa.

Spostrzeżenie

Szerokości i wysokości komórek można również zmieniać bezpośrednio w kodzie HTML za pomocą widoku kodu.

Dreamweaver wyświetla szerokości kolumn wraz z menu nagłówków kolumn w górnej lub dolnej części kolumn, gdy tabela jest zaznaczona lub kursor znajduje się w tabeli; menu nagłówków kolumn można włączyć lub wyłączyć w razie potrzeby.

Zmiana rozmiaru tabeli

Zaznacz wybraną tabelę. Jeśli pracujesz w widoku aktywnym, po zaznaczeniu tabeli zostanie wyświetlone okienko Monitor elementu. Kliknij ikonę kanapki, aby przejść do trybu formatowania tabeli.

  • Aby zmienić rozmiar tabeli w poziomie, przeciągnij uchwyt zaznaczenia po prawej stronie.

  • Aby zmienić rozmiar tabeli w pionie, przeciągnij uchwyt zaznaczenia u dołu.

  • Aby zmienić rozmiar tabeli w obu wymiarach, przeciągnij uchwyt zaznaczenia w prawym dolnym rogu.

Aby opuścić tryb formatowania tabeli w widoku aktywnym, naciśnij klawisz Esc lub kliknij poza tabelą. Można użyć opcji menu Edycja > Tabela, aby dodatkowo zmodyfikować tabelę.

Uwaga: Opcje dostępne w menu Edycja > Tabela zależą od tego, czy została zaznaczona cała tabela, czy pojedyncza komórka. Podczas pracy w widoku aktywnym okienko Monitor elementu wyświetla znacznik „table”, gdy jest zaznaczona cała tabela, albo znacznik „td”, gdy jest zaznaczona konkretna komórka. Aby przełączyć się z trybu formatowania komórek na tryb formatowania tabel, kliknij obramowanie tabeli.

Zmiana szerokości kolumny przy zachowaniu ogólnej szerokości tabeli

W widoku projektu przeciągnij prawą granicę kolumny, którą chcesz zmienić.

Szerokość sąsiedniej kolumny również się zmienia, więc faktycznie zmieniasz rozmiar dwóch kolumn.Wizualna informacja zwrotna pokazuje, jak kolumny będą się dostosowywać; ogólna szerokość tabeli nie zmienia się.

Zmiana szerokości kolumny przy zachowaniu szerokości tabeli

Spostrzeżenie

W tabelach o szerokościach opartych na procentach (nie pikselach), jeśli przeciągniesz prawą granicę skrajnie prawej kolumny, szerokość całej tabeli się zmieni, a wszystkie kolumny staną się szersze lub węższe proporcjonalnie.

Zmień szerokość kolumny i zachowaj rozmiar innych kolumn

W widoku projektu przytrzymaj klawisz Shift i przeciągnij obramowanie kolumny.

Szerokość jednej kolumny zmieni się. Wizualna informacja zwrotna pokazuje, jak kolumny będą się dostosowywać; całkowita szerokość tabeli zmienia się, aby pomieścić kolumnę, której rozmiar zmieniasz.

Zmiana szerokości kolumny przy zachowaniu rozmiaru innych kolumn

Wizualna zmiana wysokości wiersza

Przeciągnij dolną krawędź wybranego wiersza.

Ustaw szerokości kolumn w kodzie zgodnie z szerokościami wizualnymi

Kliknij komórkę.
Kliknij menu nagłówka tabeli, a następnie wybierz opcję Ustaw jednakowe szerokości.

Dreamweaver resetuje szerokość określoną w kodzie, aby dopasować ją do szerokości wizualnej.

Wyczyść wszystkie ustawione szerokości lub wysokości w tabeli

Zaznacz wybraną tabelę.
Wykonaj jedną z następujących czynności:
  • Wybierz Edycja > Tabela > Wyczyść szerokości komórek lub Edycja > Tabela > Wyczyść wysokości komórek.

  • W Inspektorze właściwości, (Okno > Właściwości), kliknij przycisk Wyczyść wysokości wierszy lub Wyczyść szerokości kolumn .

  • Kliknij menu nagłówka tabeli, a następnie wybierz Wyczyść wszystkie wysokości lub Wyczyść wszystkie szerokości.

Czyszczenie szerokości zdefiniowanej dla kolumny

Kliknij w kolumnie, kliknij menu nagłówka kolumny i wybierz opcję Wyczyść szerokość kolumny.

Włącz lub wyłącz szerokości tabel i kolumn oraz menu w widoku projektu

Wybierz Widok > Opcje widoku projektu > Pomoce wizualne > Szerokości tabel.

Dodawanie i usuwanie wierszy oraz kolumn

Aby dodać i usunąć wiersze i kolumny, użyj menu Modyfikuj > Tabela lub menu nagłówka kolumny.

Spostrzeżenie

Naciśnięcie klawisza Tab w ostatniej komórce tabeli automatycznie dodaje kolejny wiersz do tabeli.

Dodawanie pojedynczego wiersza lub kolumny

Kliknij komórkę i wykonaj jedną z następujących czynności:
  • Wybierz Edycja > Tabela > Wstaw wiersz lub Edycja > Tabela > Wstaw kolumnę.

    Na ekranie pojawi się nowy wiersz nad punktem wstawienia lub nowa kolumna po lewej stronie punktu wstawienia.

  • Kliknij menu nagłówka kolumny i zaznacz opcję Wstaw kolumnę po lewej lub Wstaw kolumnę po prawej.

     

Dodawanie kilku wierszy i kolumn

Kliknij komórkę.

Wybierz Edycja > Tabela > Wstaw wiersze lub kolumny, uzupełnij okno dialogowe i kliknij OK.

Wstaw

Określa czy wstawiane mają być wierszy, czy kolumny.

Liczba wierszy lub Liczba kolumn

Liczba wierszy lub kolumn do wstawienia.

Gdzie

Określa, czy nowe wiersze lub kolumny powinny pojawić się przed czy po wierszu lub kolumnie zaznaczonej komórki.

Usuwanie wiersza lub kolumny

Wykonaj jedną z następujących czynności:
  • Kliknij w komórce w obrębie wiersza lub kolumny, które chcesz usunąć, a następnie wybierz Edycja > Tabela > Usuń wiersz lub Edycja > Tabela > Usuń kolumnę.

  • Zaznacz cały wiersz lub kolumnę, a następnie naciśnij klawisz Delete.

  • Wykonaj jedną z następujących czynności w Inspektorze właściwości (Windows > Właściwości):
    • Aby dodać lub usunąć wiersze, zwiększ lub zmniejsz wartość pola Wiersze.
    • Aby dodać lub usunąć kolumny, zwiększ lub zmniejsz wartość w polu Kolumny.
Spostrzeżenie

Dreamweaver nie ostrzega, jeśli usuwasz wiersze i kolumny zawierające dane.

Dzielenie i scalanie komórek

Użyj inspektora właściwości lub opcji w podmenu Edycja > Tabela, aby podzielić lub scalić komórki.

Scalanie dwóch lub więcej komórek w tabeli

Zaznacz komórki w ciągłej linii i w kształcie prostokąta.

Na poniższej ilustracji zaznaczenie to prostokąt komórek, więc komórki można scalić.

Scalać można komórki tworzące prostokąt

Na poniższej ilustracji zaznaczenie nie jest prostokątem, więc komórek nie można połączyć.

Komórek nie można scalić, jeśli zaznaczenie nie jest prostokątem

Wykonaj jedną z następujących czynności:
  • Wybierz Edycja > Tabela > Scal komórki.

  • W rozwiniętym inspektorze właściwości HTML (Okno > Właściwości) kliknij przycisk Scal komórki.

Spostrzeżenie

Jeśli przycisk nie jest widoczny, kliknij strzałkę rozwijania w prawym dolnym rogu inspektora właściwości, aby wyświetlić wszystkie opcje.

Zawartość poszczególnych komórek jest rozmieszczona w scalonej komórce. Właściwości pierwszej komórki grupy scalanych komórek zostaje zastosowana do scalonej komórki.

Dzielenie komórki

Kliknij w komórce i wykonaj jedną z następujących czynności:
  • Wybierz Edycja > Tabela > Podziel komórkę.

  • W rozwiniętym inspektorze właściwości HTML (Okno > Właściwości) kliknij przycisk Podziel komórkę.

Spostrzeżenie

Jeśli przycisk nie jest widoczny, kliknij strzałkę rozwijania w prawym dolnym rogu Inspektora właściwości. Spowoduje to wyświetlenie wszystkich opcji.

W oknie dialogowym Podziel komórkę określ sposób podziału komórki:

Podziel komórkę na

Dzieli komórkę na wiersze lub kolumny.

Liczba wierszy lub Liczba kolumn

Określa liczbę wierszy lub kolumn, na które ma zostać podzielona komórka.

Zwiększ lub zmniejsz liczbę wierszy lub kolumn obejmowanych przez komórkę

Wykonaj jedną z następujących czynności:
  • Wybierz Edycja > Tabela > Zwiększ rozpiętość wierszy lub Edycja > Tabela > Zwiększ rozpiętość kolumn.

  • Wybierz Edycja > Tabela > Zmniejsz rozpiętość wierszy lub Edycja > Tabela > Zmniejsz rozpiętość kolumn.

Kopiowanie, wklejanie i usuwanie komórek

Można kopiować, wklejać lub usuwać pojedynczą komórkę tabeli lub wiele komórek jednocześnie, zachowując formatowanie komórek.

Komórki można wklejać w miejscu wstawiania lub w miejsce zaznaczenia w istniejącej tabeli.Aby wkleić wiele komórek tabeli, zawartość schowka musi być zgodna ze strukturą tabeli lub zaznaczeniem w tabeli, do której komórki będą wklejane.

Wycinanie lub kopiowanie komórek tabeli

Zaznacz jedną lub więcej komórek w ciągłej linii i w kształcie prostokąta.

Na poniższej ilustracji zaznaczenie jest prostokątem komórek, więc komórki można wyciąć lub skopiować.

Wycinać lub kopiować można komórki tworzące prostokąt

Na poniższej ilustracji zaznaczenie nie jest prostokątem, więc komórek nie można wyciąć ani skopiować.

Komórek nie można wyciąć lub skopiować, jeśli zaznaczenie nie jest prostokątem

Wybierz polecenie Edycja > Wytnij lub Edycja > Kopiuj.
Spostrzeżenie

Jeśli zaznaczono cały wiersz lub kolumnę i wybrano Edycja > Wytnij, cały wiersz lub kolumna zostanie usunięta z tabeli (a nie tylko zawartość komórek).

Wklejanie komórek tabeli

Zaznacz miejsce wybrane dla wklejanych komórek:
  • Aby zastąpić istniejące komórki komórkami wklejanymi, zaznacz zestaw istniejących komórek o takim samym układzie, co komórki w schowku. (Na przykład jeśli kopiujesz lub wycinasz blok 3 x 2 komórki, to możesz zaznaczyć inny blok 3 x 2 komórki, który zostanie zastąpiony w wyniku wklejania).

  • Aby wkleić pełny wiersz komórek nad określoną komórką, kliknij tę komórkę.

  • Aby wkleić pełną kolumnę na lewo od określonej komórki, kliknij tę komórkę.

Spostrzeżenie

Jeśli komórka została kliknięta i wklejasz komórki ze schowka, w którym jest mniej niż pełny wiersz lub kolumna komórek, to kliknięta komórka i komórki wokół mogą (w zależności od położenia w tabeli) zostać zastąpione wklejanymi komórkami.

  • Aby utworzyć nową tabelę z wklejanych komórek, umieść kursor poza tabelą.
Wybierz polecenie Edycja > Wklej.

Jeśli wklejasz całe wiersze lub kolumny do istniejącej tabeli, wiersze lub kolumny zostaną dodane do tabeli.Jeśli wklejasz pojedynczą komórkę, zawartość zaznaczonej komórki zostanie zastąpiona.Jeśli wklejasz poza tabelą, wiersze, kolumny lub komórki zostaną użyte do zdefiniowania nowej tabeli.

Usuń zawartość komórek, ale pozostaw komórki nienaruszone

Zaznacz przynajmniej jedną komórkę.
Spostrzeżenie

Upewnij się, że zaznaczenie nie składa się wyłącznie z kompletnych wierszy lub kolumn.

Naciśnij klawisz Delete.

Spostrzeżenie

Jeśli podczas wybierania Edycja > Wyczyść lub naciśnięcia klawisza Delete zaznaczone są tylko kompletne wiersze lub kolumny, całe wiersze lub kolumny — a nie tylko ich zawartość — zostaną usunięte z tabeli.

Usuń wiersze lub kolumny zawierające scalone komórki

Zaznacz wybraną kolumnę lub wiersz.

Wybierz Edycja > Tabela > Usuń wiersz lub Edycja > Tabela > Usuń kolumnę.

Zagnieżdżanie tabeli

Tabela zagnieżdżona to tabela znajdująca się w komórce innej tabeli.Tabelę zagnieżdżoną można formatować tak samo jak każdą inną tabelę, jednak jej szerokość jest ograniczona szerokością komórki, w której się znajduje.

Kliknij komórkę istniejącej tabeli.
Wybierz Wstaw > Tabela, ustaw opcje Wstaw tabelę i kliknij OK.

Sortowanie tabel

Wiersze tabeli można sortować na podstawie zawartości pojedynczej kolumny.Można również wykonać bardziej skomplikowane sortowanie tabeli na podstawie zawartości dwóch kolumn.

Nie można sortować tabel zawierających atrybuty colspan lub rowspan — czyli tabel zawierających scalone komórki.

Zaznacz wybraną tabelę lub kliknij w dowolnej komórce.

Wybierz Edycja > Tabela > Sortuj tabelę, ustaw opcje w oknie dialogowym i kliknij OK.

Sortuj wg

Określa, które wartości kolumny będą używane do sortowania wierszy tabeli.

Porządek

Określa, czy sortować kolumnę alfabetycznie czy numerycznie oraz czy sortować w porządku rosnącym (od A do Z, od mniejszych do większych liczb), czy malejącym.

Gdy zawartość kolumny to liczby, wybierz opcję Numerycznie.Sortowanie alfabetyczne zastosowane do listy liczb jedno- i dwucyfrowych powoduje sortowanie liczb jak słów (co daje kolejność taką jak 1, 10, 2, 20, 3, 30), a nie jak liczb (co dałoby kolejność taką jak 1, 2, 3, 10, 20, 30).

Następnie wg / Porządek

Określa kolejność pomocniczego sortowania według innej kolumny.Określ kolumnę sortowania pomocniczego w menu podręcznym Następnie według, a kolejność sortowania pomocniczego w menu podręcznych Kolejność.

Sortowanie obejmuje pierwszy wiersz

Określa, że pierwszy wiersz tabeli powinien zostać uwzględniony w sortowaniu.Jeśli pierwszy wiersz jest nagłówkiem, który nie powinien zostać przeniesiony, nie zaznaczaj tej opcji.

Sortuj wiersze nagłówka

Określa sortowanie wszystkich wierszy w sekcji thead tabeli (jeśli istnieje) przy użyciu tych samych kryteriów co wiersze treści.(Należy pamiętać, że wiersze thead pozostają w sekcji thead i nadal pojawiają się u góry tabeli nawet po sortowaniu.)Więcej informacji o znaczniku thead podano w panel Reference (wybierz Pomoc > Reference).

Sortuj wiersze stopki

Określa sortowanie wszystkich wierszy w sekcji tfoot tabeli (jeśli istnieje) przy użyciu tych samych kryteriów co wiersze treści.(Należy pamiętać, że wiersze tfoot pozostają w sekcji tfoot i nadal pojawiają się u dołu tabeli nawet po sortowaniu.)Więcej informacji o znaczniku tfoot podano w panel Reference (wybierz Pomoc > Reference).

Zachowaj niezmienione kolory wierszy po zakończeniu sortowania

Określa, że atrybuty wierszy tabeli (takie jak kolor) powinny pozostać powiązane z tą samą zawartością po sortowaniu.Jeśli wiersze tabeli są sformatowane na przemian dwoma kolorami, nie zaznaczaj tej opcji, aby zapewnić, że posortowana tabela nadal ma wiersze w kolorach naprzemiennych.Jeśli atrybuty wierszy są specyficzne dla zawartości każdego wiersza, wybierz tę opcję, aby zapewnić, że te atrybuty pozostaną skojarzone z odpowiednimi wierszami w posortowanej tabeli.