《主题和母版页》PPT课件

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

1、第6章　主题和母版页6.1主题6.2母版页主题和母版页有一个共同的特点,就是统一网页的设计风格和样式,达到代码共享的目的,从而提高网站的开发效率.6.1主题6.1.1主题概述主题（Theme）是指网页和控件外观属性设置的集合，为网站提供统一的风格。一个网站可以有多个主题，这样在设计网站时可以先不考虑样式，在以后要进行样式设计时，也无须更新网页或更改代码。另外，可以从外部获得自定义主题，例如将另一个网站的主题复制到本网站中，因此主题可以方便地重用。主题是存在于App_Themes文件夹中的一个子文件夹，每个子文件夹就是一个主题，其中包括外观文件（.skin

2、）、CSS文件（.css，样式表文件）、图像文件和其他资源。CSS(CascadingStyleSheet层叠样式表单)文件将CSS文件放到主题文件夹中便作为主题的一部分。主题中的CSS文件和非主题中的CSS文件没有本质的区别，只是主题CSS文件自动作为主题的一部分，在网页中只引用主题即可，不必再单独引用CSS文件。(单独引用CSS文件:)另外，非主题中的CSS文件多针对HTML控件，主题中的CSS文件多针对服务

3、器控件。2.外观文件外观文件也称为皮肤文件，是主题的核心内容，用于定义网页中各种服务器控件（如Button、TextBox或Label控件等）的外观属性。由一组控件的特定主题标记组成，其扩展名为.skin文件。例如，在外观文件(.skin)中,如下代码设置Button控件的外观：同一类型控件的外观分为默认外观和命名外观两种：（1）默认外观：不设置控件的SkinID属性，它自动应用于同一类型的所有控件。（2）命名外观：通过设置控件的Skin

4、ID属性，将命名外观应用于服务器控件，解决同一控件有多种属性设置的问题。在皮肤文件中:3.图像文件和其他资源主题中还可以包含图像文件和其他资源，例如声音文件等。例如，在Blue主题中有一个filename.jpg文件，以下代码设置了Image控件

5、的图像文件：6.1.2创建主题1.创建主题的过程主题必须存放于网站根目录下的App_Themes文件夹中，且每个主题本身就是一个子文件夹，创建主题的步骤如下：（1）在“解决方案资源管理器”中，右击项目名称，选择“添加ASP.NET文件夹”

6、“主题”命令，然后系统会自动创建一个位于根目录下的App_Themes文件夹，并在该文件夹中创建一个待命名的主题（默认名称为“主题1”），如下图所示。将“主题1”子文件夹改为Blue。（2）右击主题

7、Blue，在弹出的菜单中选择“添加新项”命令，打开“添加新项”对话框。选择“外观文件”模板，如下图所示。（3）单击“添加”按钮，将会为Blue主题添加一个外观文件，这里默认的外观文件名为SkinFile.skin，然后双击对该外观文件进行编辑，例如，编辑内容如下：

8、ze="Small"Font-Bold="True"ForeColor="Red"/>（4）如果要建立其他的主题，右击App_Themes，在弹出的快捷菜单中选择“添加新项”命令，打开“添加新项”对话框。选择“外观文件”模板，为其命名为.skin的文件，单击“添加”按钮即建立另一个主题。将新建主题名改为White，这样网站中有Blue和White两个主题，如下图所示。（5）一个主题中可以有多个外

9、观文件。在一个主题中创建另一个外观文件的方法是，右击主题名Blue，在弹出的快捷