第6章——主题和母版页.ppt

母版页由特殊的@Master指令识别 %@ Master Language=“VB AutoEventWireup=true CodeFile=MasterPage.master.vb Inherits=MasterPage % 母版页还包含页的所有顶级HTML元素 。 母版页还包括一个或多个ContentPlaceHolder控件。 每个母版页都必须包含以下几个元素： 基本的HTML和XML类型标记。 位于第一行的%@ Master Language=“VB… %指令。 带有ID的asp:ContentPlaceHolder标记。 2. 内容页 引用母版页的.aspx网页即为内容页。 在内容页中，母版页的ContentPlaceHolder控件预留的可编辑区会被自动替换为Content控件，开发人员只需在Content控件区域中填充内容即可，在母版页中定义的其他标记将自动出现在使用了该母版页的.aspx页面中。 可以通过包含指向要使用的母版页的MasterPageFile属性，在内容页的@ Page指令中建立绑定。 %@ Page Language=VB MasterPageFile=~/MasterPage.master AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=Default Title=无标题页 % 在内容页中，通过添加Content控件将页面内容映射到母版页的ContentPlaceHolder控件上。 内容页包含的所有标记都在Content控件中。 %@ Page Language=VB MasterPageFile=~/MasterPage.master AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=Default Title=无标题页 % asp:Content ID=Content1 ContentPlaceHolderID=head Runat=Server /asp:Content asp:Content ID=Content2 ContentPlaceHolderID=ContentPlaceHolder1 Runat=Server/asp:Content 3. 母版页和内容页的关系 用户通过输入内容页的URL来请求浏览某页。 获取该页后，读取@ Page指 令。 包含更新内容的母版页合并到内容页的控件中。 各个Content控件的内容合并到母版页对应的各ContentPlaceHolder控件中。 浏览器中呈现得到的合并页。 运行机制 母版页和内容页合并后所执行的事件顺序如下： （1）母版页中控件的Init事件。 （2）内容页控件的Init事件。 （3）母版页的Init事件。 （4）内容页的Init事件。 （5）内容页的Load事件。 （6）母版页的Load事件。 （7）内容页中控件的Load事件。 （8）内容页的PreRender事件。 （9）母版页的PreRender事件。 （10）母版页控件的PreRender事件。 （11）内容页中控件的PreRender事件。 6.2.2 创建母版页 　　创建母版页的方法与一般网页相似，区别仅仅是不能单独在浏览器中查看母版页，而必须通过内容页在浏览器中查看。 【例6.3】　设计一个用于显示诗人和诗歌的母版页MasterPage.master。 “添加新项”对话框 MasterPage.master母版页设计界面 第6章　主题和母版页 6.1 主 题 6.2 母版页 6.1 主 题 6.1.1 主题概述 　　主题（Theme）是指网页和控件外观属性设置的集合，其工作原理类似于CSS，为网站提供统一的风格。 　　主题提供了一种简易方式，可以独立于应用程序的网页，来为网站的控件和网页设置样式，因此便于Web应用程序对其进行维护。 　　一个网站可以有多个主题，这样在设计网站时可以先不考虑样式，在以后要进行样式设计时，也无须更新网页或更改代码。另外，可以从外部获得自定义主题，例如将另一个网站的主题复制到本网站中，因此主题可以方便地重用。 主题是存在于App_Themes文件夹中一个子文件夹，每个子文件夹就是一个主题，其中包括外观文件（.skin）、CSS文件（.css，样式表文件）、图像文件和其他资源。 在设计网页时不必在网页中显式引用主题，只需把它们放到App_Thems文件夹中，应用程序会自动加载相关的主题。 一个主题下必须至少包含一个外观文件，也可以有多个外观文件。 练习1 外观文件的使用 Task3.aspx文件 主题文件Task3.skin asp:Label runat=server BackColor=