创建母版页

创建母版页时,可以采用在 Microsoft Expression Web 中处理其他网页的同样方法,进行网页布局、应用样式和添加 ASP.NET 控件等操作。在母版页中创建的布局和内容也将应用到附加到该母版页的网页。

创建新母版页

  1. 在“文件”菜单上,单击“新建”,再单击“网页”。

  2. 在“新建”对话框的“网页”选项卡上,从最左侧列表中选择“常规”或“ASP.NET”,再从中间列表中选择“母版页”。

  3. 在“选项”区域的“编程语言”下拉框中,为母版页设置默认的编程语言。

  4. 单击“确定”。

    新母版页将在编辑器中打开。保存文件时,请确保将 .master 用作文件扩展名。

    默认情况下,创建新的母版页时会包含两个内容占位符控件:HEADContentPlaceHolder1

默认的内容占位符

如果想添加、删除或修改内容占位符控件,必须在母版页上放置一个或多个内容占位符控件。内容占位符控件标记内的所有内容都可以在基于母版页的网页中进行编辑,而母版页中的所有其他内容却无法在内容页中进行编辑。

<asp:contentplaceholder id="head" runat="server">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
Cc295137.alert_tip(zh-cn,Expression.10).gif提示:

请确保将所有布局内容(表或 div)放置在内容占位符之外。

例如,下面所示的母版页标题中的样式表链接位于内容占位符之外,因此,它将应用到所有基于该母版页的网页,并且不能在各个内容页中进行更改。如果该样式表链接标记位于内容占位符内,它仍将应用到所有基于该母版页的网页,但是可以在各个内容页中进行更改。

Cc295137.alert_note(zh-cn,Expression.10).gif说明:

请不要删除 head 内容占位符。Expression Web 需要使用此内容占位符来包括您以交互方式设计的样式。如果删除了 head 内容占位符,Expression Web 将在您为内容页中的元素设置样式时创建级联样式,而不是样式类。而且,如果删除了 head 内容占位符,将无法通过“网页属性”对话框设置内容页的属性。

向母版页添加内容占位符

  1. 在“设计”视图中,右键单击网页,再单击快捷菜单上的“管理 Microsoft ASP.NET 内容区域”。

  2. 在“管理内容区域”对话框中,在“区域名称”框中键入新区域的名称。

  3. 单击“添加”。

使用代码在母版页中添加内容占位符

  • 在“代码”视图中,键入以下内容,以便提供唯一的 ID 值:

    <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 母版页概述

根据母版页创建网页

“母版页”工具栏

将内容添加到内容页