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,接下来设置母版页,整个学习过程知识量较大,需要通过短时间的学习掌握这些知识,是有一些难度的,所以平时我们要加强练习,熟能生巧嘛。
希望这节课网站模板和面包屑导航的实现操作,对大家今后的学习有所帮助。
相关文章
- 这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 在开发过程中,使用Visual Studio的断点调试功能可以很方便帮我们调试发现程序存在的错误,同样Visual Studio也支持对SQL Server里面的存储过程进行调试,下面就让我们看看具体的调试方法。...2021-09-22
ASP.NET Core根据环境变量支持多个 appsettings.json配置文件
这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22- 这篇文章主要介绍了记一次EFCore类型转换错误及解决方案,帮助大家更好的理解和学习使用asp.net core,感兴趣的朋友可以了解下...2021-09-22
详解ASP.NET Core 中基于工厂的中间件激活的实现方法
这篇文章主要介绍了ASP.NET Core 中基于工厂的中间件激活的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22asp.net通过消息队列处理高并发请求(以抢小米手机为例)
这篇文章主要介绍了asp.net通过消息队列处理高并发请求(以抢小米手机为例),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22ASP.NET单选按钮控件RadioButton常用属性和方法介绍
RadioButton又称单选按钮,其在工具箱中的图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选钮中只能选择一个...2021-09-22ASP.NET 2.0中的数据操作:使用两个DropDownList过滤的主/从报表
在前面的指南中我们研究了如何显示一个简单的主/从报表, 该报表使用DropDownList和GridView控件, DropDownList填充类别,GridView显示选定类别的产品. 这类报表用于显示具有...2016-05-19ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下...2021-09-22- ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了ASP.NET连接MySql数据库的2个方法及示例,使用的是MySQL官方组件和ODBC.NET,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了Asp.Net使用Bulk实现批量插入数据的方法,对于进行asp.net数据库程序设计非常有借鉴价值,需要的朋友可以参考下...2021-09-22
在ASP.NET 2.0中操作数据之二十九:用DataList和Repeater来显示数据
本文主要讲解ASP.NET 2.0中如何使用DataList 和 Repeater 来呈现数据,DataList包含一个table标记,而Repeater不会添加任何额外的代码,个人在实际开发中更推荐使用Repeater。...2021-09-22- 这篇文章主要介绍了获取DataTable选择第一行某一列值,需要的朋友可以参考下...2021-09-22
- 这篇文章介绍了Asp.net动态生成html页面的方法,有需要的朋友可以参考一下...2021-09-22
- 这篇文章主要介绍了ASP.Net中的async+await异步编程的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
- 这篇文章主要介绍了详解ASP.NET Core Token认证,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...2021-09-22
ASP.NET百度Ueditor编辑器实现上传图片添加水印效果
这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料,文中通过图文及示例代码介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。...2021-09-22- .net core是最近讨论频率很高的话题,下面这篇文章主要给大家介绍了关于利用.NET Core如何获取操作系统中各种信息的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧...2021-09-22
- 这篇文章主要介绍了asp.net core MVC之实现基于token的认证,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-05-07