1 / 23
文档名称:

(动态网页设计案例教程)第6章网站导航.ppt

格式:ppt   大小:788KB   页数:23页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

(动态网页设计案例教程)第6章网站导航.ppt

上传人:autohww 2018/7/13 文件大小:788 KB

下载得到文件列表

(动态网页设计案例教程)第6章网站导航.ppt

相关文档

文档介绍

文档介绍:第6章网站导航
学****要点
掌握创建站点地图的方法。
掌握导航类控件Menu、TreeView和SiteMapPath控件的使用方法。

站点地图文件按站点的分层形式来组织页面。在该文件中,站点地图文件的根是siteMap。可以为网站中的每个页面添加一个SiteMapNode元素,并通过嵌入siteMapNode元素来创建层次结构。

案例6-1
请用站点地图文件描如图6-1所示的一个示例网站的目录结构

案例6-1

<?xml version="" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.//SiteMap-File-" >
<siteMapNode url="" title="首页" description="My Web Site">
<siteMapNode url="~\Price\" title="今日报价">
<siteMapNode url="~\Price\" title ="北京站"/>
<siteMapNode url ="~\Price\" title ="上海站"/>
<siteMapNode url ="~\Price\" title ="广州站"/>
</siteMapNode>
<siteMapNode url="~\Products\" title="产品库">
<siteMapNode url ="~\Products\Hardware\" title ="硬 件">
<siteMapNode url ="~\Products\Hardware\" title ="CPU"/>
<siteMapNode url ="~\Products\Hardware\" title =" 硬盘"/>
<siteMapNode url ="~\Products\Hardware\" title =" 主板"/>
<siteMapNode url ="~\Products\Hardware\" title =" 内存"/>
</siteMapNode>
<siteMapNode url ="~\Products\Software\" title ="软 件">
<siteMapNode url ="~\Products\Software\" title =" 下载中心"/>
<siteMapNode url ="~\Products\Software\" title ="软件资讯"/>
</siteMapNode>
</siteMapNode>
<siteMapNode url="" title ="产品论坛" />
</siteMapNode>
</siteMap>
SiteMapPath站点导航控件
SiteMapPath控件
,提供了从当前位置沿页层次结构向上的跳转功能。默认情况下,根节点显示在导航路径的最左侧,当前节点显示在最右侧,根节点和所有父节点均以超级链接形式呈现,当前节点则以普通文本形式呈现。单击任意一个链接,可跳转到节点对应的页面。
通过设置SiteMapPath控件的ParentLevelIsDisplayed属性,可以限制显示的父链接的数量。
通过设置SiteMapPath控件的PathSeperator属性,可以自定义在链接之间显示的字符。
SiteMapPath站点导航控件
案例6-2
应用SiteMapPath控件在页面中显示导航路径
图6-7 设计视图中添加的SiteMapPath控件
图6-8 控件显示导航路径
Menu导航控件的应用
Menu控件
Menu控件,即菜单控件,由一个或多个菜单子项(MenuItem)组成,并且菜单子项之间可以形成一定的层次关系。
菜单控件包含两种菜单:静态菜单(StaticMenu)和动态菜单(DynamicMenu)。静态菜单总是一直显示在网页上,而动态