Projektowanie stron dynamicznych

Zaprojektuj stronę.

Kluczowym krokiem w projektowaniu każdej witryny — czy to statycznej, czy dynamicznej — jest wizualny projekt strony. Podczas dodawania elementów dynamicznych do strony internetowej projekt strony staje się kluczowy dla jej użyteczności. Należy dokładnie rozważyć, w jaki sposób użytkownicy będą wchodzić w interakcje zarówno z poszczególnymi stronami, jak i z całą witryną.

Powszechną metodą włączania zawartości dynamicznej do strony internetowej jest utworzenie tabeli do prezentacji zawartości i zaimportowanie zawartości dynamicznej do jednej lub więcej komórek tabeli. Używając tej metody, można prezentować informacje różnych typów w ustrukturyzowanym formacie.

Utwórz źródło zawartości dynamicznej.

Dynamiczne witryny wymagają źródła zawartości, z którego można wyodrębnić dane przed wyświetleniem ich na stronie internetowej. Przed użyciem źródeł zawartości na stronie internetowej należy wykonać następujące czynności:

• Utwórz połączenie ze źródłem zawartości dynamicznej (takim jak baza danych) i serwerem aplikacji przetwarzającym stronę. Utwórz źródło danych za pomocą panelu Powiązania; następnie można wybrać i wstawić źródło danych na stronie.

• Określ, które informacje w bazie danych chcesz wyświetlić lub które zmienne uwzględnić na stronie, tworząc zestaw rekordów. Można również przetestować zapytanie z poziomu okna dialogowego Zestaw rekordów i wprowadzić wszelkie potrzebne zmiany przed dodaniem go do panelu Powiązania.

• Wybierz i wstaw elementy zawartości dynamicznej do wybranej strony.

Dodawanie dynamicznej zawartości do strony internetowej

Po zdefiniowaniu zestawu rekordów lub innego źródła danych i dodaniu go do panelu Powiązania można wstawić zawartość dynamiczną reprezentowaną przez zestaw rekordów na stronę. Interfejs programu Dreamweaver oparty na menu sprawia, że dodawanie elementów zawartości dynamicznej jest tak proste jak wybranie źródła zawartości dynamicznej z panelu Powiązania i wstawienie go do odpowiedniego obiektu tekstowego, obrazu lub formularza na bieżącej stronie.

Gdy wstawiasz element zawartości dynamicznej lub inne zachowanie serwera na stronę, program Dreamweaver wstawia skrypt po stronie serwera do kodu źródłowego strony. Ten skrypt instruuje serwer, aby pobrał dane ze zdefiniowanego źródła danych i renderował je na stronie internetowej. Aby umieścić zawartość dynamiczną na stronie internetowej, można wykonać jedną z następujących czynności:

• Umieść ją w punkcie wstawiania w widoku Kod lub Projekt.

• Zastąp ciąg tekstowy albo inny element zastępczy.

  Wstaw ją do atrybutu HTML. Na przykład zawartość dynamiczna może definiować atrybut src obrazu lub atrybut wartości pola formularza.

Dodaj do strony zachowania serwerowe.

Oprócz dodawania zawartości dynamicznej można włączyć złożoną logikę aplikacji do stron internetowych za pomocą zachowań serwera. Zachowania serwera to predefiniowane fragmenty kodu po stronie serwera, które dodają logikę aplikacji do stron internetowych, zapewniając większą interaktywność i funkcjonalność.

Zachowania serwera w programie Dreamweaver umożliwiają dodawanie logiki aplikacji do witryny bez konieczności samodzielnego pisania kodu. Zachowania serwera dostarczane z programem Dreamweaver obsługują typy dokumentów ColdFusion, ASP i PHP. Zachowania serwera są napisane i przetestowane pod kątem szybkości, bezpieczeństwa i niezawodności. Wbudowane zachowania serwera obsługują wieloplatformowe strony internetowe we wszystkich przeglądarkach.

Dreamweaver zapewnia interfejs typu „wskaż i kliknij", który sprawia, że stosowanie zawartości dynamicznej i złożonych zachowań na stronie jest tak samo łatwe jak wstawianie elementów tekstowych i projektowych. Dostępne są następujące zachowania serwera:

• Zdefiniuj zestaw rekordów z istniejącej bazy danych. Zdefiniowany zestaw rekordów jest następnie przechowywany w panelu Powiązania.

• Wyświetl wiele rekordów na pojedynczej stronie. Wybierasz całą tabelę lub poszczególne komórki lub wiersze zawierające zawartość dynamiczną i określasz liczbę rekordów do wyświetlenia w każdym widoku strony.

• Utwórz i wstaw tabelę dynamiczną na stronę oraz powiąż tabelę z zestawem rekordów. Można później zmodyfikować zarówno wygląd tabeli, jak i region powtarzający, używając odpowiednio inspektora właściwości i zachowania serwera Repeating Region.

• Wstaw na stronie dynamiczny obiekt tekstowy. Wstawiany obiekt tekstowy to element ze wstępnie zdefiniowanego zestawu rekordów, do którego można zastosować dowolny format danych.

• Utwórz kontrolki nawigacji i stanu rekordów, strony wzorzec/szczegóły oraz forms do aktualizacji informacji w bazie danych.

• Wyświetl więcej niż jeden rekord z bazy danych.

• Utwórz łącza nawigacyjne zestawu rekordów, które umożliwiają użytkownikom przeglądanie poprzednich lub następnych rekordów z bazy danych.

• Dodaj licznik rekordów, aby pomóc użytkownikom śledzić, ile rekordów zostało zwróconych i gdzie znajdują się w zwróconym wyniku.

Można także rozszerzyć zachowania serwera programu Dreamweaver, pisząc własne lub instalując zachowania serwera napisane przez strony trzecie.

Przetestuj stronę i przeprowadź debugowanie.

Przed udostępnieniem strony dynamicznej — lub całej witryny — w internecie należy przetestować jej funkcjonalność. Należy również rozważyć, jak funkcjonalność aplikacji może wpłynąć na osoby z niepełnosprawnościami.