第六章主题与母版页.pptVIP

第六章 主题和母版技术 学习要点： 概述 主题与外观 母版页 * 开发任何web程序的过程通常需要考虑两个主要方面：功能和外观。在Web应用程序的功能方面，主要包括站点的结构、控件的行为、数据库设计、保护应用程序安全的代码、当用户单击按钮时产生什么事件等。 考虑外观可以使得站点更加美观一些，包括颜色、图象的使用，页面的布局，在某种程度上也包括呈现给浏览器的代码的样式。 一个成功的应用程序在这两个方面之间能够达到一个平衡，为用户提供容易使用并且看起来美观的站点，很多失败的站点就是因为没有在这两者之间达到平衡。 6.1 概述 * 1.主题与外观概述 主题Theme：主题是属性设置的集合，使用这些设置可以定义页面的样式(.css)和控件的外观，可以对页或网站应用主题，或对全局应用主题。 在网站级设置主题会对站点上的所有页和控件应用样式和外观。在页面级设置主题会对该页及其所有控件应用样式和外观。 通常主题是由一组元素组成的，其中包括外观（Skin）、级联样式表（CSS）、图像和其他资源。主题将至少包含外观。 6.2 主题与外观 * 外观Skin：外观文件具有文件扩展名 .skin，它包含各个服务器控件的属性设置。一个外观文件可以包含一个或多个控件类型的一个或多个控件外观。 控件外观类型分为：“默认外观”和“已命名外观”。 在.skin文件的控件中，如果控件外观没有设置 SkinID 属性，则是默认外观。已命名外观是设置了SkinID 属性的控件外观。 * 当向页应用主题时，默认外观自动应用于同一类型的所有控件，例如为Button控件创建一个默认外观，则该控件外观适用于使用本主题的页面上的所有Button控件（默认外观严格按控件的类型来匹配，因此Button控件外观适用于所有Button控件，但不适用于LinkButton等控件）。 已命名外观不会自动按类型应用于控件，而应当通过设置页面控件的SkinID属性将已命名外观显式应用于控件。通过创建已命名外观，可以为应用程序中同一类型控件的不同实例设置不同的外观。 * 2.建立主题的步骤： 1、在Web应用程序的根目录中，建立名为App_Themes的目录。 2、在App_Themes目录中创建用户自己命名的各个主题名称的子目录。 3、将.skin文件、CSS文件和图片等都放置于此目录，就完成了主题的建立。 * 3.单个页面引用主题 使用页面的Theme或StyleSheetTheme属性引用外观文件。 使用Theme引用外观样式，其优先级最高，即它可以覆盖控件本身的样式设置。 使用StyleSheetTheme引用外观样式， 其优先级最低，即控件本身的样式设置可以 覆盖外观样式设置。格式如下： %@ Page Theme=“主题名称”% %@ Page StyleSheetTheme=“主题名称”% * 4. 整个网站引用主题 在Web.config文件中,修改如下节点： pages styleSheetTheme=“主题名称” 或者： pages Theme=“主题名称” * 5. 动态加载指定主题 在ASP.NET页面中可以动态加载主题，通常是在页面的PreInit()事件处理程序中，通过Page对象的Theme属性来设置。如： Sub Page_PreInit(Sender As Object, E As EventArgs) Page.Theme = Request(selectedTheme) If Page.Theme Is Nothing Then 没有指定主题 Page.Theme = “FirstTheme End If Label2.SkinId = BlueLabel“ End Sub * 6. 禁用主题 通常如果使用Theme属性，主题将重写页和控件的本地设置。当页或控件已经有预定义的外观，而又不希望主题重写它时，禁用主题将十分有用。 当然。使用StyleSheetTheme属性应用主题的话，主题只是设置没有本地设置的属性，而有本地设置的属性则会优先于主题显示，可以起到禁用的作用。 若要显式地禁用页的主题，可以将@Page指令的EnableTheming属性设置为False即可，如下： %@ Page EnableTheming=“false”% 若要显式地禁用控件的主题，可以将控件的EnableTheming属性设置为False即可，如下