第十章样式、主题和母版页.ppt

10.3 母版页 10.3.4 在母版页中放入网页的方法 1. 在母版页中放入新建网页的方法有两种： 第一种是直接在母版页中生成新网页。 第二种是在建立新网页时选择母版页。 2. 在母版页放入存在的网页。一般通过手工加入或修改一些代码来使存在的网页嵌入到母版页中。 第10章 样式、主题和母版页 本章重点 主题的创建 样式的属性 母版页和内容页 10.1 主题 10.1.1 概述 主题机制使得开发人员可以很轻松地对页面的设置实现更多的选择。它在处理主题的设置时提供了清晰的目录结构，资源文件的层级关系非常清晰。在易于查找和管理的同时，提供了良好的扩展性。因此使用主题可以提高设计和维护网站的效率。 主题是有关页面和控件的外观属性设置的集合，由一组元素组成，包括外观文件、级联样式表（CSS）、图像和其他资源。 10.1 主题 10.1.1 概述 主题至少包含外观文件（.skin文件），主题是在网站或Web服务器上的特殊目录中定义的，一般把这个特殊目录称为专用目录，这个专用目录的名字为App_Themes。 App_Themes目录下可以包含多个主题目录，主题目录的命名由程序员自己决定。而外观文件等资源则是放在主题目录下的。 10.1 主题 10.1.1 概述 主题的组成元素 ： 1. 外观文件 外观文件又称皮肤文件，是具有文件扩展名.skin的文件，在皮肤文件里，可以定义控件的外观属性。 外观文件形式一般具有下面形式： asp:Label runat=serve BackColor=Blue/asp:Label 上面定义了Label控件的一个皮肤，可以在网页引用该皮肤去设置Label控件的外观。 10.1 主题 10.1.1 概述 2. 级联样式表 级联样式表就是CSS文件，是具有文件扩展名.css的 文件，也是用来存放定义控件外观属性的代码的文件。 3. 图像和其他资源 图像就是图形文件，其他资源可能是声音文件、脚本文件等。有时候为了控件美观，只是靠颜色、大小和轮廓来定义并不能满足要求，这时候就会考虑把一些图片、声音等加到控件外观属性定义中去。 10.1 主题 10.1.2 主题的创建 1. 右键单击要为之创建主题的网站项目，在弹出的菜单中选择“添加ASP.NET文件夹”|“主题”命令。此时就会在该网站项目下添加一个名为App_Themes文件夹，并在该文件夹中自动添加一个默认名为Themes1的文件夹。 10.1 主题 10.1.2 主题的创建 2. 右键单击Themes1文件夹，在弹出的菜单里选择“添加新项…”命令，此时会弹出“添加新项”对话框，该对话框提供了在Themes1文件夹里可以添加的文件的模板。 10.1 主题 10.1.2 主题的创建 3. 在“添加新项”对话框里选择“外观文件”，在“名称”文本框里会出现该文件默认命名Skin1.skin，单击“添加”按钮，Skin1.skin就会添加在Themes1目录下。 10.1 主题 10.1.3 主题的应用 在网页中使用某个主题都会在网页定义中加上“Theme=[主题目录]”的属性，示例代码如下： %@ Page Theme=”Themes1” … % 为了将主题应用于整个项目，可以项目的根目录下的Web.config文件里进行配置，示例代码如下： configuration system.web Pages Themes=”Themes1”/Pages /system.web /configuration 上面通过把属性Themes设置为Themes1来把该主题应用于整个项目。 10.1 主题 10.1.4 SkinID的应用 SkinID是ASP.NET为Web控件提供的一个联系到皮肤的属性，用来标识控件使用哪种皮肤。有时需要同时为一种控件定义不同的显示风格，这时可以在皮肤文件中定义SkinID属性来区别不同的显示风格，例如，在LabelSkinFile.skin文件中对Label控件定义了三种显示风格的皮肤，代码如下： asp:Label runat=server BackColor=Blue/asp:Label asp:Label runat=server SkinID=Style2BackColor=Orange/asp:Label asp:Label runat=server SkinID=Style3 BackColor=Red /asp:Label 10.1 主题 10.1.5 主题的禁用 主题将重