08_设计Web应用程序的布局和导航.pptVIP

设计Web应用程序的布局和导航 学习目标 Web应用程序布局概述。 使用母版页创建Web应用程序布局。 导航服务器控件概述。 使用导航控件创建站点导航层次结构。 CSS样式的概念。 将样式应用于控件。 ASP.NET主题和外观概述。 使用ASP.NET主题和外观自定义Web站点。 Web应用程序布局概述 复杂的Web应用程序需要一致的页面布局 传统的解决方案一般包括下列几种： 使用框架：缺点是需要浏览器支持。 使用包含文件：缺点是影响性能。 使用用户自定义控件：缺点是增加了程序开发的复杂性。 母版页概述 使用ASP.NET 2.0的母版页，可以为Web站点创建统一的布局。 母版页定义Web页面的外观和标准行为；各内容页定义Web页面要显示的特殊内容。 当用户请求内容页时，这些内容页与母版页合并一起输出。 母版页功能可以为站点定义公用的结构和界面元素，如页眉、页脚或导航栏。 定义母版页 母版页为具有扩展名.master的ASP.NET文件。 母版页由特殊的 @Master指令识别。例如： %@ Master Language=VB % 母版页可以包含静态文本、HTML元素、服务器控件以及代码。 母版页还可以包含一种特殊类型的控件：ContentPlaceHolder控件。ContentPlaceHolder定义了一个母版页呈现区域，可由与母版页关联的页的内容来替换。ContentPlaceHolder还可以包含默认内容。 例1，定义ContentPlaceHolder控件FlowerText： asp:contentplaceholder id=FlowerText runat=server/ 定义使用母版页的内容页 通过创建各个内容页来定义母版页的占位符控件的内容。 在内容页的@Page指令中建立绑定。例如下述@Page指令，将该内容页绑定到Master1.master母版页。 %@Page Language=VB MasterPageFile=~/Master1.master Title=Content Page% 内容页可声明Content控件，通过ContentPlaceHolderID属性与特定的 ContentPlaceHolder控件关联。 例如，下列内容页使用母板页Site.master并重写了母版页中的内容占位符部分： %@ Page MasterPageFile=Site.master % asp:content id=Content1 contentplaceholderid=FlowerText runat=server With sunshine, water, and careful tending, roses will bloom several times in a season. /asp:content DEMO:创建花鸟网站的母版页Site.master 操作实例8-1：创建花鸟网站的母版页Site.master 开发任务：创建花鸟网站的母版页Site.master。 DEMO:创建花鸟网站的ASP.NET内容页daisy.aspx 操作实例8-2：创建花鸟网站的ASP.NET内容页daisy.aspx 开发任务：创建花鸟网站的内容页daisy.aspx，指定使用的母版页为Site.master。使用指定的母版页后 ASP.NET站点导航概述 每个站点都需要一致的导航解决方案，以帮助用户在不同的页面之间进行跳转。 传统的解决方案一般包括下列几种： 使用超链接标记：缺点是需要大量的手工编码和维护。 使用服务器控件（如HyperLink、LinkButton）：缺点是需要手工编码。 使用编程方法：缺点是增加了程序开发的复杂性。 ASP.NET站点导航 ASP.NET 2.0站点导航功能为用户导航站点提供一致的方法。 ASP.NET站点导航将页面的链接存储在一个中央位置（站点地图），并使用特定Web服务器导航控件在每页上显示导航菜单。 站点地图文件 站点地图文件Web.sitemap必须位于应用程序的根目录。 在Web.sitemap文件中，为网站中的每一页添加一个siteMapNode元素，也可以嵌套siteMapNode元素创建层次结构。 Web.sitemap文件包含单个顶级siteMap元素。siteMap元素中至少嵌套一个 siteMapNode元素。 每一个siteMapNode元素通常包含Url、Title和Description属性 站点地图文件 例1：ASP.NET快速入门的站点地图如下所示： ?xml version=1.0 encoding=utf-8 ? siteMap siteMapNode url=~/aspnet/defau