新增內容到內容網頁

當您建立內容網頁 (即以主版頁面為基礎的網頁) 後,只可新增內容到 Content 控制項 (位於 [程式碼] 檢視中的 <asp:Content> 與 </asp:Content> 標籤之間)。任何不在 Content 控制項中的項目 (伺服器程式碼的指令碼區塊除外),皆會導致錯誤。

您可以在內容網頁中執行在 ASP.NET 網頁中所執行的任何工作。例如,您可以使用伺服器控制項及資料庫查詢或其他動態機制,產生 Content 控制項的內容。

若將內容新增到主版頁面之 contentplaceholder 控制項中,則以主版頁面為基礎之內容網頁上的這些控制項,預設會予以鎖定。當您根據此主版頁面建立網頁時,Content 控制項會被鎖定而無法編輯。

編輯 Content 控制項中的預設主版頁面內容

  1. 在 [設計] 檢視中,按一下內容預留位置結尾處的箭號按鈕以顯示 [內容工作] 功能表,然後按一下 [建立自訂內容]。

    該內容區域在 [程式碼] 檢視中會隨即顯示,同時在 [設計] 與 [程式碼] 檢視中會變為可編輯的狀態。

  2. 編輯控制項中的內容。

回復為預設主版頁面內容

  • 在 [設計] 檢視中,按一下內容預留位置結尾處的箭號按鈕以顯示 [內容工作] 功能表,然後按一下 [預設為主版內容]。

    [Content] 控制項會再次被鎖定。

設定內容網頁的屬性

在 [設計] 檢視中,您可以依照其他網頁的運作方式,為以主版頁面為基礎的內容網頁設定網頁內容及新增樣式表。但在 [程式碼] 檢視中則有些許不同。

新增樣式表至內容網頁

  1. 在 [格式] 功能表上,按一下 [CSS 樣式表],再按 [附加樣式表]。

  2. 在 [附加樣式表] 對話方塊中,指定 .css 檔案。

    當您將樣式表新增到內容網頁時,會解除鎖定 head 內容控制項,使之得以在 [程式碼] 檢視中顯示。樣式表連結會新增到 head 控制項,以便您稍後可以視需要加以變更或刪除。

    <asp:Content id="content1" runat="server" contentplaceholderid="head">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="myCSS.css" />
    </asp:Content>
    

    若主版頁面包含 head contentplaceholder 中的樣式表連結,則該連結將會顯示,而您則可決定要將其保留在內容網頁中,或予以刪除。

    若主版頁面包含 head contentplaceholder 以外的樣式表連結,則該連結將不會顯示在內容網頁中,但在使用者的瀏覽器中,除會套用內容網頁中所指定的樣式表之外,還會將此連結套用至其中。

變更內容網頁的標題

  • 執行下列其中一項動作:

    • 在 [檔案] 功能表中,按一下 [屬性]。在 [屬性] 對話方塊的 [一般] 索引標籤中,在 [標題] 方塊中鍵入新的標題。

    • 在 [程式碼] 檢視之 @ Page 指示詞的 title 屬性中鍵入新的標題:

      <%@ Page language="C#" masterpagefile="m1.master" title="New Title" %>
      

請參閱

概念

ASP.NET 主版頁面概觀

建立主版頁面

利用主版頁面建立網頁

主版頁面工具列