Umieść punkt wstawiania w miejscu, gdzie ma pojawić się tabela.
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.
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:
- Komórki
- Wiersze
- 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.
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.
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ą.
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.
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.
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.
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.
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.
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.
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.
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
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.)
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.
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
Zaznaczanie jednej kolumny
Zaznaczanie jednej komórki
- 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
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 komórek nieprzylegających do siebie
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
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.
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.
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).
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.
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.
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.
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.
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.
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.
Można określić szerokość i wysokość jako piksele lub procenty i można konwertować z pikseli na procenty i z powrotem.
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.
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.
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
Aby uzyskać więcej informacji o opcjach, kliknij ikonę Pomoc w Inspektorze właściwości.
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
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.
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ę.
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.
Wizualna zmiana wysokości wiersza
Ustaw szerokości kolumn w kodzie zgodnie z szerokościami wizualnymi
Dreamweaver resetuje szerokość określoną w kodzie, aby dopasować ją do szerokości wizualnej.
Wyczyść wszystkie ustawione szerokości lub wysokości w tabeli
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
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.
Naciśnięcie klawisza Tab w ostatniej komórce tabeli automatycznie dodaje kolejny wiersz do tabeli.
Dodawanie pojedynczego wiersza lub kolumny
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
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
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.
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
Na poniższej ilustracji zaznaczenie to prostokąt komórek, więc komórki można scalić.
Na poniższej ilustracji zaznaczenie nie jest prostokątem, więc komórek nie można połączyć.
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.
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
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ę.
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.
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ę
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
Na poniższej ilustracji zaznaczenie jest prostokątem komórek, więc komórki można wyciąć lub skopiować.
Na poniższej ilustracji zaznaczenie nie jest prostokątem, więc komórek nie można wyciąć ani skopiować.
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
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ę.
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ą.
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
Upewnij się, że zaznaczenie nie składa się wyłącznie z kompletnych wierszy lub kolumn.
Naciśnij klawisz Delete.
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
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.
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.
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.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.