Share via


建立動態網站範本

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

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

Note注意:

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

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

建立動態網站範本

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

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

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

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

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

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

    Note注意:

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

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

您可以建立任何所需多寡數量的可編輯區域。您可能會想要至少有一個可編輯區域,以便各個使用範本的網頁能夠呈現各自獨特的內容。不過,建立許多相互接觸的小型可編輯區域,通常不會有用處。只要一個大型的可編輯區域就足夠了。

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

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

    Note注意:

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

  2. 執行下列其中一項動作:

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

    • 按一下 [動態網站範本] 工具列中的 [管理可編輯區域] Cc295595.bf2ff03b-0227-4986-aba8-0fc83a50ba3a(zh-tw,Expression.40).png

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

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

Cc295595.9c381d7c-a644-42df-8fa5-cc32c1a76301(zh-tw,Expression.40).png

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

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

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

  2. 執行下列其中一項動作:

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

    • 按一下 [動態網站範本] 工具列中的 [管理可編輯區域] Cc295595.bf2ff03b-0227-4986-aba8-0fc83a50ba3a(zh-tw,Expression.40).png

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

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

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

  2. 執行下列其中一項動作:

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

    • 按一下 [動態網站範本] 工具列中的 [管理可編輯區域] Cc295595.bf2ff03b-0227-4986-aba8-0fc83a50ba3a(zh-tw,Expression.40).png

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

另請參閱

工作

附加或卸離動態網站範本
附加不同的動態網站範本
更新附加至動態網站範本的網頁

參照

動態網站範本工具列

概念

使用動態網頁範本控制版面配置