設計動態網頁

設計網頁。

設計任何網站 (不論靜態或動態) 的關鍵步驟就是頁面的視覺設計。 在將動態元素新增至網頁時，頁面設計對頁面可用性而言就相當重要。 您應仔細考量使用者與個別頁面以及整個網站的互動方式。

將動態內容包含到網頁內的常見方法是建立表格來呈現內容，並將動態內容匯入表格的一個或多個儲存格中。 使用這個方法，您就可以用結構化的格式來呈現各種類型的資訊。

建立動態內容的來源。

動態網站需要可以擷取資料的內容來源，才能在網頁上顯示相關資料。 您必須先執行下列操作，才能在網頁中使用內容來源：

• 建立對動態內容來源 (如資料庫) 和處理頁面之應用程式伺服器的連線。 使用「繫結」面板建立資料來源；之後便可以在頁面中選取和插入資料來源。

• 建立資料集以指定您要在資料庫中顯示的資訊，或是要在頁面中包含的變數。 您也可以從「資料集」對話框內測試查詢，並在將查詢新增至「繫結」面板之前，先進行所有必要的調整。

• 選取動態內容元素，並將其插入選取的頁面中。

在網頁上新增動態內容。

在定義資料集或其他資料來源，並將其新增至「繫結」面板之後，您就可以將資料集所代表的動態內容插入頁面中。 Dreamweaver 選單驅動介面讓新增動態內容元素的步驟變得簡單，就像從「繫結」面板中選取動態內容來源，再將其插入目前頁面內適當的文字、影像或表單物件中一樣容易。

當您將動態內容元素或其他伺服器行為插入頁面時，Dreamweaver 會將伺服器端指令碼插入頁面的原始碼中。 這個指令碼會指示伺服器從已定義的資料來源擷取資料，再把資料呈現在網頁內。 若要在網頁中置入動態內容，您可以執行下列其中一項操作：

• 在「程式碼」或「設計」檢視中，將其放置在插入點上。

• 取代文字字串或其他預留位置。

  將其插入 HTML 屬性中。 例如，動態內容可以定義影像的 src 屬性或表單欄位的 value 屬性。

在網頁上新增伺服器行為。

除了新增動態內容之外，您也可以使用伺服器行為，在網頁內包含複雜的應用程式邏輯。 伺服器行為是伺服器端程式碼中預先定義的片段，會將應用程式邏輯新增至網頁，提供更好的互動和功能。

Dreamweaver 伺服器行為讓您無需自行撰寫程式碼，就可以將應用程式邏輯新增至網站。 Dreamweaver 隨附的伺服器行為支援 ColdFusion、ASP 和 PHP 文件類型。 伺服器行為的撰寫和測試方式讓其快速、安全且穩定。 內建的伺服器行為可支援所有瀏覽器的跨平台網頁。

Dreamweaver 提供的點按介面，使得在頁面上套用動態內容和複雜行為，變得就像是插入文字和設計元素一樣容易。 您可以使用下列伺服器行為：

• 從現有的資料庫定義資料集。 然後您所定義的資料集就會儲存在「繫結」面板中。

• 在單一網頁上顯示多筆記錄。 您可以選取整個表格或包含動態內容的個別儲存格或列，然後指定要顯示在每個頁面檢視上的記錄數目。

• 建立動態表格並插入頁面中，然後建立表格與資料集的關聯。 稍後，您可以分別使用「屬性」檢視窗和「重複區域伺服器行為」來修改表格的外觀和重複區域。

• 將動態文字物件插入網頁中。 您插入的文字物件是來自於預先定義資料集的項目，您可以對它套用任何資料格式。

• 在資料庫中建立更新資訊的記錄導覽和狀態控制項、主要/細節頁面和表單。

• 顯示資料庫記錄中一筆以上的記錄。

• 建立資料集導覽連結，讓使用者能夠檢視資料庫記錄中的上一筆或下一筆記錄。

• 新增記錄計數器，以協助使用者追蹤傳回的記錄數目，以及記錄在傳回結果中的所在位置。

您也可以自行撰寫伺服器行為，或是安裝由協力廠商撰寫的伺服器行為，以擴充 Dreamweaver 的伺服器行為。

進行網頁測試和除錯。

在網頁上提供動態頁面 (或整個網站) 之前，您必須先測試其功能。 您也應該考慮應用程式的功能將會對身心障礙人士有何影響。