计算机动态网络补充主题皮肤.pptVIP

补充：主题、皮肤 “主题”是指页面和控件外观属性设置的集合。 利用主题功能，开发人员不仅能够定义页面和控件的外观，还可以在所有Web应用程序、单个Web应用程序的所有页面或者单个Web页面中快速一致地应用所定外观。 主题由一个文件组构成，其中可包括皮肤文件、级联样式表文件、图片和其他资源。主题中至少包含皮肤文件。 1.皮肤文件 皮肤是应用一个控件上的样式信息，这些内容包含在一个.skin文件中就是外观文件。可以对皮肤使用skinID命名，称为命名皮肤，也可以不为其命名，称为默认皮肤。皮肤文件是主题的核心内容，用于定义页面中服务器控件的外观。在主题中可以包含一个或者多个皮肤文件。这种文件的扩展名为.skin，其中包含对各种服务器控件（例如Button、Label、GridView等）的属性设置。 2、CSS文件 主题中可以包含一个或者多个CSS文件（扩展名为.css）。 主题中CSS文件与过去的CSS文件没有本质区别。不同之处在于：一是应用方法不需要在页面中指定CSS文件链接，而是设置页面或者整个站点所使用的主题。当主题得到应用时，主题中CSS文件将自动应用到页面上（前提是该页定义了head runat=“server”/控件）。 主题中的CSS文件多包含普通HTML控件和页的样式属性，而对于服务器控件的样式属性则都设置在皮肤文件中。 3、图片和其他资源 主题中还可以包含图片和其他资源。例如脚本文件、声音文件等。通常，主题的图片和资源文件与该主题的皮肤文件位于同一个文件夹中，但是，它们也可以存在应用程序的其他文件夹中。例如，主题目录的某个子文件夹或主题目录以外的位置。 二、创建主题： 内容包括创建皮肤文件、为主题添加CSS文件、在主题中使用图片等。 1、创建主题文件 首先在系统中创建存放主题的文件夹App_Themes。 2、设计“standard”主题文件。 给“standard”主题创建一个皮肤文件，在“standard”主题文件夹上右击选择“添加新项”→“外观文件” 3、设计皮肤样式 （1）首先在一个页面（default3.aspx）中用Asp.net设计器编辑控件的样式。 （2）将这个设计好的样式的控件的所有代码粘到外观文件中。 （3）最后把这个控件的ID=“控件ID”的代码及Text文本删掉。 4、设置同类型控件的多种不同样式 在网页设计时，有时需要一种控件也有多种样式，例如，在一个页面中有多个Label控件，它们分别有不同的样式，则可以指定控件的SkinID属性来设定要应用的样式。 设置应用主题的方法: 1、在单独的页面中设置应用主题。 设置单个网页应用主题，只须在这个页面的源码页最上面%@ Page…%加入Theme=“主题名称”这个页的主题即被设置成功了。 方法2：在页面的属性面板中设置 在属性窗口中选择“DOCUMENT”选项，然后找到Theme属性选择要设置的主题。 方法3：在web.config 中设置当前网站的全站主题。 打开web.config文件，在system.web与/system.web之间加入pages theme=“standard”/，此时全站的默认主题已设置成standard主题。 四、设置不应用主题的控件和网页 在网站设计的过程中，通过web.config文件设置可以使整个网站应用于同一个主题，方便了网页的统一。但特殊的应用也需要使某个控件或某个网页不应用于设计好的主题，下面分别介绍。 1、设置不应用主题的控件 在该控件的属性窗口中找到EnableTheming属性，并将该属性的值设置成False，。此时该控件已被禁止了应用主题。 2、设置不应用主题的网页 打开要设置不应用主题的网页，切换到“源”视图在%@ Page…%中加入EnableTheming=“False”，该网页就不会应用主题。 * 一、主题概述 皮肤用于定义页面中服务器控件的外观 三、应用主题 *