第8章 主题与母版.pptxVIP

第8章 主题与母版主讲：学习要点ASP.NET提供了多种用于统一页面外观的方法：主题和母版页。主题可以为Web服务器控件提供一致的外观设置，与样式属于相同的技术，ASP.NET母版页可以为网站的内容页创建一致的布局。学习本章，读者需要对主题的概念有一定的了解，并学会创建主题来定义，包括使用CSS文件；对于母版页，要学会创建母版页为网站统一外观，并熟练使用母版页的嵌套。本章导航8.1 主题8.4 母版页的嵌套8.5 上 机 实 训8.2 应用主题 8.6 本章习题8.3 母版页8.1 主题主题是属性设置的集合，使用这些设置可以定义页面和控件的外观。我们可在某个Web应用程中的所有页、整个Web应用程序或服务器上的所有Web应用程中一致地应用此外观。8.1.1 什么是主题主题由一组元素组成：外观、级联样式表(CSS)、图像和其他资源。主题将至少包含外观。主题是在网站或Web服务器上的特殊目录中定义的。1.外观外观文件具有文件扩展名.skin，它包含各个控件（例如，Button、Label、TextBox 或 Calendar 控件）的属性设置。 控件外观设置类似于控件标记本身，但只包含要作为主题的一部分来设置的属性。通常，一个.skin文件可以包含一个或多个控件类型的一个或多个控件外观。可以为每个控件在单独的文件中定义外观，也可以在一个文件中定义所有主题的外观。有两种类型的控件外观：“默认外观”和“已命名外观”：当向页应用主题时，默认外观自动应用于同一类型的所有控件。如果控件外观没有SkinID特性，则是默认外观。例如，如果为Calendar控件创建一个默认外观，则该控件外观适用于使用本主题的页面上的所有Calendar控件。（默认外观严格按控件类型来匹配，因此Button控件外观适用于所有Button控件，但不适用于LinkButton控件或从Button对象派生的控件。）已命名外观是设置了SkinID属性的控件外观。已命名外观不会自动按类型应用于控件。而应当通过设置控件的SkinID属性将已命名外观显式应用于控件。通过创建已命名外观，可以为应用程序中同一控件的不同实例设置不同的外观。2.CSS主题还可以包含级联样式表（.css文件）。将.css文件放在主题文件夹中时，样式表自动作为主题的一部分加以应用。使用文件扩展名.css在主题文件夹中定义样式表。3.主题图形和其他资源主题还可以包含图形和其他资源，例如脚本文件或声音文件。例如，页面主题的一部分可能包括TreeView控件的外观。可以在主题中包括用于表示展开按钮和折叠按钮的图形。8.1.2 主题的应用范围可以定义单个Web应用程序的主题，也可以定义供Web服务器上的所有应用程序使用的全局主题。定义主题之后，可以使用@Page指令的Theme或StyleSheetTheme属性将该主题放置在个别页上；或者通过设置应用程序配置文件中的pages元素（ASP.NET设置架构）元素，将其应用于应用程序中的所有页。如果在Machine.config文件中定义了pages元素（ASP.NET设置架构）元素，主题将应用于服务器上的Web应用程序中的所有页。1.页面主题页面主题是一个主题文件夹，其中包含控件外观、样式表、图形文件和其他资源，该文件夹是作为网站中的\App_Themes文件夹的子文件夹创建的。每个主题都是\App_Themes文件夹的一个不同的子文件夹。2.全局主题全局主题是可以应用于服务器上的所有网站的主题。当我们维护同一个服务器上的多个网站时，可以使用全局主题定义域的整体外观。3. 主题设置优先级可以通过指定主题的应用方式来指定主题设置相对于本地控件设置的优先级。如果设置了页的Theme属性，则主题和页中的控件设置将进行合并，以构成控件的最终设置。如果同时在控件和主题中定义了控件设置，则主题中的控件设置将重写控件上的任何页设置。即使页面上的控件已经具有各自的属性设置，此策略也可以使主题在不同的页面上产生一致的外观。例如，它使我们可以将主题应用于在ASP.NET的早期版本中创建的页面。此外，也可以通过设置页面的StyleSheetTheme属性将主题作为样式表主题来应用。在这种情况下，本地页设置优先于主题中定义的设置（如果两个位置都定义了设置）。这是级联样式表使用的模型。如果您希望能够设置页面上的各个控件的属性，同时仍然对整体外观应用主题，则可以将主题作为样式表主题来应用。全局主题元素不能由应用程序级主题元素进行部分替换。如果创建的应用程序级主题的名称与全局主题相同，应用程序级主题中的主题元素不会重写全局主题元素。8.1.3 创建主题并应用网页主题可以包括定义单个控件的常用外观的外观文件、一个或多个样式表和用于控件（如TreeView控件）的常用图形。下