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

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

赞 (0)

相关推荐

  • asp.net 按指定模板导出word,pdf实例代码

    复制代码 代码如下: /// <summary>        /// 导出word文件        /// </summary>        /// <param name="templateFile">模板路径</param>        /// <param name="fileNameWord">导出文件名称</param>        /// <param name=&q

  • asp.net(C#)压缩图片，可以指定图片模板高宽

    复制代码 代码如下: //生成缩略图函数 //顺序参数:源图文件流.缩略图存放地址.模版宽.模版高 //注:缩略图大小控制在模版区域内 public static void MakeSmallImg(System.IO.Stream fromFileStream, string fileSaveUrl, System.Double templateWidth, System.Double templateHeight) { //从文件取得图片对象,并使用流中嵌入的颜色管理信息 System.Dr

  • ASP.NET预定义模板介绍

    ASP.NET预定义模板介绍

    一. 实例演示:通过模板将布尔值显示为RadioButton 在默认的情况下,不论是对于编辑模式还是显示模式,一个布尔类型的属性值总是以一个CheckBox的形式呈现出来.我们创建如下一个表示员工的类型Employee,它具有一个布尔类型的属性IsPartTime表示该员工是否为兼职. public class Employee { [DisplayName("姓名")] public string Name { get; set; } [DisplayName("部门&qu

  • asp.net下将页面内容导入到word模板中的方法

    1,新建word模版,方法是找需要用程序填充的word文档,在需要输入的地方用"书签"(插入-->书签-->输入id-->ok)标记后保存既可. 2,在word模版上修改安全添加everyone 可读,以防文件无法打开. 3,在工程里添加"引用"找到"Microsoft Word 10.0 Object Library"或"Microsoft Word 11.0 Object Library"点确定. 4,新

  • asp.net使用npoi读取excel模板并导出下载详解

    为什么要使用NPOI导出Excel? 一.解决传统操作Excel遇到的问题: 如果是.NET,需要在服务器端装Office,且及时更新它,以防漏洞,还需要设定权限允许.NET访问COM+,如果在导出过程中出问题可能导致服务器宕机.Excel会把只包含数字的列进行类型转换,本来是文本型的,Excel会将其转成数值型的,比如编号000123会变成123.导出时,如果字段内容以"-"或"="开头,Excel会把它当成公式进行,会报错.Excel会根据Excel文件前8行分

  • 使用ASP.NET模板生成HTML静态页面的五种方案

    ASP.NET模版生成HTML静态页面方案1: 复制代码 代码如下: /// < summary> /// 传入URL返回网页的html代码 /// < /summary> /// < param name="Url">URL< /param> /// < returns>< /returns> public static string getUrltoHtml(string Url) { errorMsg = &

  • asp.net GridView控件中模板列CheckBox全选、反选、取消

    asp.net GridView控件中模板列CheckBox全选、反选、取消

    复制代码 代码如下: using System; using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebC

  • ASP.NET中实现模板页

    使用过JavaStruts的程序员应该知道,Struts中有一个模板标记,虽然其使用起来比较复杂,但对于有大量页面的程序来说其带来了很多方便.但是,在ASP.NET中并没有现成实现可用,这方面国内讨论的也很少,其实,重写sender方法我们也可以实现类似的功能.下面是我项目中使用的一个基类模板类. 1using System; 2using System.Web.UI; 3 4namespace RepeaterDemo.Web.PageTemplate 5{ 6 /**//// <summar

  • asp.net TemplateField模板中的Bind方法和Eval方法

    比如我们要取个日期型的数据,在数据库中列名是updated,数值是2008/06/01.但是想2008年06月01日这样显示,我们可以这样来写Bind("updated", "{0:yyyy年MM月dd日}"),Eval也是如此. 2者都能读取数据中的值,并显示.当我们使用编辑更新操作时,Bind能够自动的将修改的值更新到数据库中,并显示出修改后的值.但是用了Eval却只能得到错误画面,新的数据没有更新到数据库中. 从这点看来,Bind方法和Eval方法的区别就是:

  • asp.net GridView模板列中实现选择行功能

    大部分的功能采用通过模板列实现,为了方便选择和删除使用了它自带的功能和方法,很容易就能实现,没发现有什么大问题:但是在部署到服务器中,发现选择显示的不是文字,而是"select",也没查出是什么原因,后面不得不改为通过模板列实现. 在改为模板列实现时,发现gv_sjy_RowCommand事件里不能通过e.CommandArgument获取行的索引值,只能另想途径了,发现有两种方法可以做到: 第一种: 复制代码 代码如下: <asp:LinkButton ID="btn

随机推荐