第11章节节sap网页布局与基准化.pptVIP

2006-10 《计算机网络基础（第二版）》 杜煜 《计算机通信与网络》 第一章 计算机网络概论 本章主要内容 11.1 概 述 11.2 母 版 页 11.3 主题与外观 11.4 Web部件 11.5 导航控件和站点地图 11.1 概 述 大型系统对应用程序统筹的需求如下。 （1）所有页面具有一个或者几个统一的布局（实质上是对母版页的设计）。 （2）网站具有多个风格并且风格可以切换（实质上是对主题和皮肤的设计）。 （3）网站中的一些元素可以被重用（实质上是对Web部件的设计）。 （4）网站具有多个语言并且可以根据用户浏览器设置的语言进行切换（实质上是对本地化和资源的设计）。 （5）网站的页面层次比较复杂，需要使用各种方式的导航提示信息（实质上是对导航控件和站点地图的设计）。 11.2 母 版 页 母版页类似于Word中的模板，允许在多个页面中共享相同的内容。例如，网站的LOGO如果需要在多个页面中重用，则可以将其放在母版页中。在Dreamweaver中可以使用模板页，ASP.NET的母版页与此类似。 11.2.1 母版页和内容页 11.2.2 母版页的运行机制 母版页的运行过程如下。 （1）用户访问内容页。 （2）获取内容页后，读取@Page指令，若指令引用到一个母版页，则也读取该母版页（3）母版页合并到内容页的控件树中。 （4）各个Content控件的内容合并到母版页中对应的ContentPlaceHolder控件中。 （5）呈现结果页。 11.2.3 创建母版页 母版页的使用与普通页面类似，可以在其中放置文件或者图形、任何HTML控件和Web控件、后置代码等。母版页的扩展名为.master，不能被浏览器直接查看。母版页必须在被其他页面使用后才能显示。 创建母版页 实例 具体实现请参考源代码下ch11_2 →MasterPage.master 创建内容页 创建完母版页后，下一步是创建内容页。内容页的创建与Web窗体的创建基本相似 。 具体实现请参考源代码下ch11_2 →Default.aspx 11.2.5 设置母版页应用范围 ASP.NET提供了将内容附加到母版页的3种级别，即提供了3种母版页的应用范围。 1．页级 2．应用程序级 3．文件夹级 11.2.6 访问母版页上的控件 protected void Page_LoadComplete(object sender, EventArgs e) { //母版页中查询ID为labMaster的Label控件的Text属性值 Label MLable1 = (Label)this.Master.FindControl(labMaster); //将查询的值通过内容页中的 Label控件显示出来 this.labContent.Text = MLable1.Text; } 11.3 主题与外观 站点的外观主要与页面控件的样式属性有关，同时控件还支持将样式设置与控件属性分离的级联样式表（CSS）。在实现站点的过程中，开发人员可能不得不为多数控件添加样式属性，这种做法很繁琐，并且不易保持站点外观的一致性和独立性。 11.3.1 主题概述 （1）外观：外观文件是主题的核心内容，用于定义页面中服务器控件的外观。 （2）级联样式表（CSS）：主题还可以包含级联样式表（.css文件）。将.css文件放在主题目录中时，样式表自动作为主题的一部分应用。主题中可以包含一个或多个级联样式表。 （3）图像和其他资源。 11.3.2 外观概述 外观文件的扩展名为.skin，它包含各个控件的属性设置。控件外观设置类似于控件标记本身，但只包含要作为主题的一部分来设置的属性。有两种类型的控件外观：默认外观和命名外观。 11.3.3 创建主题和外观 在VS 2010解决方案中，要创建一个新主题，首先在App_Themes下创建一个新的文件夹。最简单的方法是右击App_Themes节点，并选择一个主题文件夹。接着把主题文件添加到该文件中。 具体实现请参考源代码下ch11_3 →App_Themes →mytheme下的Label.skin ，Calendar.skin 文件 11.3.4 应用主题和外观 1．简单应用 应用外观文件的页面不同于普通页面的地方主要有以下3个方面。 （1）在应用主题的方法的%@ Page%标签中设置一个Theme属性。 （2）如果为控件设置默认外观，则不设置控件的SkinID属性；如果为控件设置了命名外观，则需要设置控件的SkinID属性。 （3）如果在控件代码中添加了与控件外观相同的属性，则页面最终显示的是控件外观的设置效果。