主题母版和站点导航课件

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。 皮肤文件的组织方式有多种，例如可以按照控件类型组织，每个皮肤文件都包括特定控件的一组外观定义；也可以按照文件组织，每个皮肤文件定义一个页面中控件的外观。,SampleTheme.skin 文件内容 ,#应用主题 1、为单个页面指定主题 页面主题的优先级别最高，其次为样式表主题设置，最低为本地控件设置： Page Theme=“FirstTheme“ 要使本地控件优先级别最高，其次为页面主题，最低为样式表主题： % Page StyleSheetTheme=“主题名称“%,2、为网站指定主题 在Web.config文件的设置节添加Theme属性，即 ,禁用ASP.NET主题 可以配置页或控件以忽略主题。在默认情况下，主题将重写页和控件外观的本地设置。当控件或页已经有预定义的外观，而又不希望主题重写它时，禁用此行为将十分有用。 1禁用页的主题 将 Page指令的EnableTheming属性设置为false： ,2禁用控件的主题 将控件的EnableTheming属性设置为false： ,母板页允许开发者创建统一的站点模板和指定的可编辑区域，以母板页为基础创建的Web页面只对可编辑部分进行编辑，从而保持网站页面的风格统一. 当网站风格需要修改时，只对母板页进行修改，就实现了对所有页面的修改，从而降低了工作量。,ASP.NET母版页,1母版页的工作原理,1、创建母板页 在解决方案资源管理器中右键单击项目名称，选择【添加新项】，在弹出的窗体中选择【母板页】，修改母板页的文件名，点击【添加】即可。 母板页文件是以master 为后缀名的文件，其默认 的文件名为MasterPage.master， 位置位于应用程序的根目录下 。,母板页,2、创建内容页 应用了母板页的Web页面称为内容页， 在内容页中，只能对母板页中ContentPlaceHolder元素定义的位置进行编辑，页面的其他位置都是不可编辑的。,% Page Language=“VB“ MasterPageFile=“/Master1.master“,内容页： 11111 大学简介：,内容页,ASP.NET站点导航,1站点地图文件 通过ASP.NET站点导航，可以按层次结构描述站点的布局。假设“曙光科技大学”网站共有8页，其布局如下： 首页 院系设置 计算机工程系 自动化工程系 财经管理系 招生就业 招生信息 就业信息 ,2站点导航控件 TreeView：一个树状结构或菜单，可遍历访问站点中的不同页面。单击包含子节点的节点可将其展开或折叠。 Menu：可展开的菜单，可遍历访问站点中的不同页面。将光标悬停在菜单上时，将展开包含子节点的节点。 SiteMapPath：导航路径，展示当前页面的位置，并以链接的形式显示返回主页的路径。此控件提供了许多可供自定义链接的外观的选项。,站点地图 Web.sitemap文件 用于描述整个网站的导航结构。,SiteMapPath控件 显示当前页在页层次结构中的位置。默认情况下，表示在Web.sitemap文件中创建的层次结构。直接调用站点地图中的数据。,Yxsz.aspx文件中：（院系设置页中） 院系设置 ,SiteMapDataSource控件,SiteMapDataSource控件默认从Web.sitemap文件中检索其信息，这样就不必为该控件指定任何额外属性。 在使用时，只需把SiteMapDataSource控件放置到页面上，然后把其他Web服务器控件（如TreeView、Menu和DropDownList控件）绑定到SiteMapDataSourc