- Podręcznik użytkownika programu Dreamweaver
- Wprowadzenie
- Program Dreamweaver a platforma Creative Cloud
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Biblioteki Creative Cloud w programie Dreamweaver
- Używanie plików programu Photoshop w programie Dreamweaver
- Praca z programami Adobe Animate oraz Dreamweaver
- Wydzielanie przygotowanych do wyświetlania w Internecie plików SVG z bibliotek
- Przestrzenie robocze i widoki w programie Dreamweaver
- Konfigurowanie serwisów
- Informacje o serwisach programu Dreamweaver
- Konfigurowanie lokalnej wersji serwisu
- Nawiązywanie połączenia z serwerem publikacji
- Konfigurowanie serwera testowego
- Importowanie i eksportowanie ustawień serwisu programu Dreamweaver
- Przenoszenie istniejących serwisów z serwera zdalnego do lokalnego katalogu głównego serwisu
- Funkcje ułatwień dostępu w programie Dreamweaver
- Ustawienia zaawansowane
- Ustawianie preferencji serwisu dotyczących transferu plików
- Określanie ustawień serwera proxy w programie Dreamweaver
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Korzystanie z systemu Git w programie Dreamweaver
- Zarządzanie plikami
- Tworzenie i otwieranie plików
- Zarządzanie plikami i folderami
- Odbieranie plików i wysyłanie ich na serwer
- Pobieranie plików do edycji i odkładanie ich na serwer
- Synchronizacja plików
- Porównywanie plików w poszukiwaniu różnic
- Maskowanie plików i folderów w serwisie programu Dreamweaver
- Włączanie funkcji Uwagi do projektu w serwisach programu Dreamweaver
- Zapobieganie potencjalnemu obejściu funkcji Gatekeeper
- Układ i projekt
- Korzystanie z wizualnych pomocy do układu
- Informacje o tworzeniu układu strony za pomocą stylów CSS
- Projektowanie elastycznych serwisów WWW z użyciem struktury Bootstrap
- Tworzenie i używanie zapytań o media w programie Dreamweaver
- Prezentacja zawartości za pomocą tabel
- Kolory
- Tworzenie reagujących projektów za pomocą układów elastycznej siatki
- Narzędzie Extract w programie Dreamweaver
- CSS
- Podstawowe informacje o stylach CSS
- Tworzenie układu strony za pomocą panelu Projektant CSS
- Korzystanie z preprocesorów CSS w programie Dreamweaver
- Ustawianie preferencji stylów CSS w programie Dreamweaver
- Przenoszenie reguł CSS w programie Dreamweaver
- Konwertowanie stylu CSS wewnątrz znacznika na regułę CSS w programie Dreamweaver
- Posługiwanie się znacznikami DIV
- Stosowanie gradientów na tło
- Tworzenie i edytowanie efektów przejść CSS3 w programie Dreamweaver
- Formatowanie kodu
- Zawartość strony i zasoby
- Ustawianie właściwości strony
- Ustawianie właściwości CSS dla nagłówków i łączy
- Praca z tekstem
- Znajdowanie i zastępowanie tekstu, znaczników i atrybutów
- Panel DOM
- Edytowanie w widoku aktywnym
- Kodowanie znaków dokumentu w programie Dreamweaver
- Zaznaczanie i wyświetlanie elementów w oknie Dokument
- Ustawianie właściwości tekstu na panelu Inspektor właściwości
- Sprawdzanie pisowni na stronie internetowej
- Używanie linii poziomych w programie Dreamweaver
- Dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver
- Praca z zasobami
- Wstawianie i aktualizowanie dat w programie Dreamweaver
- Tworzenie list ulubionych zasobów w programie Dreamweaver i zarządzanie nimi
- Wstawianie i edytowanie obrazów w programie Dreamweaver
- Dodawanie obiektów multimedialnych
- Dodawanie zawartości wideo w programie Dreamweaver
- Wstawianie wideo HTML5
- Wstawianie plików SWF
- Dodawanie efektów dźwiękowych
- Wstawianie obiektów audio HTML5 w programie Dreamweaver
- Praca z elementami bibliotek
- Stosowanie pisma arabskiego i hebrajskiego w programie Dreamweaver
- Łączenie i przeglądanie
- Efekty i widgety jQuery
- Tworzenie kodu serwisów WWW
- Informacje o tworzeniu kodu w programie Dreamweaver
- Środowisko programistyczne w programie Dreamweaver
- Ustawianie preferencji kodowania
- Dostosowywanie ustawień kolorowania kodu
- Pisanie i edytowanie kodu
- Podpowiedzi i uzupełnianie kodu
- Zwijanie i rozwijanie kodu
- Ponowne wykorzystywanie fragmentów kodu za pomocą funkcji Urywki
- Linting: oczyszczanie kodu z błędów
- Optymalizacja kodu
- Edytowanie kodu w widoku Projekt
- Praca z zawartością znacznika HEAD strony
- Wstawianie dołączeń po stronie serwera w programie Dreamweaver
- Korzystanie z bibliotek znaczników w programie Dreamweaver
- Importowanie własnych znaczników do programu Dreamweaver
- Używanie zachowań JavaScript (instrukcje ogólne)
- Stosowanie wbudowanych zachowań JavaScript
- Omówienie języków XML i XSLT
- Wykonywanie transformacji XSL po stronie serwera w programie Dreamweaver
- Wykonywanie przekształceń XSL po stronie klienta w programie Dreamweaver
- Dodawanie encji znaków w kodzie XSLT w programie Dreamweaver
- Formatowanie kodu
- Obiegi pracy związane z wieloma produktami
- Instalowanie i używanie rozszerzeń programu Dreamweaver
- Aktualizacje w aplikacji w programie Dreamweaver
- Wstawianie dokumentów Microsoft Office w programie Dreamweaver (tylko Windows)
- Praca z programami Fireworks i Dreamweaver
- Edycja zawartości w stronach programu Dreamweaver za pomocą aplikacji Contribute
- Integracja programu Dreamweaver z aplikacją Business Catalyst
- Tworzenie spersonalizowanych kampanii rozsyłanych pocztą elektroniczną
- Szablony
- Informacje o szablonach programu Dreamweaver
- Rozpoznawanie szablonów oraz dokumentów opartych na szablonach
- Tworzenie szablonu programu Dreamweaver
- Tworzenie edytowalnych regionów w szablonach
- Tworzenie powtarzalnych regionów i tabel w programie Dreamweaver
- Używanie regionów opcjonalnych w szablonach
- Definiowanie edytowalnych atrybutów znacznika w programie Dreamweaver
- Tworzenie zagnieżdżonych szablonów w programie Dreamweaver
- Edytowanie, aktualizowanie i usuwanie szablonów
- Eksportowanie i importowanie zawartości XML w programie Dreamweaver
- Stosowanie szablonu lub usuwanie go z istniejącego dokumentu
- Edycja zawartości w szablonach programu Dreamweaver
- Reguły składni dla znaczników szablonu w programie Dreamweaver
- Ustawianie preferencji podświetlenia dla regionów szablonów
- Korzyści wynikające z używania szablonów w programie Dreamweaver
- Urządzenia mobilne i obsługa wielu ekranów
- Dynamiczne serwisy, strony i formularze WWW
- Podstawowe informacje o aplikacjach internetowych
- Konfigurowanie komputera do programowania aplikacji
- Rozwiązywanie problemów z połączeniami z bazą danych
- Usuwanie skryptów połączenia w programie Dreamweaver
- Projektowanie stron dynamicznych
- Omówienie źródeł zawartości dynamicznej
- Definiowanie źródeł zawartości dynamicznej
- Dodawanie dynamicznej zawartości do stron
- Modyfikowanie dynamicznej zawartości w programie Dreamweaver
- Wyświetlanie rekordów z bazy danych
- Udostępnianie aktywnych danych w programie Dreamweaver oraz rozwiązywanie problemów z takimi danymi
- Dodawanie własnych zachowań serwerowych w programie Dreamweaver
- Tworzenie formularzy w programie Dreamweaver
- Zbieranie informacji od użytkowników za pomocą formularzy
- Tworzenie oraz włączanie formularzy ColdFusion w programie Dreamweaver
- Tworzenie formularzy WWW
- Rozszerzona obsługa elementów formularza w języku HTML5
- Tworzenie formularzy za pomocą programu Dreamweaver
- Tworzenie aplikacji metodą graficzną
- Tworzenie stron wzorca i szczegółów w programie Dreamweaver
- Tworzenie stron wyszukiwania i wyników
- Tworzenie strony wstawiania rekordów
- Tworzenie strony uaktualniania rekordów w programie Dreamweaver
- Tworzenie stron usuwania rekordów w programie Dreamweaver
- Używanie poleceń ASP do modyfikacji bazy danych w programie Dreamweaver
- Tworzenie strony rejestracji
- Tworzenie strony logowania
- Tworzenie strony, do której dostęp będą mieli tylko uwierzytelnieni użytkownicy
- Zabezpieczanie folderów w aplikacji ColdFusion za pomocą programu Dreamweaver
- Korzystanie ze składników ColdFusion w programie Dreamweaver
- Testowanie, podgląd i publikacja serwisów WWW
- Rozwiązywanie problemów
Interfejs użytkownika w programie Dreamweaver CC i nowszych wersjach został uproszczony. Dlatego począwszy od wersji Dreamweaver CC niektóre opcje opisane w tym artykule mogą nie być dostępne. Więcej informacji zawiera ten artykuł.
Informacje o rekordach baz danych
Wyświetlanie rekordów bazy danych polega na pobraniu informacji przechowywanych w bazie lub w innym źródle zawartości oraz wygenerowaniu tych informacji na stronie internetowej. Program Dreamweaver udostępnia wiele metod wyświetlania zawartości dynamicznej. Zawiera także kilka wbudowanych zachowań serwerowych, które rozszerzają możliwości prezentowania zawartości dynamicznej, a jednocześnie ułatwiają użytkownikom nawigowanie wśród informacji zwróconych z bazy danych oraz ich przeszukiwanie.
Bazy danych i inne źródła zawartości dynamicznej zwiększają możliwości i elastyczność wyszukiwania, sortowania i wyświetlania dużych zasobów informacji. Bazy danych warto używać do przechowywania zawartości serwisów WWW wówczas, gdy trzeba składować duże ilości danych oraz pobierać je i wyświetlać w zrozumiały sposób. Program Dreamweaver udostępnia szereg narzędzi i gotowych zachowań, które ułatwiają efektywne pobieranie i wyświetlanie informacji przechowywanych w bazie danych.
Zachowania serwerowe i elementy formatowania
Program Dreamweaver zawiera następujące zachowania serwerowe i elementy formatowania, które rozszerzają możliwości wyświetlania dynamicznych danych:
Formaty
umożliwiają wybór różnych typów liczbowych, walutowych, daty i czasu oraz wartości procentowych dla tekstu dynamicznego.
Jeśli na przykład cena pozycji w zestawie rekordów ma wartość 10,989, to można wyświetlić ją na stronie jako $10,99 — wystarczy wybrać format „Waluta — 2 miejsca po przecinku”, dostępny w programie Dreamweaver. Ten format wyświetla liczbę z dwoma miejscami po przecinku. Jeżeli liczba ma więcej niż dwa miejsca po przecinku, to jest zaokrąglana do najbliższej wartości. Jeżeli liczba nie ma żadnych miejsc po przecinku, to zastosowanie tego formatu danych spowoduje dodanie przecinka i dwóch zer.
Region powtarzalny
to zachowanie serwerowe umożliwia wyświetlanie wielu pozycji zwróconych przez zapytanie do bazy danych. Pozwala także wybrać liczbę rekordów, jaka ma być wyświetlana na każdej stronie.
Nawigacja w zestawie rekordów
te zachowania serwerowe umożliwiają wstawianie elementów nawigacyjnych, które pozwolą użytkownikom przechodzić do poprzedniego lub kolejnego zbioru rekordów zwróconego przez zestaw rekordów. Np. jeżeli użyjesz obiektu serwerowego Region powtarzalny, aby wyświetlić na każdej stronie po 10 rekordów, a zestaw rekordów zwróci 40 rekordów, to będzie można poruszać się naraz o 10 rekordów do przodu lub do tyłu.
Pasek stanu zestawu rekordów
te zachowania serwerowe umożliwiają dodanie licznika, który pokazuje użytkownikom ich pozycję w zbiorze rekordów w odniesieniu do łącznej liczby zwróconych rekordów.
Pokaż region
te zachowania serwerowe umożliwiają wyświetlanie lub ukrywanie pozycji na stronie w zależności od znaczenia wyświetlonych w danym momencie rekordów. Np. jeżeli użytkownik dotarł do ostatniego rekordu w zestawie, to można ukryć łącze następny rekord i wyświetlać tylko łącze poprzedni rekord.
Stosowanie elementów typograficznych i elementów układu strony do danych dynamicznych
Program Dreamweaver zapewnia przydatną możliwość prezentowania danych dynamicznych w ramach zorganizowanej strony oraz pozwala stosować formatowanie typograficzne za pomocą stylów HTML i CSS. Aby zastosować formatowanie do danych dynamicznych, sformatuj tabele i elementy zastępcze tej zawartości dynamicznej, używając narzędzi programu Dreamweaver. Gdy dane zostaną wstawione ze źródła zawartości, automatycznie przyjmą określone formatowanie czcionki, akapitu i tabeli.
Nawigacja w wynikach zestawu rekordów z bazy danych
Łącza nawigacji w zestawie rekordów umożliwiają przechodzenie do innego rekordu albo do innego zbioru rekordów. Jeżeli np. zaprojektujesz stronę tak, aby wyświetlała pięć rekordów naraz, to możesz dodać łącza Dalej lub Wstecz, aby umożliwić użytkownikom wyświetlenie kolejnych albo poprzednich pięciu rekordów.
Można utworzyć cztery rodzaje łączy nawigacyjnych do poruszania się po zestawie rekordów: Pierwszy, Poprzedni, Następny i Ostatni. Jedna strona może zawierać dowolną liczbę tych łączy, pod warunkiem że wszystkie działają na jednym zestawie rekordów. Na tej samej stronie nie można jednak dodać łączy umożliwiających poruszanie się po innym zestawie rekordów.
Łącza do nawigacji po zestawie rekordów wymagają następujących elementów dynamicznych:
Zestawu rekordów do nawigacji
Zawartości dynamicznej na stronie, która będzie wyświetlać rekordy
Tekstu lub obrazów na stronie, które będą pełniły rolę paska nawigacji do klikania
Zestawu zachowań serwerowych Przejdź do rekordu, które umożliwią nawigację po zestawie rekordów
Ostatnie dwa elementy można dodać, korzystając z obiektu serwerowego Pasek nawigacji rekordów. Można je również dodawać odrębnie, używając narzędzi do projektowania oraz panelu Zachowania serwerowe.
Tworzenie paska nawigacji dla zestawu rekordów
Pasek nawigacji dla zestawu rekordów można utworzyć za pomocą jednej operacji, korzystając z zachowania serwerowego pasek nawigacji zestawu rekordów. Ten obiekt serwerowy dodaje do strony następujące elementy konstrukcyjne:
Tabelę HTML z łączami w postaci tekstu lub obrazów
Zestaw zachowań serwerowych Przejdź do
Zestaw zachowań serwerowych Pokaż region
Wersja tekstowa paska nawigacyjnego zestawu rekordów wygląda następująco:
Zanim umieścisz pasek nawigacji rekordów na stronie, sprawdź, czy strona ta zawiera zestaw rekordów, po którym chcesz się poruszać, oraz układ umożliwiający wyświetlenie tych rekordów.
Po umieszczeniu paska nawigacyjnego na stronie możesz go dostosować do własnych upodobań, używając narzędzi do projektowania. Możesz również edytować zachowania serwerowe Przesuń do oraz Pokaż region. Aby to zrobić, dwukrotnie kliknij zachowanie w panelu Zachowania serwerowe.
Program Dreamweaver tworzy tabelę zawierającą łącza w postaci tekstu lub obrazów. Użytkownicy mogą klikać te elementy, aby poruszać się po wybranym zestawie rekordów. Gdy wyświetlony jest pierwszy rekord w zestawie, łącza lub obrazy Pierwszy i Poprzedni są ukrywane. Gdy wyświetlony jest ostatni rekord w zestawie, łącza lub obrazy Następny i Ostatni są ukrywane.
Układ paska nawigacyjnego można dostosować za pomocą narzędzi do projektowania oraz panelu Zachowania serwerowe.
-
Przejdź do widoku Projekt i umieść punkt wstawiania w tym miejscu na stronie, gdzie ma się pojawić pasek nawigacji.
-
Wyświetl okno dialogowe Pasek nawigacji zestawu rekordów (Wstaw > Obiekty danych > Podział zestawu rekordów na strony > Pasek nawigacji zestawu rekordów).
-
Z wyskakującego menu Zestaw rekordów wybierz zestaw, po którym chcesz się poruszać.
-
Z sekcji Wyświetl, używając wybierz format wyświetlania łączy nawigacyjnych na stronie. Potem kliknij przycisk OK.
Tekst
Umieszcza na stronie łącza tekstowe.
Obrazy
Wstawia obrazy służące jako łącza. Program Dreamweaver używa własnych plików graficznych. Po umieszczeniu paska na stronie możesz je zastąpić dowolnymi plikami graficznymi.
Niestandardowe paski nawigacyjne rekordów
Możesz utworzyć własny pasek nawigacji dla zestawu rekordów, używając bardziej złożonego układu i stylów formatowania, niż prosta tabela tworzona przez obiekt serwerowy Pasek nawigacji zestawu rekordów.
Aby utworzyć własny pasek nawigacji dla zestawu rekordów, należy:
Utworzyć łącza nawigacyjne w postaci tekstu lub obrazów
Umieścić te łącza na stronie w widoku Projekt
Przypisać do każdego łącza nawigacyjnego osobne zachowanie serwerowe
Ta sekcja opisuje sposób przypisywania poszczególnych zachowań serwerowych do łączy nawigacyjnych.
Tworzenie i przypisywanie zachowań serwerowych do łącza nawigacyjnego
-
Przejdź do widoku Projekt. Zaznacz na stronie ciąg tekstu albo obraz, z którego ma powstać łącze nawigacyjne.
-
Otwórz panel Zachowania serwerowe (Okno > Zachowania serwerowe) i kliknij przycisk Plus (+).
-
Z wyskakującego menu wybierz polecenie Podział zestawu rekordów na strony. Potem wybierz z listy zachowań serwerowych odpowiednie dla danego łącza.
Jeżeli zestaw zawiera wiele rekordów, to czas między kliknięciem przez użytkownika łącza a wykonaniem zachowania serwerowego Przejdź do ostatniego rekordu może być bardzo długi.
-
Z wyskakującego menu Zestaw rekordów wybierz zestaw zawierający potrzebne rekordy i kliknij przycisk OK.
Zachowanie serwerowe zostało przypisane do łącza nawigacyjnego.
Ustawianie opcji w oknie dialogowym Przesuń do (zachowanie serwerowe)
Dodaj łącza umożliwiające użytkownikowi nawigację między rekordami w zestawie.
-
Jeżeli nic nie jest zaznaczone na stronie, wybierz łącze z wyskakującego menu.
-
Wybierz zestaw zawierający potrzebne rekordy i kliknij przycisk OK.Uwaga:
Jeżeli zestaw zawiera wiele rekordów, to czas między kliknięciem przez użytkownika łącza a wykonaniem zachowania serwerowego Przejdź do ostatniego rekordu może być bardzo długi.
Zadania związane z projektowaniem paska nawigacji
Tworząc własny pasek nawigacji, zacznij od przygotowania jego wyglądu graficznego za pomocą narzędzi programu Dreamweaver. Nie musisz tworzyć łącza dla fragmentu tekstu lub obrazu. Program Dreamweaver zrobi to za ciebie.
Strona, na której tworzysz pasek nawigacji, musi zawierać zestaw rekordów, po którym będzie się poruszać użytkownik. Prosty pasek nawigacji dla zestawu rekordów, zawierający przyciski łączy utworzone z obrazów lub innych elementów zawartości, może wyglądać tak:
Po dodaniu zestawu rekordów do strony i utworzeniu paska nawigacji, musisz zastosować poszczególne zachowania serwerowe do każdego elementu nawigacyjnego. Np. typowy pasek nawigacji zestawu rekordów zawiera reprezentacje następujących łączy, którym odpowiadają poszczególne zachowania:
Łącze nawigacyjne |
Zachowanie serwerowe |
Pierwsza strona |
Przejdź do pierwszej strony |
Poprzednia strona |
Przejdź do poprzedniej strony |
Następna strona |
Przejdź do następnej strony |
Ostatnia strona |
Przejdź do ostatniej strony |
Wyświetlanie i ukrywanie rekordów na podstawie wyników zwróconych przez zestaw rekordów
Region można ukrywać lub wyświetlać w zależności od tego, czy zestaw rekordów jest pusty. Jeżeli zestaw rekordów jest pusty (np. nie znaleziono żadnych rekordów spełniających kryteria zapytania), to można wyświetlić komunikat informujący użytkownika, że nie zostały zwrócone żadne rekordy. Jest to szczególnie przydatne, gdy tworzy się strony wyszukiwarki, gdzie użytkownik ma wprowadzać kryteria dla uruchamianych zapytań. Podobnie, można wyświetlić komunikat o błędzie, jeżeli wystąpi problem z połączeniem się z bazą danych lub jeżeli nazwa i hasło użytkownika nie zostaną rozpoznane przez serwer.
Zachowania serwerowe z grupy Pokaż region to:
Pokazuj, jeśli zestaw rekordów jest pusty
Pokazuj, jeśli zestaw rekordów NIE jest pusty
Pokazuj, jeśli pierwsza strona
Pokazuj, jeśli NIE pierwsza strona
Pokazuj, jeśli ostatnia strona
Pokazuj, jeśli NIE ostatnia strona
-
Przejdź do widoku Projekt. Zaznacz region na stronie, który chcesz wyświetlić lub ukryć.
-
Otwórz panel Zachowania serwerowe (Okno > Zachowania serwerowe) i kliknij przycisk Plus (+).
-
Z wyskakującego menu wybierz polecenie Pokaż region. Wybierz jedno z wymienionych zachowań serwerowych i kliknij przycisk OK.
Wyświetlanie wyników z wielu zestawów rekordów
Zachowanie serwerowe Region powtarzalny umożliwia wyświetlanie na stronie wielu rekordów z jednego zestawu. Region powtarzalny można utworzyć z dowolnego zaznaczenia obejmującego dane dynamiczne. Najczęściej występującymi regionami są tabele, wiersze tabeli lub seria wierszy tabeli.
-
Przejdź do widoku Projekt. Zaznacz region zawierający dane dynamiczne.
Zaznaczanie może obejmować wszystko, włączając tabelę, wiersz tabeli lub nawet akapit tekstu.
Aby precyzyjnie zaznaczyć region na stronie, możesz skorzystać z selektora znaczników w lewym rogu okna dokumentu. Np. jeżeli region jest wierszem tabeli, kliknij wewnątrz tego wiersza na stronie. Potem kliknij pierwszy znacznik <tr> po prawej w selektorze znaczników, aby zaznaczyć ten wiersz tabeli.
-
Wybierz polecenie Okno > Zachowania serwerowe, aby wyświetlić panel Zachowania serwerowe.
-
Kliknij przycisk Plus (+) i wybierz opcję Region powtarzalny.
-
Z wyskakującego menu wybierz nazwę odpowiedniego zestawu rekordów.
-
Wybierz liczbę rekordów do wyświetlania na każdej stronie i kliknij przycisk OK.
Wokół regionu powtarzalnego w oknie Dokument pojawi się cienki, szary kontur z zakładką.
Modyfikowanie regionów powtarzalnych w Inspektorze właściwości
-
Zaznaczony region powtarzalny można modyfikować, zmieniając dowolne z poniższych opcji:
Nazwę regionu powtarzalnego.
Zestaw rekordów, który dostarcza rekordy do regionu powtarzalnego.
Liczbę wyświetlanych rekordów
Gdy zaznaczysz nową opcję, program Dreamweaver uaktualni stronę.
Ponowne wykorzystanie zestawu rekordów PHP
Więcej informacji na temat ponownego użycia zestawu rekordów PHP zawiera samouczek Davida Powersa How Do I Reuse a PHP Recordset in More Than One Repeat Region?
Tworzenie dynamicznej tabeli
Poniższy przykład przedstawia stosowanie zachowania serwerowego Region powtarzalny do wiersza tabeli i definiowanie wyświetlania dziewięciu rekordów na stronę. Sam wiersz wyświetla cztery różne rekordy: miasto, stan, adres i kod pocztowy.
Aby utworzyć tabelę dynamiczną, taką jak w poprzednim przykładzie, musisz utworzyć tabelę zawierającą dane dynamiczne i zastosować zachowanie serwerowe Region powtarzalny do wiersza, który zawiera tę dynamiczną zawartość. Podczas przetwarzania strony przez serwer aplikacji, ten wiersz tabeli będzie powtarzany tyle razy, ile podano w obiekcie serwerowym Region Powtarzalny. Do każdego nowego wiersza będzie wstawiany inny rekord.
-
Wykonaj jedną z następujących czynności, aby wstawić dynamiczną tabelę:
Wybierz polecenie Wstaw > Obiekty danych > Dynamiczne dane > Dynamiczna tabela, aby wyświetlić okno dialogowe Dynamiczna tabela.
Przejdź do panelu Wstaw. W kategorii Dane kliknij przycisk Dane dynamiczne, a następnie wybierz ikonę Tabela dynamiczna z wyskakującego menu.
-
Wybierz zestaw rekordów z wyskakującego menu Zestaw rekordów.
-
Wybierz liczbę rekordów do wyświetlania na każdej stronie.
-
(Opcjonalnie) Wpisz wartości definiujące krawędź tabeli oraz margines wewnętrzny i odstępy między komórkami.
Okno dialogowe Dynamiczna tabela zachowuje wpisane wartości krawędzi tabeli, marginesów wewnętrznych komórek oraz odstępów między komórkami.
Uwaga:Jeżeli pracujesz nad projektem, który wymaga użycia kilku tabel dynamicznych o takim samym wyglądzie, wpisz wartości układu tabeli, aby uprościć projektowanie stron. Po wstawieniu tabeli wartości te można dostosowywać za pomocą Inspektora właściwości.
-
Kliknij przycisk OK.
Na stronę wstawiona zostanie tabela oraz elementy zastępcze dla zawartości dynamicznej, zdefiniowanej w zestawie rekordów skojarzonym z tabelą.
W tym przykładzie zestaw rekordów zawiera cztery kolumny: AUTHORID, FIRSTNAME, LASTNAME i BIO. Wiersz nagłówkowy tabeli zawiera nazwy każdej z kolumn. Możesz je edytować, używając dowolnego tekstu opisowego albo zastąpić obrazami.
Tworzenie liczników rekordów
Liczniki rekordów dają użytkownikom punkt odniesienia podczas nawigacji po zestawie rekordów. Na ogół liczniki rekordów pokazują łączną liczbę zwróconych rekordów i wyświetlane w danym momencie rekordy. Na przykład jeżeli zestaw zwróci 40 osobnych rekordów, a na każdej stronie wyświetla się 8 rekordów, to licznik rekordów na pierwszej stronie pokaże: „Wyświetlono rekordy 1–8 z 40”.
Zanim wstawisz na stronie licznik rekordów, musisz utworzyć zestaw rekordów dla tej strony, przygotować odpowiedni układ, który pomieści zawartość dynamiczną, a następnie dodać pasek nawigacji zestawu rekordów.
Tworzenie prostych liczników rekordów
Liczniki rekordów informują użytkowników o tym, w jakim miejscu zestawu rekordów się znajdują względem łącznej liczby zwróconych rekordów. Dlatego też liczniki rekordów są przydatnym zachowaniem, które może znacznie zwiększyć użyteczność strony internetowej.
Aby utworzyć prosty licznik rekordów, użyj obiektu serwerowego Stan nawigacji zestawu rekordów. Ten obiekt serwerowy tworzy na stronie wpis tekstowy, wyświetlający bieżący stan rekordów. Licznik ten można dostosowywać za pomocą narzędzi programu Dreamweaver do projektowania strony.
-
Umieść punkt wstawiania w miejscu, gdzie chcesz wstawić licznik rekordów.
-
Wybierz polecenie Wstaw > Obiekty danych > Wyświetl liczbę rekordów > Stan nawigacji zestawu rekordów. Wybierz zestaw rekordów z wyskakującego menu Zestaw rekordów i kliknij przycisk OK.
Obiekt serwerowy Stan nawigacji zestawu rekordów wstawia tekstowy licznik rekordów, który wygląda podobnie jak na poniższym przykładzie:
Licznik wyświetlony w widoku aktywnym wygląda jak w poniższym przykładzie:
Tworzenie licznika rekordów i dodawanie go do strony
-
W oknie dialogowym Stan nawigacji zestawu rekordów, wybierz zestaw rekordów do śledzenia i kliknij przycisk OK.
Tworzenie własnych liczników rekordów
Własne liczniki możesz utworzyć, wykorzystując poszczególne zachowania związane z liczeniem rekordów. Stworzenie niestandardowego licznika rekordów pozwala uzyskać liczniki bardziej złożone niż prosty, pojedynczy wiersz tabeli, wstawiany przez obiekt serwerowy Stan nawigacji zestawu rekordów. Możesz ułożyć elementy projektu na wiele ciekawych sposobów i zastosować odpowiednie zachowania serwerowe do każdego elementu.
Zachowania serwerowe Liczba rekordów to:
Wyświetl numer rekordu początkowego
Wyświetl numer rekordu końcowego
Wyświetl łączną liczbę rekordów
Zanim wstawisz na stronie niestandardowy licznik rekordów, musisz utworzyć zestaw rekordów dla tej strony, przygotować odpowiedni układ, który pomieści zawartość dynamiczną, oraz dodać pasek nawigacji zestawu rekordów.
Ten przykład przedstawia tworzenie licznika rekordów, który wygląda podobnie jak przykład podany w sekcji „Proste liczniki rekordów”. W tym przykładzie tekst pisany czcionką bezszeryfową stanowi elementy zastępcze liczników rekordów, które zostaną wstawione na stronie. Przykładowy licznik rekordów wygląda następująco:
Wyświetlane są rekordy od StartRow do EndRow z RecordSet.RecordCount.
-
Przejdź do widoku Projekt i wpisz na stronie tekst licznika. Tekst może być dowolny, np.:
Displaying records thru of .
-
Umieść punkt wstawiania na końcu tego ciągu tekstu.
-
Otwórz panel Zachowania serwerowe (Okno > Zachowania serwerowe).
-
Kliknij przycisk Plus (+) w górnym lewym rogu. Kliknij przycisk Wyświetl liczbę rekordów. Z tego podmenu wybierz polecenie Wyświetl łączną liczbę rekordów. Na stronę zostanie wstawione zachowanie Wyświetl łączną liczbę rekordów. Element zastępczy pojawi się w miejscu, w którym był punkt wstawiania. Nasz ciąg tekstu wygląda teraz następująco:
Displaying records thru of {Recordset1.RecordCount}.
-
Umieść punkt wstawiania za słowem rekordy i wybierz polecenie Wyświetl numer rekordu początkowego (panel Zachowania Serwerowe > przycisk Plus (+) > Liczba rekordów). Ciąg tekstu wygląda teraz następująco:
Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
-
Teraz umieść punkt wstawiania między znakiem - a słowem z i wybierz polecenie Wyświetl numer rekordu końcowego (panel Zachowania Serwerowe > przycisk Plus (+) > Liczba rekordów). Ciąg tekstu wygląda teraz następująco:
Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
-
Sprawdź, czy licznik działa prawidłowo, wyświetlając stronę w widoku aktywnym. Licznik będzie wyglądać podobnie jak na poniższym przykładzie:
Displaying records 1 thru 8 of 40.
Jeżeli strona wyników zawiera łącze nawigacyjne, umożliwiające przejście do kolejnego zbioru rekordów, to po kliknięciu takiego łącza licznik zostanie uaktualniony:
Showing records 9 thru 16 of 40.
Używanie predefiniowanych formatów danych
Program Dreamweaver zawiera kilka predefiniowanych formatów danych, które można stosować do elementów zawartości dynamicznej. Style formatowania danych to m.in. data i godzina, waluta, format liczbowy i format procentowy.
Stosowanie formatów danych do dynamicznej zawartości
-
Zaznacz element zastępczy zawartości dynamicznej w oknie dokumentu.
-
Wybierz polecenie Okno > Wiązania, aby wyświetlić panel Wiązania.
-
Kliknij przycisk ze strzałką w dół w kolumnie Format.
Jeżeli strzałka w dół nie jest widoczna, rozwiń panel.
-
Z wyskakującego menu Format wybierz kategorię formatu danych.
Sprawdź, czy jest to format odpowiedni do rodzaju danych, które formatujesz. Np. format Waluta działa tylko wtedy, gdy dynamiczne dane zawierają informacje liczbowe. Pamiętaj, że nie można zastosować więcej niż jednego formatu do tych samych danych.
-
Sprawdź, czy format został prawidłowo zastosowany, wyświetlając podgląd strony w widoku aktywnym.
Dostosowywanie formatu danych
-
Otwórz stronę z danymi dynamicznymi w widoku Projekt.
-
Zaznacz dane dynamiczne, dla których chcesz utworzyć własny format.
Związane dane, których tekst dynamiczny został zaznaczony, zostaną podświetlone w panelu Wiązania (Okno > Wiązania). Panel wyświetla dla zaznaczonej pozycji dwie kolumny – Wiązanie i Format. Jeżeli kolumna Format jest niewidoczna, rozciągnij panel Wiązania, aby ją odsłonić.
-
W panelu Wiązania kliknij strzałkę w dół w kolumnie Format, aby rozwinąć wyskakujące menu dostępnych formatów danych.
Jeżeli strzałka w dół nie jest widoczna, rozciągnij panel Wiązania, aby go poszerzyć.
-
Z wyskakującego menu wybierz polecenie Edytuj listę formatów.
-
Wypełnij informacje w oknie dialogowym i kliknij przycisk OK.
a. Zaznacz wybrany format na liście, po czym kliknij przycisk Edytuj.
b. Zmień dowolne z wymienionych poniżej parametrów w oknach dialogowych Waluta, Liczba lub Procent, a następnie kliknij przycisk OK.
- Liczba cyfr wyświetlanych po przecinku w liczbie dziesiętnej
- Czy liczba ułamkowa powinna być poprzedzona zerem
- Czy dla liczb ujemnych używać nawiasów, czy znaku minus
- Czy grupować cyfry
c. Aby usunąć format danych, kliknij go na liście. Potem kliknij przycisk Minus (-).
Tworzenie formatu danych (Tylko ASP)
-
Otwórz stronę z danymi dynamicznymi w widoku Projekt.
-
Zaznacz dynamiczne dane, dla których chcesz utworzyć własny format.
-
Wybierz polecenie Okno > Wiązania, aby wyświetlić panel Wiązania. Kliknij strzałkę w dół w kolumnie Format. Jeżeli strzałka w dół nie jest widoczna, rozwiń panel.
-
Z wyskakującego menu wybierz polecenie Edytuj listę formatów.
-
Kliknij przycisk Plus (+) i wybierz rodzaj formatu.
-
Zdefiniuj format i kliknij przycisk OK.
-
Wpisz nazwę nowego formatu w kolumnie Nazwa i kliknij przycisk OK.Uwaga:
Ponieważ program Dreamweaver obsługuje tworzenie formatów danych tylko w przypadku stron ASP, osoby korzystające z języków ColdFusion i PHP mają do wyboru dwie możliwości: mogą pobierać formaty utworzone przez innych programistów albo tworzyć formaty serwerowe i wysyłać je do programu Dreamweaver Exchange. Więcej informacji na temat interfejsu API formatów serwerowych zawiera sekcja Rozszerzenia do programu Dreamweaver (Pomoc > Rozszerzenia do programu Dreamweaver > Formaty serwerowe).