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

 更新时间:2015年08月13日 09:59:25   投稿:lijiao   我要评论

这篇文章主要介绍了网站模板是如何实现的,了解母版页在整合页面公共元素、统一页面风格中的作用,感兴趣的朋友可以参考下

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

第一步,网站的面包屑导航
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 WEB API 之属性路由

    详解ASP.NET WEB API 之属性路由

    本篇文章主要介绍了ASP.NET WEB API 之属性路由,路由就是Web API如何把URI匹配到一个Action的描述。有兴趣的可以了解一下。
    2017-03-03
  • Centos7+Docker+Jenkins+ASP.NET Core 2.0自动化发布与部署的实现

    Centos7+Docker+Jenkins+ASP.NET Core 2.0自动化发布与部署的实现

    这篇文章主要给大家介绍了关于Centos7+Docker+Jenkins+ASP.NET Core 2.0自动化发布与部署的相关资料,文中通过示例代码及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2018-05-05
  • asp.net网页里面为什么找不到CS文件

    asp.net网页里面为什么找不到CS文件

    这篇文章主要介绍了asp.net为什么网页里面找不到CS文件,如何才能够cs文件显示出来
    2014-05-05
  • ASP.NET Core依赖注入系列教程之服务的注册与提供

    ASP.NET Core依赖注入系列教程之服务的注册与提供

    这篇文章主要给大家介绍了关于ASP.NET Core依赖注入系列教程之服务的注册与提供的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧
    2018-11-11
  • ASP.NET笔记之Calender的使用说明

    ASP.NET笔记之Calender的使用说明

    在Calender中,所有可选择的符号会显示下划线,这是因为它们在浏览器都会呈现为链接。如果让用户可以选择某天、月、周,必须设置SelectionMode属性
    2013-04-04
  • js获取Treeview选中的节点(C#选中CheckBox项)

    js获取Treeview选中的节点(C#选中CheckBox项)

    方法网上有很多,试了一下都有瑕疵,于是设置断点调试,各个属性查找有用的字段,终于找到,接下来与大家分享解决方法,需要了解的朋友可以参考下
    2012-12-12
  • 状态保存机制之ViewState概述及应用

    状态保存机制之ViewState概述及应用

    无状态的根本原因是:浏览器和服务器使用Socket通信,服务器将请求结果返回给浏览器后,会关闭当前Socket连接,接下来介绍状态保存机制,感兴趣的朋友可以了解下
    2013-02-02
  • C# 命名规则(挺不错的)

    C# 命名规则(挺不错的)

    我自己总结的一套命名规则,其实规则很重要,它是一种标准,可有可无,但有总会比无好,大家正在编码的同志仔细看看,给点改进意见。
    2009-02-02
  • aspx超强木马查杀与防范(web网马)

    aspx超强木马查杀与防范(web网马)

    下面代码是一个aspx超强木马,功能很多,大家在服务器上见到一定要小心
    2013-12-12
  • FileUpload上传图片前实现图片预览功能(附演示动画)

    FileUpload上传图片前实现图片预览功能(附演示动画)

    FileUpload控件上传图片前实现预览,很多网友都希望实现这样的功能,本人总结了一下,感兴趣的朋友可以参考一下,希望对您有帮助
    2013-01-01

最新评论