项目6　Web 应用程序的版式设计和导航实现

【项目描述】

实用的商业网站都应具备统一的风格，如使用相同相似的格局、颜色搭配、图标和字体等，统一的风格能为访问者带来规范、一致的感受，使网站显得专业。在之前学习静态网页技术的课程中，我们已经学习了一些用于统一风格的技术：如框架、表格布局，DIV+ CSS布局，JS统一页面动态效果等，尤其是DIV+ CSS+ JS的组合已成为网页制作的主流技术，它能成为主流的主要原因就在于它实现了网页外观设计和具体内容的分离，这就是网页设计和制作的一个基本原则。但是，上述技术的应用只能实现为静态网页提供统一风格，那么，如何实现为既包含静态页面部分又包含动态页面部分（指使用Web控件制作的用户界面）的ASP.NET动态网页提供统一风格呢？ASP.NET提供了一些技术：如母版页和导航控件等，能为ASP.NET动态网页提供统一的布局和导航，使ASP.NET动态网页具有统一的风格，本项目将通过实现网上书店的版式设计和导航，学习用于统一Web应用程序风格的技术。

【技能目标】

①能使用母版页设计网站的版式；

②能在内容页和母版页之间进行数据交换；

③能编写Web.sitemap站点地图文件，并创建SitMapDataSource数据源控件；

④能对Menu控件进行可视化编辑和编程；

⑤能使用SiteMapPath控件进行路径导航；

⑥能对TreeView控件进行可视化编辑和编程；

⑦能创建和配置XmlDataSource数据源控件，并作为其他导航控件的数据源。