建立主版頁面

建立主版頁面時,您可以配置版面、套用樣式並新增 ASP.NET 控制項,方法就和您使用 Microsoft Expression Web 中的其他網頁一樣。您在主版頁面中建立的版面配置及內容,會套用到主版頁面所附加的網頁。

建立新的主版頁面

  1. 在 [檔案] 功能表上,按一下 [開新檔案],然後按一下 [網頁]。

  2. 在 [開新檔案] 對話方塊的 [網頁] 索引標籤中,選取最左側清單中的 [一般] 或 [ASP.NET] 以及中間清單的 [主版頁面]。

  3. 在 [選項] 區域的 [程式設計語言] 下拉式方塊中,設定主版頁面的預設程式設計語言。

  4. 按一下 [確定]。

    新的主版頁面會於編輯器中開啟。儲存檔案時,請確定副檔名為 .master。

    根據預設,建立新的主版頁面時,該網頁會包含兩個內容預留位置控制項:HEAD 與 ContentPlaceHolder1。

預設內容預留位置

若想新增、移除或修改內容預留位置控制項,則主版頁面上必須要有一或多個內容預留位置控制項。內容預留位置控制項標籤內的任何項目,均可在以主版頁面為基礎的網頁中進行編輯。在主版頁面中的其他項目,則無法在內容網頁中編輯。

<asp:contentplaceholder id="head" runat="server">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
Cc295137.alert_tip(zh-tw,Expression.10).gif秘訣:

確定將所有版面配置內容 (表格或 divs) 置於內容預留位置之外。

例如,下列主版頁面標題中的樣式表連結位於內容預留位置之外,因此它會套用到所有以主版頁面為基礎的網頁上,且無法在個別內容網頁中進行變更。若樣式表連結標籤位於內容預留位置內,它仍會進行套用,但可在內容網頁中進行變更。

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

請勿移除標題內容預留位置。Expression Web 會使用此內容預留位置放入互動設計的樣式。若移除了標題內容預留位置,Expression Web 會建立內嵌樣式,而不是您在內容網頁中設計元素時的樣式類別。此外,若移除了標題內容預留位置,將無法透過 [網頁屬性] 對話方塊設定內容網頁中的屬性。

將內容預留位置新增至主版頁面

  1. 在 [設計] 檢視中,以滑鼠右鍵按一下網頁,然後按一下快顯功能表上的 [管理 Microsoft ASP.NET 內容區域]。

  2. 在 [管理內容區域] 對話方塊的 [區域名稱] 方塊中,輸入新區域的名稱。

  3. 按一下 [新增]。

使用程式碼將內容預留位置新增至主版頁面

  • 在 [程式碼] 檢視中,輸入下列程式碼 (假設識別碼有唯一的值):

    <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder>
    

刪除主版頁面上的內容預留位置

  1. 在 [設計] 檢視中,以滑鼠右鍵按一下網頁,然後按一下快顯功能表上的 [管理 Microsoft ASP.NET 內容區域]。

  2. 在 [管理內容區域] 對話方塊中,選取要刪除的內容預留位置。

  3. 按一下 [移除]。

使用程式碼刪除主版頁面中的內容預留位置

  • 在 [程式碼] 檢視中,刪除 <asp:contentplaceholder> and </asp:contentplaceholder> 標籤。

重新命名主版頁面上的內容預留位置

  1. 在 [設計] 檢視中,以滑鼠右鍵按一下網頁,然後按一下快顯功能表上的 [管理 Microsoft ASP.NET 內容區域]。

  2. 在 [管理內容區域] 對話方塊中,按兩下要重新命名的內容預留位置。

  3. 在 [區域名稱] 方塊中,輸入新名稱。

  4. 按一下 [重新命名]。

使用程式碼重新命名主版頁面上的內容預留位置

  • 在 [程式碼] 檢視中,變更 <asp:contentplaceholder> 標籤中的 ID 屬性值。

請參閱

概念

ASP.NET 主版頁面概觀

利用主版頁面建立網頁

主版頁面工具列

新增內容到內容網頁