建立動態網站範本

若要建立動態網站範本 (DWT),可從空的 HTML 網頁開始,然後將其儲存為 .dwt 檔案。接著新增可編輯的區域,讓您可以變更附加到此動態網站範本的網頁內容。

當您儲存 DWT 及其附加檔案時,Microsoft Expression Web 會提示您更新相關的檔案。

Cc295595.alert_note(zh-tw,Expression.10).gif注意事項:

DWT 利用中繼資料維護 .dwt 檔案與附加到 .dwt 檔案之網頁間的關係。若附加到 DWT 的網頁,未在 Expression Web 提示您更新檔案後正確地更新,請依序按一下 [網站] 與 [重整超連結],對中繼資料進行同步處理。您可以接著按一下 [格式],再指向 [動態網站範本],然後按 [更新附加的網頁] 更新附加的網頁。

如需有關中繼資料或更新網頁附加至 DWT 之網頁的詳細資訊,請參閱新增或移除中繼資料更新附加至動態網站範本的網頁

建立動態網站範本

  1. 在 [檔案] 功能表上按一下 [開新檔案]。

  2. 從 [新增] 對話方塊之 [網頁] 索引標籤的欄左側選取 [一般],再按一下欄中央的 [動態網站範本],然後按 [確定]。

從 HTML 檔案建立動態網站範本

  • 建立或開啟 HTML 檔案,然後執行下列一項作業:

    • 在網頁中新增一或多個可編輯的區域。按一下 [檔案] 功能表中的 [儲存]。

      如需詳細資訊,請參閱「新增可編輯區域到動態網站範本」的程序。

      Cc295595.alert_note(zh-tw,Expression.10).gif注意事項:

      由於可編輯區域已加入網頁中,預設檔案的副檔名為 .dwt。

    • 在 [檔案] 功能表上,按一下 [另存新檔]。在 [檔案類型] 清單中,按一下 [動態網站範本],再按 [儲存]。

新增可編輯區域到動態網站範本

  1. 選取要定義為可編輯區域的元素。

    Cc295595.alert_note(zh-tw,Expression.10).gif注意事項:

    若未選取元素,則會將游標所在位置前的元素定義為可編輯區域。

  2. 在 [設計] 檢視中,以滑鼠右鍵按一下 [動態網站範本],然後按 [管理可編輯區域]。

    - 或 -

    按一下 [動態網站範本] 工具列中的 [管理可編輯區域] 按鈕 Cc295595.825d6bdd-c427-4058-991d-645c7570533c(zh-tw,Expression.10).bmp

  3. 在 [可編輯區域] 對話方塊的 [區域名稱] 方塊中,鍵入可編輯區域的名稱,然後按一下 [新增]。重複上述步驟,以新增其他的可編輯區域。

  4. 新的可編輯區域會隨即出現在網頁上。在 .dwt 檔案中選取可編輯區域之後,該區域會以橘色框線標示,並包含索引標籤顯示該區域的名稱。

若要在未選取區域時,檢視 .dwt 檔案中的可編輯區域,請務必開啟 [視覺輔助工具]。在 [檢視] 功能表上,指向 [視覺輔助工具],然後按 [顯示]。開啟 [視覺輔助工具] 之後,請按一下 [檢視] 功能表中的 [視覺輔助工具],然後按 [範本區域標籤]。如需有關視覺輔助工具的詳細資訊,請參閱視覺輔助工具

重新命名動態網站範本中的可編輯區域

  1. 選取要重新命名的可編輯區域。

  2. 在 [設計] 檢視中,以滑鼠右鍵按一下 [動態網站範本],然後按 [管理可編輯區域]。

    - 或 -

    按一下 [動態網站範本] 工具列中的 [管理可編輯區域] 按鈕 Cc295595.825d6bdd-c427-4058-991d-645c7570533c(zh-tw,Expression.10).bmp

  3. 在 [可編輯區域] 對話方塊的 [區域名稱] 方塊中鍵入新名稱,然後按一下 [重新命名]。

移除動態網站範本中的可編輯區域

  1. 選取要移除的可編輯區域。

  2. 在 [設計] 檢視中,以滑鼠右鍵按一下 [動態網站範本],然後按 [管理可編輯區域]。

    - 或 -

    按一下 [動態網站範本] 工具列中的 [管理可編輯區域] 按鈕 Cc295595.825d6bdd-c427-4058-991d-645c7570533c(zh-tw,Expression.10).bmp

  3. 確定已選取所要移除的可編輯區域,然後按一下 [移除]。

請參閱

概念

動態網站範本概觀

動態網站範本工具列

附加或中斷動態網站範本

附加不同的動態網站範本

更新附加至動態網站範本的網頁