如何制作网页导航控件？

　　前些时间流行开的“世界这么大，我想去看看”引出了旅游的热潮，旅游的方式有自驾游和在旅行社报名参团在导游共同旅游，各有各的好处，而今天小编要讲的这个导游呢，是网站上的导游，它将网站规划在一起，游客们想跳转到哪个页面就去哪个页面，尤为方便快捷。

　　这导游可不是一开始就有的，在网站的不断发展中，一个网站所含有的网页越来越多，往往在用户使用时，用着用着就不知道去哪里了，就像旅游时没有导游，会常常遇到迷路的麻烦，那这时候导游就出现了，而这导游放在网站中就成了导航，页面直接的导航，可用于规划网站以及为用户的使用甚至是编程人员开发上带来了很大的便利。

　　ASP.NET2.0开发团队在日常的实践中以及用户使用后的反馈上总结出，网站的规模越来越复杂以及页面结构不断的发生变化，使得网站越来越不容易管理。为了解决网站中的一些列错综问题以及为了满足用户的需求需要，该团队在ASP.NET2.0的开发中提供了三种导航类型的控件，分别是TreeView、SiteMapPath及Menu，再通过和XML格式的站点地图文件的搭配，就可以设置网站的导航，同时能够弹性改变和为编程人员更好的管理以及更好的规划网站的设计以及为用户使用的时候带来便利。

　　下面小编就以区分的方式来为各为小伙伴们讲解讲解导航控件的使用。

　　一、TreeView控件

　　在“解决方案资源管理器”下的后缀名为.aspx的文件里的“工具箱”内拖拉出TreeView控件，如下图图1所示，观察可得出该TreeView控件的排列方式为三层排列方式，最上面一层为根节点，下一层为父节点，父节点的下一层为子节点，当没有再下一层的时候，即子节点下不再含有任何节点的时候，子节点又称为叶子节点。左键单击右上角的小矩形后可在“显示行”复选框中编辑是否显示以及可自定义的显示希望显示的图形或图标，在自动套用格式里可自行选择所需要套用的TreeView控件的样式显示形式。通过编辑节点里的NavigateUrl的形式可自行编辑每个节点以及每个节点所跳转后的Url地址。当然也可以通过web.siteMap的设置使得SiteMapDataSoutce控件自动绑定Web.siteMap的内容，完成后也可实现导航的功能跳转。

　　二、SiteMapPath控件

　　SiteMapPath控件以一个横条路径来显示当前页的位置，并显示从主页的路径到当前路径的路径链接，小伙伴们可通过该路径链接跳转至任何一个路径上的网页中，该控件在日常的用户网站使用上都比较常见，用户可以清晰的通过该控件知道自己在哪个页面内的哪个页面，该控件的出现增强了用户使用时的用户体验以及感受到深度网站的层次路径使用性。

　　在使用SiteMapPath控件时，需要先定义Web.SiteMap文件，下面小编用例子模型的形式讲解SiteMapPath控件的使用。

　　首先在“解决方案资源管理器”下新建“站点地图”。

　　SiteMapNode里的属性Url表示网页的跳转目的路径，路径为.aspx文件，必须是本地项目中所存在的。Title表示的是SiteMapPath控件上所显示的标题，这样便设置完了Web.SiteMap文件。在所需要添加Web.SiteMap文件的.aspx文件上添加SiteMapPath控件界面上便自动显示导航路径。

　　三、Menu控件

　　Menu控件对于用户而言是家常菜经常见了，层次型菜单导航。Menu控件同样需要通过设置Web.SiteMap文件来引用数据，小编在这使用Web.SiteMap文件做该控件的配置文件，用SiteMapDataSource控件自动捕获数据源，最后在浏览器中显示的结果。

　　网站导航带来的便利是不容忽视的，在现在日渐多元化复杂的页面结构中，导航要做的是带领用户更好的使用相关网站，所以导航的开发是不容忽视的一个开发，在这里小编只是较为简便的对小伙伴们做个导航的比较初级使用的介绍，方便新入门的小伙伴们的开发之路。小编在这要为小伙伴们提个醒，一般导航都会放在母版页中做统一布局显示，而不会放在各页面中来增加繁琐性，希望这篇编程语言文章对小伙伴们有所帮助。