使用母版页.DOCVIP

第5章 使用母版页 5.2.2演示：创建母版页 当我们访问网站的时候，经常会看到不同的页面上有着很多相似的内容，比如：公司的logo、网站导航菜单等，并且这些页面布局也基本一致。在ASP.Net2.0中我们可以通过母板页来统一网站布局。 本演示提供了Demos\Chapter5\Demo1\Starter\Demo1初始项目，本演示将为此项目添加新母版页，并与一般网页（.aspx）进行对比分析，最后简单的设计其布局。 任务 步骤 实现添加母板页功能。 按照以下位置打开站点 [Visual Basic] 站点位置：“Demos\Chapter5\Demo1\Starter\VB\Demo1”。 [C#] 站点位置：“Demos\Chapter5\Demo1\Starter\C#\Demo1”。 注意：首先要把此站点发布到IIS上。 进行以下步骤：点右键选中站点-(“添加新项”--(从“Visual Studio 已安装的模板”中选择“母版页”，“名称”设为“MasterPage.master”， 实现设计母板页布局功能。 打开“MasterPage.master”页面的设计视图，我们把此页面分为三个区域。为此我们需要插入一个三行一列的表格，分别为页面顶部，页面内容，页面底部。把ASP.NET 默认创建的一个内容可置换区放在页面内容区域。并为每个区域设置不同的背景色。设置完成后的代码如下： [Visual Basic] %@ Master Language=VB CodeFile=MasterPage.master.vb Inherits=MasterPage % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server title无标题页/title /head body form id=form1 runat=server div table tr td style=width: 787px; height: 38px 页面顶部/td /tr tr td style=width: 787px; height: 381px; background-color: green; asp:contentplaceholder id=ContentPlaceHolder1 runat=server /asp:contentplaceholder /td /tr tr td style=width: 787px; height: 104px; background-color: blue; strongspan style=color: #ffff99页面底部/span/strong/td /tr /table /div /form /body /html [C#] %@ Master Language=C# AutoEventWireup=true CodeFile=MasterPage.master.cs Inherits=MasterPage % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server title无标题页/title /head body form id=form1 runat=server div table tr td style=width: 787px; height: 38px 页面顶部/td /tr tr td style=width: 787px; height: 381px; background-color: green; asp:contentplaceholder id=ContentPlaceHolder1 runat=server /asp:contentplaceholder /td /tr tr td style=width: 787px; height: 104px; background-color: blue; strongspan style=color: #ffff99页面底部/span/strong/td /tr /table /div /form /body /html 步骤 实现为母版页添加内容页功能。 按照以下位置打开站点 [Visual Basic] 站点位置：“Demos\Chapter5\Demo