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

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