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

所属分类: 网络编程 / ASP.NET 阅读数: 1098
收藏 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,接下来设置母版页,整个学习过程知识量较大,需要通过短时间的学习掌握这些知识,是有一些难度的,所以平时我们要加强练习,熟能生巧嘛。

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

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

.NET Core源码解析配置文件及依赖注入

这篇文章我们设计了一些复杂的概念,因为要对ASP.NET Core的启动及运行原理、配置文件的加载过程进行分析,依赖注入,控制反转等概念的讲解等
收藏 0 赞 0 分享

.NET Corek中Git的常用命令及实战演练

这篇文章将通过故事的形式从Git的历史谈起,并讲述Git的强大之处。然后通过实战演练教你如何在Github以及码云上托管我们的代码并进行代码的版本控制
收藏 0 赞 0 分享

Asp.Net Core WebAPI使用Swagger时API隐藏和分组详解

这篇文章主要给大家介绍了关于Asp.Net Core WebAPI使用Swagger时API隐藏和分组的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Asp.Net Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

如何利用FluentMigrator实现数据库迁移

这篇文章主要给大家介绍了关于如何利用FluentMigrator实现数据库迁移的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

ASP.NET Core利用Jaeger实现分布式追踪详解

这篇文章主要给大家介绍了关于ASP.NET Core利用Jaeger实现分布式追踪的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

浅谈从ASP.NET Core2.2到3.0你可能会遇到这些问题

这篇文章主要介绍了ASP.NET Core2.2到3.0可能会遇到的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解.net core webapi 前后端开发分离后的配置和部署

这篇文章主要介绍了.net core webapi 前后端开发分离后的配置和部署,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁

这篇文章主要介绍了ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

.net 4.5部署到docker容器的完整步骤

这篇文章主要给大家介绍了关于.net 4.5部署到docker容器的完整步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用.net4.5具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

.net core并发下线程安全问题详解

这篇文章主要给大家介绍了关于.net core并发下线程安全问题的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.net core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多