(DSP处理器原理与应用)第3章站点界面设计.ppt

　　【本章提要】　　无论是大的门户网站还是只有少量页面的个人主页，一个主题明确和风格统一的网站总能给浏览者留下深刻的印象。本章以校园在线超市站点界面设计为主线，详细介绍了站点母版页的设计、主题、外观和站点导航控件的使用。 　　【学习目标】　　· 理解母版页的工作原理。　　· 掌握使用母版页来处理站点中的统一布局的方法。　　· 掌握ASP.NET使用主题和外观来设置页面的方法。　　· 掌握站点导航与广告显示控件的使用。　　· 掌握在母版页中使用控件的方法。 　　　　 任务描述　　在校园在线超市案例中，希望站点中的所有页面都有统一的风格，并且为了提高维护的效率，能快速修改网站整体风格，因此将母版页引入进来处理站点的统一布局。 　　 必备知识　　知识1 母版页概述　　我们在访问站点的时候，经常会看到不同的页面上有着很多相似的内容，如公司的Logo、站点导航菜单等，并且这些页面布局也基本一致。对于页面上相同的内容是如何处理的呢？是在每一页都设计相同的内容还是通过其他技术实现的呢？ASP.NET2.0提供的母版页可以很好地解决这个问题。 　　1．母版页的概念　　母版页实际上是网站的框架或模板，它为应用程序中的页创建一致布局，为应用程序中的所有页(或一组页)定义所需的外观和标准行为。通过创建要显示内容的各个内容页，并将内容页和母板页关联起来。因此当用户请求内容页时，这些内容页与母版页合并，并将母版页的布局与内容页的内容组合在一起输出，呈现到浏览器。 　　2．母版页的工作原理　　母版页由两部分组成，即母版页本身与一个或多个内容页。所有那些相对固定的内容放在母板页中，而可变内容放在内容页中。　　1) 母版页　　母版页为具有扩展名.master(如MySite.master)的ASP.NET文件，它具有可以包括静态文本、HTML元素和服务器控件的预定义布局。母版页由特殊的@Master指令识别，该指令替换了用于普通.aspx页的@Page指令。　　%@ Master Language=C# CodeFile=~/MasterPage.master.cs 　　Inherits=MasterPage %　　由上述代码可知，母版页和普通的网页的代码模型一致，既有单文件页模型，又有代码隐藏页模型。除@Master指令外，母版页还包含所有顶级HTML元素，如Html、head和form。例如，在母版页上可以将一个HTML表格用于布局，将一个img元素用于公司徽标，将静态文本用于版权声明，并使用服务器控件创建站点的标准导航。可以在母版页中使用任何HTML元素和ASP.NET元素。 　　除了在所有页上显示的静态文本和控件外，母版页还允许包括一个或多个ContentPlaceHolder控件。这些占位符控件定义可替换内容的区域，然后在内容页中定义可替换的内容。　　html xmlns=/1999/xhtml 　　head runat=server　　 title无标题页/title　　/head　　body　　 form id=form1 runat=server　　 div 　　 asp:contentplaceholder id=PlaceHolder1 runat=server　　 /asp:contentplaceholder　　 /div　　 /form　　/body　　/html 　　以上代码中，通过使用控件asp:contentplaceholder定义一个内容可替换区“PlaceHolder1”。也可以根据设计需要通过添加多个asp:contentplaceholder控件来定义多个内容可替换区，即每一个asp:contentplaceholder控件定义一个可替换区。 　　2) 内容页　　通过创建各个内容页来定义母版页的占位符控件的内容，这些内容页为绑定到特定母版页的ASP.NET页(.aspx文件以及可选的代码隐藏文件)。通过包含指向要使用的母版页的MasterPageFile属性，可在内容页的@Page指令中建立绑定。例如，一个内容页可能包含下面的@Page指令，该指令将该内容页绑定到MasterPage.master页。 　　%@ Page Language=C# MasterPageFile=MasterPage.master Title=User Page 　　AutoEventWireup=true CodeFile=index.aspx.cs Inherits=index %　　在内容页中，通过添加Content控件并将这些控件映射到母版页上的contentplaceholder控件来创建内容。