W widoku Projekt wybierz
tekst na stronie lub kliknij miejsce, w którym chcesz dodać tekst dynamiczny.
Ostatnia aktualizacja
25 kwi 2024
Spostrzeżenie
Interfejs użytkownika w programie Dreamweaver i nowszych wersjach został uproszczony. Dlatego począwszy od wersji Dreamweaver niektóre opcje opisane w tym artykule mogą nie być dostępne. Więcej informacji zawiera ten artykuł.
Informacje o dodawaniu zawartości dynamicznej
Po zdefiniowaniu jednego lub więcej źródeł zawartości dynamicznej można użyć tych źródeł do dodania zawartości dynamicznej na stronie. Źródła zawartości mogą obejmować kolumnę w zestawie rekordów, wartość przesłaną przez formularz HTML, wartość zawartą w obiekcie serwera lub inne dane.
W programie Dreamweaver można umieścić zawartość dynamiczną niemal w dowolnym miejscu na stronie internetowej lub w jej kodzie źródłowym HTML. Zawartość dynamiczną można umieścić w punkcie wstawiania, zastąpić nią ciąg tekstowy lub wstawić ją jako atrybut HTML. Na przykład zawartość dynamiczna może definiować atrybut src obrazu lub atrybut value pola formularza.
Zawartość dynamiczną można dodać do strony, wybierając źródło zawartości w panelu Powiązania. Program Dreamweaver wstawia skrypt po stronie serwera w kodzie strony, instruując serwer, aby przeniósł dane ze źródła zawartości do kodu HTML strony, kiedy strona jest żądana przez przeglądarkę.
Często istnieje więcej niż jeden sposób na uczynienie danego elementu strony dynamicznym. Na przykład, aby uczynić obraz dynamicznym, można użyć panelu Powiązania, Inspektora właściwości lub polecenia Obraz z menu Wstaw.
Domyślnie strona HTML może wyświetlać tylko jeden rekord naraz. Aby wyświetlić inne rekordy w zestawie rekordów, można dodać łącze do przemieszczania się przez rekordy po jednym na raz lub można utworzyć region powtarzający do wyświetlenia więcej niż jednego rekordu na pojedynczej stronie.
Informacje o dynamicznym tekście
Tekst dynamiczny przyjmuje dowolne formatowanie tekstu zastosowane do istniejącego tekstu lub do punktu wstawiania. Na przykład, jeśli styl kaskadowych arkuszy stylów (CSS) wpływa na wybrany tekst, na zawartość dynamiczną zastępującą go również wpływa ten styl. Można dodać lub zmienić format tekstu zawartości dynamicznej, używając dowolnych narzędzi formatowania tekstu programu Dreamweaver.
Do tekstu dynamicznego można również stosować format danych. Na przykład, jeśli dane składają się z dat, można określić konkretny format daty, taki jak 04/17/00 dla odwiedzających z USA lub 17/04/00 dla odwiedzających z Kanady.
Tworzenie tekstu dynamicznego
Można zastąpić istniejący tekst tekstem dynamicznym lub umieścić tekst dynamiczny w danym punkcie wstawiania na stronie.
Dodawanie dynamicznego tekstu
W panelu Powiązania (Okno > Powiązania)
wybierz źródło zawartości z listy. Jeśli wybierasz zestaw rekordów,
określ kolumnę, której chcesz użyć w zestawie rekordów.
Źródło zawartości powinno zawierać zwykły tekst (tekst ASCII). Zwykły tekst to także HTML. Jeśli na liście nie ma źródeł zawartości lub dostępne źródła zawartości nie spełniają wymagań, kliknij przycisk Plus (+), aby zdefiniować nowe źródło zawartości.
(Opcjonalnie) Wybierz format danych dla tekstu.
Kliknij przycisk Wstaw albo przeciągnij źródło zawartości na stronę.
Pojawi się element zastępczy zawartości dynamicznej. (Jeśli wybrano tekst na stronie, symbol zastępczy zastępuje zaznaczony tekst.)Symbol zastępczy dla zawartości zestawu rekordów używa składni {RecordsetName.ColumnName}, gdzie Recordset to nazwa zestawu rekordów, a ColumnName to nazwa kolumny wybranej z zestawu rekordów.
Czasami długość symboli zastępczych dla tekstu dynamicznego zniekształca układ strony w oknie Dokumentu. Problem można rozwiązać, używając pustych nawiasów klamrowych jako symboli zastępczych, zgodnie z opisem w następnym temacie.
Wyświetl symbole zastępcze dla tekstu dynamicznego
Wybierz Edycja > Preferencje >
Elementy niewidoczne (Windows) lub Dreamweaver > Preferencje >
Elementy niewidoczne (Macintosh).
W menu podręcznym Pokaż tekst dynamiczny jako wybierz { },
i kliknij OK.
Wprowadzanie dynamiki do obrazów
Obrazy na stronach mogą zachowywać się dynamicznie. Na przykład załóżmy, że projektujesz stronę do wyświetlania przedmiotów na sprzedaż na aukcji charytatywnej.Każda strona zawierałaby tekst opisowy i zdjęcie jednego przedmiotu.Ogólny układ strony pozostałby taki sam dla każdego elementu, ale zdjęcie (i tekst opisowy) mogłyby się zmieniać.
Gdy strona jest otwarta w widoku Projekt (Widok > Projekt), umieść punkt wstawiania w miejscu, w którym ma się pojawić obraz na stronie.
Wybierz polecenie Wstaw > Obraz.
Pojawi się okno dialogowe Wybierz źródło obrazu.
Kliknij opcję Źródła danych (Windows) lub przycisk Źródło
danych (Macintosh).
Pojawi się lista źródeł zawartości.
Wybierz źródło zawartości z listy i kliknij przycisk OK.
Źródło zawartości powinno być zestawem rekordów zawierającym ścieżki do plików obrazów.W zależności od struktury plików witryny ścieżki mogą być bezwzględne, względne względem dokumentu lub względne względem katalogu głównego.
Spostrzeżenie
Program Dreamweaver obecnie nie obsługuje obrazów binarnych przechowywanych w bazie danych.
Jeśli na liście nie ma żadnych zestawów rekordów lub dostępne zestawy rekordów nie spełniają wymagań, zdefiniuj nowy zestaw rekordów.
Tworzenie dynamicznych atrybutów HTML
Można dynamicznie zmienić wygląd strony przez powiązanie atrybutów HTML z danymi.Na przykład można zmienić obraz w tle tabeli przez powiązanie atrybutu background tabeli z polem w zestawie rekordów.
Atrybuty HTML można powiązać za pomocą panelu Powiązania lub Inspektora właściwości.
Uczyń atrybuty HTML dynamicznymi za pomocą panelu Powiązania
Otwórz panel Powiązania
wybierając Okno > Powiązania.
Upewnij się, że panel Powiązania zawiera źródło danych,
którego chcesz użyć.
Źródło zawartości powinno zawierać dane odpowiednie dla atrybutu HTML, który chcesz powiązać.Jeśli na liście nie ma żadnych źródeł zawartości lub dostępne źródła zawartości nie spełniają wymagań, kliknij przycisk Plus (+), aby zdefiniować nowe źródło danych.
Przejdź do widoku Projekt i zaznacz obiekt HTML.
Na przykład, aby wybrać tabelę HTML, kliknij wewnątrz tabeli i kliknij znacznik <table> w selektorze znaczników w dolnej lewej części okna Dokument.
W panelu Powiązania wybierz źródło zawartości z listy.
W polu Powiąż z wybierz atrybut HTML z menu
podręcznego.
Kliknij przycisk Zwiąż.
Następnym razem, gdy strona zostanie uruchomiona na serwerze aplikacji, Wartość źródła danych zostanie przypisana do atrybutu HTML.
Uczyń atrybuty HTML dynamicznymi za pomocą Inspektora właściwości
W widoku Projekt wybierz obiekt HTML i otwórz Inspektor właściwości (Okno > Właściwości).
Na przykład, aby wybrać tabelę HTML, kliknij wewnątrz tabeli i kliknij znacznik <table> w selektorze znaczników w lewym dolnym rogu okna Dokument.
Sposób powiązania źródła zawartości dynamicznej z atrybutem HTML
zależy od tego, gdzie się znajduje.
Jeśli atrybut, który chcesz powiązać, ma ikonę folderu obok siebie w inspektorze właściwości, kliknij ikonę folderu, aby otworzyć okno dialogowe wyboru pliku; następnie kliknij opcję Źródła danych, aby wyświetlić listę źródeł danych.
Jeśli atrybut, który chcesz powiązać, nie ma ikony folderu obok siebie, kliknij kartę Lista (niższą z dwóch kart) po lewej stronie inspektora.
Pojawi się widok listy inspektora właściwości.
Jeśli atrybut, który chcesz powiązać, nie jest wymieniony w widoku listy, kliknij przycisk Plus (+); następnie wprowadź nazwę atrybutu lub kliknij przycisk ze strzałką i wybierz atrybut z menu podręcznego.
Aby uczynić wartość atrybutu dynamiczną, kliknij atrybut; następnie kliknij ikonę pioruna lub ikonę folderu na końcu wiersza atrybutu.
Po kliknięciu ikony błyskawicy pojawi się lista źródeł danych.
Jeśli kliknąłeś ikonę folder, pojawi się okno dialogowe wyboru pliku. Wybierz opcję Źródła danych, aby wyświetlić listę źródeł zawartości.
Wybierz źródło zawartości z listy źródeł zawartości
i kliknij OK.
Źródło zawartości powinno zawierać dane odpowiednie dla atrybutu HTML, który chcesz powiązać. Jeśli na liście nie pojawią się żadne źródła zawartości lub jeśli dostępne źródła zawartości nie spełniają wymagań, zdefiniuj nowe źródło zawartości.
Następnym razem, gdy strona będzie działać na serwerze aplikacji, wartość źródła danych zostanie przypisana do atrybutu HTML.
Uczyń parametry ActiveX, Flash i innych obiektów dynamicznymi
Można uczynić parametry appletów Java i wtyczek dynamicznymi, jak również parametry obiektów ActiveX, Flash, Shockwave, Director i Generator.
Przed rozpoczęciem upewnij się, że pola w zestawie rekordów zawierają dane odpowiednie do parametrów obiektów, które chcesz powiązać.
W widoku projektu wybierz obiekt na stronie i
otwórz inspektor właściwości (Okno > Właściwości).
Kliknij przycisk Parametry.
Jeśli parametr nie pojawia się na liście, kliknij przycisk Plus (+) i wprowadź nazwę parametru w kolumnie Parametr.
Kliknij kolumnę Wartość parametru, a następnie kliknij
ikonę błyskawicy, aby określić wartość dynamiczną.
Pojawi się lista źródeł danych.
Wybierz źródło danych z listy i kliknij przycisk OK.
Źródło danych powinno zawierać dane odpowiednie do parametru obiektu, który chcesz powiązać.Jeśli na liście nie pojawią się żadne źródła danych lub jeśli dostępne źródła danych nie spełniają potrzeb, zdefiniuj nowe źródło danych.
Więcej podobnych
- Definiowanie źródeł zawartości dynamicznej
- Tworzenie paska nawigacji dla zestawu rekordów
- Wyświetlanie wyników z wielu zestawów rekordów
- Stosowanie elementów typograficznych i elementów układu strony do danych dynamicznych
- Używanie predefiniowanych formatów danych
- Informacje o zestawach rekordów
- Definiowanie zestawu rekordów bez pisania kodu SQL
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
