P.NET动态网页设计教程（第二版） 教学课件 作者 丁桂芝 第10章.pptVIP

第十章 母版页 10.1 母版页概述 通常我们在浏览网页时，会发现只要是相对较大一点的网站，网站中所有网页的设计风格都是一致的。一个网站上的网页一般都会具有共同的外观，例如具有相同的网站标志、导航栏、版权声明等。在网站开发过程中，这些共同的部分一般不会是在创建每一个页面时手工添加上去的，不然网站开发设计的工作量就太大了，而且还会使以后网站的布局更新变得相当复杂。 ASP.NET 2.0技术提出了一个新功能——母版页。设计母版页的目的就是在ASP.NET 2.0技术中，从内部建立支持网页模板的功能，模板中包含各个网页中相同的部分，不同的网页只需要在模板的可编辑区域添加不同的内容。如果要更新各个页面中相同的部分，只需要对模板进行修改即可。 第十章 母版页 10.1 母版页概述 对于母版页的概念应该不难理解，相信绝大多数读者都使用过Microsoft Office PowerPoint制作幻灯片，其中有一个母版幻灯片的概念，ASP.NET 2.0 技术中的母版页与 PowerPoint 中的母版幻灯片其作用大致相同，这对于理解母版页的概念会有很大帮助的。 在ASP.NET 2.0中，可以将Web应用程序中的公用元素，如网站标志、广告条、导航栏、版权声明等内容添加到母版页中。母版页的核心功能是能够为ASP.NET 2.0 Web应用程序创建统一的用户界面和外观样式。在实现网站风格一致性的过程中，必须包含两种文件：一种是母版页，另一种是内容页。 第十章 母版页 10.1 母版页概述 母版页是一种特殊的 ASP.NET 网页，其后缀名是 .master。像常规的ASP.NET页面一样，它可以包含静态的HTML内容和各种Web控件，母版页通常包含页面布局内容。内容页实际上就是绑定了母版页的 .aspx 文件，它包含除母版页之外的其它非公用内容。在运行过程中，ASP.NET引擎将两种页面内容合并执行，最后将结果发送给客户端浏览器。 在实际网站应用中，比如有的校园网站，其整个网站通常会分成几个大的模块，每个模块中的网页不仅设计风格一致，而且其样式、公用元素内容也完全相同。然而，尽管这些模块之间的网页的设计风格从大的方面是一致的，但是还会存在样式或公用元素内容的不同。要解决这样的问题，通常会在一个网站中创建几个不同的母版页，每个母版页应用于相应模块中的网页。 第十章 母版页 10.2 创建母版页 本节我们只是介绍创建母版页的方法，并不涉及实际应用例子，因此本节我们介绍在一个网站中创建一个母版页。10.1节中提到在实现网站风格一致性的过程中，必须包含两种文件：一种是母版页，另一种是内容页。一般情况下，要先创建母版页，后创建内容页，以便在创建内容页时对母版页进行绑定，这样做省时省力。即使以后对母版页有可能进行更改，只要整体结构不变，则不会影响内容页的改变。创建母版页的几个步骤如下。 步骤一：创建一个新的ASP.NET网站 步骤二：添加母版页 步骤三：编辑母版页 第十章 母版页 10.2 创建母版页 下面详细介绍创建母版页的步骤。 步骤一：创建一个新的ASP.NET网站 ⑴ 在硬盘（如D:盘）下，新建一个文件夹，为文件夹取名如“母版页”。 ⑵ 启动Visual Studio 2005，单击【文件】→【新建】→【网站】，打开“新建网站”对话框。 ⑶ 在“Visual Studio已安装的模板”中单击“ASP.NET 网站”，在“位置”下拉列表框中选择“文件系统”，然后输入要保存网站网页的文件夹的名称，或单击【浏览】按钮，打开“选择位置”对话框，在该对话框左侧的网站类型列表中默认选中“文件系统”，在右侧文件系统树形目录中选择一个文件夹（例如选择“D:\母版页”）。在“语言”下拉列表框中选择“Visual Basic”作为网站的默认编程语言，如下页图所示。 第十章 母版页 10.2 创建母版页 步骤一：创建一个新的ASP.NET网站 “新建网站”对话框 第十章 母版页 10.2 创建母版页 步骤一：创建一个新的ASP.NET网站 ⑷ 单击【确定】按钮，创建了一个普通的Web站点。本例站点的名称为：母版页。在【