主题母版和站点导航课件.pptVIP

ASP.NET主题、母版页和站点导航 主题和外观 母版页 站点导航 （SiteMapPath控件、SiteMapDataSource控件、TreeView控件、Menu控件） 主题 Theme 主题是属性设置的集合，使用这些设置可以定义控件的外观，然后在某个Web应用程序的单个页、整个Web应用程序或服务器上的所有Web应用程序中一致地应用此外观。 1．主题和控件外观 （1）外观 skin 外观文件具有文件扩展名.skin，它包含多个控件（例如，Button、Label、TextBox或Calendar控件）的属性设置。 2．主题的应用范围 （1）页面主题 （2）全局主题 #创建主题 1、在解决方案资源管理器的项目名称上点击右键，选择“添加ASP.NET文件夹”，并选择其中的“主题”。完成这一步之后，根目录中出现App_Themes文件夹，文件夹中含有主题文件夹“主题1”，将“主题1”重命名为“FirstTheme”。至此，便创建了主题FirstTheme. 2、创建皮肤 在已创建好的主题中创建皮肤文件。在主题“FirstTheme”上点击右键，选择“添加新项”，并选择其中的“外观文件”，取名为SampleTheme.skin。 皮肤文件的组织方式有多种，例如可以按照控件类型组织，每个皮肤文件都包括特定控件的一组外观定义；也可以按照文件组织，每个皮肤文件定义一个页面中控件的外观。 #应用主题 1、为单个页面指定主题 页面主题的优先级别最高，其次为样式表主题设置，最低为本地控件设置： @ Page Theme=FirstTheme 要使本地控件优先级别最高，其次为页面主题，最低为样式表主题： %@ Page StyleSheetTheme=主题名称…% 2、为网站指定主题 在Web.config文件的Pages设置节添加Theme属性，即 configuration system.web pages Theme= FirstTheme / /system.web /configuration 禁用ASP.NET主题 可以配置页或控件以忽略主题。在默认情况下，主题将重写页和控件外观的本地设置。当控件或页已经有预定义的外观，而又不希望主题重写它时，禁用此行为将十分有用。 1．禁用页的主题 将@ Page指令的EnableTheming属性设置为false： %@ Page Theme=FirstTheme EnableTheming=false … % 2．禁用控件的主题 将控件的EnableTheming属性设置为false： asp:Calendar ID=Calendar1 runat=server EnableTheming=false / ASP.NET母版页 母板页允许开发者创建统一的站点模板和指定的可编辑区域，以母板页为基础创建的Web页面只对可编辑部分进行编辑，从而保持网站页面的风格统一. 当网站风格需要修改时，只对母板页进行修改，就实现了对所有页面的修改，从而降低了工作量。 1、创建母板页 在解决方案资源管理器中右键单击项目名称，选择【添加新项】，在弹出的窗体中选择【母板页】，修改母板页的文件名，点击【添加】即可。 母板页文件是以master 为后缀名的文件，其默认 的文件名为MasterPage.master， 位置位于应用程序的根目录下 。 2、创建内容页 应用了母板页的Web页面称为内容页， 在内容页中，只能对母板页中ContentPlaceHolder元素定义的位置进行编辑，页面的其他位置都是不可编辑的。 内容页： %@ Page Language=VB MasterPageFile=~/Master1.master AutoEventWireup=false CodeFile=Default.aspx.vb Inherits=Default2 title=无标题页 % asp:Content ID=Content1 ContentPlaceHolderID=head Runat=Server /asp:Content asp:Content ID=Content2 ContentPlaceHolderID=ContentPlaceHolder2 Runat=Serverp11111/p/asp:Content asp:Content ID=Content3 ContentPlaceHolderID=ContentPlaceHolder3“ Runat=Server p大学简介：……/p/asp:Content ASP.NET站点导航 1．站点地图文件 通过ASP.NET站点导