子层次结构的节点。
部署该控件非常类似于部署Menu控件；只需将该控件拖放到页面上并选择使用SiteMapDataSource控件提供数据。如果在Wrox United站点上使用该控件，那么页面将如图3-43所示。
注意在图3-43中Home节点和Fixtures节点都是展开的，而About节点没有展开。如果重新放置这个控件，那么除了一些细小的样式差异之外，可以轻松地使用这个控件代替Menu控件进行导航。
图 3-43
本章讨论了浏览器能理解的代码和服务器控件之间的差别，其中服务器控件将由服务器转换为可以在浏览器上显示的格式。具体地说，现在应该熟悉了以下内容：
● HTML是浏览器可以理解的语言，用于Web编程，形成我们可以在任意站点上查看的
网页。
● XHTML是遵守一组严格规定的HTML版本，其目的是使目前和将来的浏览器都能理解
同一种语言，从而消除开发站点时的一些不确定因素。
● 客户端代码和服务器端代码是两个不同的实体；服务器端代码在服务器上处理，并转
换成浏览器可以理解的客户端代码。
● 在VWD开发环境中，可以使用ASP.NET的服务器控件迅速地构造一个复杂的站点，
并且可以在Design View和Source View中添加这些控件。
● 服务器控件(由服务器)转换为浏览器可以理解的HTML，如果浏览器支持JavaScript的
话，服务器将同时产生用于操作动态客户端元素的JavaScript代码。 ● 开发人员只需要进行少量的工作就可以为站点添加复杂的导航功能。
下一章首先讨论怎样通过服务器控件个性化站点以及用于站点登录的优雅的ASP.NET功能。
这些练习可以帮助您更加熟悉VWD的界面。示例代码(从www.worx.com下载)是一个最终解决方案，但显然可以通过亲自尝试这些练习学到更多知识。练习的答案在附录A中。
(1) 练习使用VWD的拖放功能创建一个包含如下信息的简单站点：
● WroxUnited图标(可免费从www.worx.com下载—— 或自己选择一个小图片)。 ● 队员的名字和每个队员的一些信息，在表格中显示这些内容，如图3-44所示。
图 3-44
(2) 在本章的Wrox United站点版本中打开Master页面。删除Menu控件并用TreeView控件代替。将该控件绑定到siteData数据源—— 您将在Design View
中(如图3-45所示)或运行该页面的时候(如前面的图3-43所示)看到一个完整的树型结构。
图 3-45
