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

所属分类: 网络编程 / ASP.NET 阅读数: 1094
收藏 0 赞 0 分享

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

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

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,接下来设置母版页,整个学习过程知识量较大,需要通过短时间的学习掌握这些知识,是有一些难度的,所以平时我们要加强练习,熟能生巧嘛。

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

更多精彩内容其他人还在看

开源跨平台运行服务插件TaskCore.MainForm

这篇文章主要为大家详细介绍了开源跨平台运行服务插件TaskCore.MainForm的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

CKEditor自定义按钮插入服务端图片

这篇文章主要为大家详细介绍了CKEditor自定义按钮插入服务端图片的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Asp.net Web Api实现图片点击式图片验证码功能

现在验证码的形式越来越丰富,今天要实现的是在点击图片中的文字来进行校验的验证码。下面通过本文给大家分享Asp.net Web Api实现图片点击式图片验证码功能,需要的的朋友参考下吧
收藏 0 赞 0 分享

WPF实现ScrollViewer滚动到指定控件处

这篇文章主要为大家详细介绍了WPF实现ScrollViewer滚动到指定控件处,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

WPF实现带全选复选框的列表控件

这篇文章主要为大家详细介绍了WPF实现带全选复选框的列表控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Asp.net MVC 中利用jquery datatables 实现数据分页显示功能

这篇文章主要介绍了Asp.net MVC 中利用jquery datatables 实现数据分页显示功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

asp.net 利用NPOI导出Excel通用类的方法

本篇文章主要介绍了asp.net 利用NPOI导出Excel通用类的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

VS2015自带LocalDB数据库用法详解

这篇文章主要为大家详细介绍了VS2015自带LocalDB数据库的用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

SignalR Self Host+MVC等多端消息推送服务(一)

这篇文章主要为大家详细介绍了SignalR Self Host+MVC等多端消息推送服务,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

SignalR Self Host+MVC等多端消息推送服务(二)

这篇文章主要为大家详细介绍了SignalR Self Host+MVC等多端消息推送服务的第二篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多