ASP.NET网站模板的实现(第2节)

我们的主要学习任务是掌握站点地图文件和站点导航控件的使用以及熟练掌握创建母版页和生成内容页的方法，开始学习吧
学习内容：

第一步，网站的面包屑导航

1、创建ASP.NET应用程序，运行Visual Studio2008,在菜单栏中选择“文件”→“新建”→“项目”命令,进行操作。
2、在“解决方案资源管理器”面板中，右击“解决方案‘0931’”，在弹出的快捷菜单中选择“添加”→“新建网站”命令，新建E：\0931\Navigation站点。
3、创建站点地图文件(web.sitemap)。 在“解决方案资源管理器”面板中，右击站点名Navigation，在弹出的快捷菜单中选择“添加新项”命令。在弹出的“添加新项”对话框中选择“站点地图”模板，单击“添加”按钮。Web. sitemap部分代码如下：

<siteMapNode title="计算机软件技术专业0931"description=""url="">
 <siteMapNode title="首页"description=""url="Default.aspx">
 <siteMapNode title="用户登录"description=""url="~/Login/Login"> 

4、为0931网站首页Default.aspx创建面包屑导航。在Visual Studio 2008的“解决方案资源管理器”面板中，右击站点名Navigation，在弹出的快捷菜单中选择“添加新项”命令。在弹出的“添加新项”对话框中选择“Web窗体选项，名称为Default.aspx，默认将代码放在单独的文件中，单击“添加”按钮。
切换到“设计”视图，从左侧工具箱导航组中拖出SiteMapPath控件。
Default.aspx页面部分代码如下：

<div class="head_layer"> 
 </div>
<div class="sitemappath_layer"> 
 </div>
<div class="foot_layer"> 
 </div>

运行Default.aspx即可看到运行效果。

5、同步骤创建0931用户登陆页面/Login/Login.aspx,并为其添加面包屑导航。
6、为面包屑导航设置格式，切换到“设计”视图，右击SiteMapPath控件，在弹出的快捷菜单中选择“自动套用格式”命令，进行编辑。

第二步，添加热区

问题一：如何计算热区？

注意：image与imagemap的区别？
Image控件用来添加页面banner图片
ImageMap控件用来添加navigate导航条图片，在导航条图片中设置热区(用来提供超链接)

第三步，创建母版页

创建母版页。在Visual Studio 2008的“解决方案资源管理器”面板中，右击站点名Navigation，在弹出的快捷菜单中选择“添加新项”命令。在弹出的“添加新项”对话框中选择母版页，扩展名为master。这里则命名为“banji.master”,单击“添加”按钮。

第四步，创建内容页

第一种方法：

（1）创建普通的Web窗体页面。右击banji文件夹，在弹出的快捷菜单中选择“添加新项”命令，创建页面文件。
（2）将创建页面改造成内容页
（3）运行

第二种方法：

（1）在母版页中直接添加内容页。
（2） 在“解决方案资源管理器”面板中，右击站点名，在弹出的快捷菜单中选择“添加新项”命令，在添加的“Web窗体”生成aspx页面时选中“选择母版页”复选框，在后续弹出的选择母版页的对话框中选择需要的母版页。

运行效果图：

总结

通过本节的学习，开始真正接触动态网站。在学习过程中，使用SiteMapPath设计面包屑导航，第一次学习调试的时候不能链接上，检查原因代码拼写错误；又进行热区学习，关于这一点，在设置的时候应该精确数值，如果可以的话可以使用Dreamweaver，接下来设置母版页，整个学习过程知识量较大，需要通过短时间的学习掌握这些知识，是有一些难度的，所以平时我们要加强练习，熟能生巧嘛。

希望这节课网站模板和面包屑导航的实现操作，对大家今后的学习有所帮助。

最新评论