ASP.NET页面统一布局、页面导航(站点地图)

文章目录

一、什么是页面统一布局？
- 1.栏式结构
- 2.母版页MasterPage
- 3.包含母版页Web窗体
二、页面导航和站点地图
- 1.站点地图（导航控件）
- 2.站点地图

一、什么是页面统一布局？

一个网站中包含的所有页面，基本的布局格式没有很大的改变，只是其主要模块的某个区域发生变化，遇到类似于这类网站，开发过程中没有必要将每个页面的所有模块全部开发。
在开发每个网站之前，首先要考虑页面的基本布局

1.栏式结构

简单实用、条理分明、格局清晰严谨、适合信息量大的页面
页面布局技术
Table(目前基本上不会实用)
DIV+CSS(目前的主流布局)
在ASP.NET Webform框架中主要采用MasterPage

2.母版页MasterPage

页面的合成：母版页+内容页=统一布局的新页面
母版页的特点：
1. 有利于站点修改和维护，降低开发人员成本
2. 有利于实现页面的统一布局
母版页的使用：
1. 创建母版页
2. 设计样式
3. 添加内容页
  ContentPlaceHolder：这个标签对应的是母版中需要被嵌套的区域
  Content：包含母版页的Web窗体中的这个标签，指的是往母版页对应的区域中嵌套的标签

             <%-- 母版主内容 --%><asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>

3.包含母版页Web窗体

二、页面导航和站点地图

1.站点地图（导航控件）

SiteMapPath控件是一个可以指示页面在站点逻辑位置的导航控件

该类型的导航可以帮助用户理解站点的结构
通过该导航，可以迅速找到相关的位置

      <%-- 网页地图 --%><div id="webMapDiv">  <asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath></div>

2.站点地图

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" ><siteMapNode url="~/IndexMainPage.aspx" title="学员管理系统" description=""><siteMapNode url="~/Student/AddStudentPage.aspx" title="添加学员信息"/><siteMapNode url="~/Student/StudentManagerPage.aspx" title="学员信息管理"/><siteMapNode url="~/Score/ScoreManagerPage.aspx" title="成绩信息管理"/><siteMapNode url="~/Admin/PwdChanged.aspx" title="修改管理员密码"/></siteMapNode>
</siteMap>

ASP.NET页面统一布局、页面导航(站点地图)相关推荐

温故知新ASP.NET 2.0(C#)(3) - SiteMap(站点地图)
[索引页] [源码下载] 温故知新ASP.NET 2.0(C#)(3) - SiteMap(站点地图) 作者:webabcd 介绍 ASP.NET 2.0 中的站点导航提供程序向应用程序中的页公开导航 ...
七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理
系列文章七天学会ASP.NET MVC (一)--深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)--ASP.NET MVC 数据传递七天学会ASP.NET MVC (三)- ...
关于ASP.NET 中站点地图sitemap 的使用【转xugang】
关于ASP.NET 中站点地图sitemap 的使用 SiteMapPath 控件简介 SiteMapPath 控件是一种站点导航控件,反映了SiteMap 对象提供的数据.它提供了一种定位站点的方式 ...
关于ASP.NET 中站点地图sitemap 的使用
在ASP.NET MVC 如此火热的时期,我竟然不适时宜的谈起ASP.NET ,恐怕会引来一阵嘲笑.最为无趣的是,讲解的竟然还是其中的一个控件.oh~~ my god!my out! ^_^ Si ...
利用Div CSS(嵌套盒模型)布局页面完整实例流程
Div CSS(嵌套盒模型)布局页面完整实例流程: <!DOCTYPE html> <html> <head> <meta charset=" ...
利用Div+CSS(嵌套+盒模型)布局页面完整实例流程
Div+CSS(嵌套+盒模型)布局页面完整实例流程: <!DOCTYPE html> <html> <head> <meta charset=" ...
Asp.net动态生成html页面
作者:网际浪子专栏(曾用名littlehb) http://blog.csdn.net/littlehb/ 适用于:Microsoft ASP.NET 摘要:asp.net动态生成html页面,适用 ...
.NET (C#) Internals: ASP.NET 应用程序与页面生命周期——吴秦（Tyler）
原文地址:http://www.cnblogs.com/skynet/archive/2010/04/29/1724020.html 原文作者:吴秦(Tyler) 前几天逛codeproject时,遇 ...
应运而生的web页面响应布局
一.响应布局?貌似没听过哈技术的发展往往导致新事物的产生.关于web页面布局,我们应该听过固定布局(fixed layout).流体布局(fluid layout),那响应布局(responsive ...
asp.net服务器端跳转页面的三种方法
asp.net服务器端跳转页面的三种方法 1.Response.Redirect这个跳转页面的方法跳转速度不快,因为它要走2次回发(postback). 它可以跳转到任何页面,没有站点页面限制(可以由 ...