样式、主题和母版页.ppt

《样式、主题和母版页.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章样式、主题和母版页本章重点主题的创建样式的属性母版页和内容页10.1主题10.1.1概述主题机制使得开发人员可以很轻松地对页面的设置实现更多的选择。它在处理主题的设置时提供了清晰的目录结构，资源文件的层级关系非常清晰。在易于查找和管理的同时，提供了良好的扩展性。因此使用主题可以提高设计和维护网站的效率。主题是有关页面和控件的外观属性设置的集合，由一组元素组成，包括外观文件、级联样式表（CSS）、图像和其他资源。10.1主题10.1.1概述主题至少包含外观文件（.skin文件），主题是在网站或We

2、b服务器上的特殊目录中定义的，一般把这个特殊目录称为专用目录，这个专用目录的名字为App_Themes。App_Themes目录下可以包含多个主题目录，主题目录的命名由程序员自己决定。而外观文件等资源则是放在主题目录下的。10.1主题10.1.1概述主题的组成元素：1.外观文件外观文件又称皮肤文件，是具有文件扩展名.skin的文件，在皮肤文件里，可以定义控件的外观属性。外观文件形式一般具有下面形式：上面

3、定义了Label控件的一个皮肤，可以在网页引用该皮肤去设置Label控件的外观。10.1主题10.1.1概述2.级联样式表级联样式表就是CSS文件，是具有文件扩展名.css的文件，也是用来存放定义控件外观属性的代码的文件。3.图像和其他资源图像就是图形文件，其他资源可能是声音文件、脚本文件等。有时候为了控件美观，只是靠颜色、大小和轮廓来定义并不能满足要求，这时候就会考虑把一些图片、声音等加到控件外观属性定义中去。10.1主题10.1.2主题的创建1.右键单击要为之创建主题的网站项目，在弹出的菜单中选择“

4、添加ASP.NET文件夹”

5、“主题”命令。此时就会在该网站项目下添加一个名为App_Themes文件夹，并在该文件夹中自动添加一个默认名为Themes1的文件夹。10.1主题10.1.2主题的创建2.右键单击Themes1文件夹，在弹出的菜单里选择“添加新项…”命令，此时会弹出“添加新项”对话框，该对话框提供了在Themes1文件夹里可以添加的文件的模板。10.1主题10.1.2主题的创建3.在“添加新项”对话框里选择“外观文件”，在“名称”文本框里会出现该文件默认命名Skin1.skin，单击“添加”

6、按钮，Skin1.skin就会添加在Themes1目录下。10.1主题10.1.3主题的应用在网页中使用某个主题都会在网页定义中加上“Theme=[主题目录]”的属性，示例代码如下：<%@PageTheme=”Themes1”…%>为了将主题应用于整个项目，可以项目的根目录下的Web.config文件里进行配置，示例代码如下：上面通

7、过把属性Themes设置为Themes1来把该主题应用于整个项目。10.1主题10.1.4SkinID的应用SkinID是ASP.NET为Web控件提供的一个联系到皮肤的属性，用来标识控件使用哪种皮肤。有时需要同时为一种控件定义不同的显示风格，这时可以在皮肤文件中定义SkinID属性来区别不同的显示风格，例如，在LabelSkinFile.skin文件中对Label控件定义了三种显示风格的皮肤，代码如下：

8、el>10.1主题10.1.5主题的禁用主题将重写页和控件外观的本地设置，而当控件或页已经有预定义的外观，且又不希望主题重写它时，就可以利用禁用方法来忽略主题的作用。禁用页的主题通过设置@Page指令的EnableTheming属性为

9、false来实现，例如：<%@PageEnableTheming=”false”%>禁用控件的主题通过将控件的EnableTheming属性设置为false来实现，例如：10.2样式CSS是CascadingStytleSheet的简称，简称样式表。它是一种用户增强控制页面样式并允许将样式信息与页面内容分离的标记性