母版页的作用及使用方法

 

转自:http://blog.csdn.net/zhangyj_315/archive/2008/03/23/2210709.aspx

 

 

【解答】
母版页(Master Page)的扩展名为“.master”,它相当于网页的模板。在其他网页中,只要引用了母版页,母版页的页面就可以自动显示出来,设计者可以修改引用的母版页中预留的部分,其它部分保持不变,这样就可以使多个页面的风格保持一致,给网页设计带来了很大的方便。
注:在asp.net中也可以用<!-- #include file="header.aspx" -->来加入页面,但header.aspx中不能有<% @page %>,也就意味着不能调用header.aspx.cs页。所以没有母版页的功能高。


ASP.NET 2.0 中的母版页详解

为了减少在网页设计时出现的变一页则动全站的问题,vs2003升级到vs2005后增加了母版的概念。

  你可以把它想像成为“网页模版”,与之不同的是,再也不必每个页面都去更新了,修改一次,所有的网页都会改变,做到了一劳永逸。

  下面先进行一个简单的母版使用演示:

  1、首先打开visual studio 2005,新建一个asp.net网站,文件系统,C#。

  2、在解决方案资源管理器中,右键新建一个新项:

  3、选择母版页:

  4、打开MasterPage.master,里面有一个contentplaceholder控件,注意不要控件里面写什么东西。
    我们转到设计视图,在这个控件外面加上header和footer 两句文本。

       <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
  </asp:contentplaceholder>

 

 

  5、保存后我们就可以用它来做其它页面了。有两种方法,

(1)是在母版页任意位置右键,点击添加内容页;(缺点:无法自己定义文件名。)

(2)是在解决方案资源管理器上新建新项,在生成aspx页面时勾选“选择母版页”(推荐)

  6、选择相应的母版页

 

  7、在新生成的页面源代码只有这几句:
   

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
</asp:Content>


  我们可以看到一个content控件,这个东西对应母版页的ContentPlaceHolder1控件,转换到视图页面:

 

8、其中页头和页脚的文字都是灰色的,我们只能在 content中进行编辑。

  保存后访问default2.aspx这个页面,F5.,我们看到页面:

  9、和想像的一样吧,我们再来看看源代码: 


  母版内容是放在一个div中的,而content页面并没有放在单独的div,就是说在母版不会给子页添加任何的多余代码。这就给我们编程和网页布局带来了很大的灵活性,我们可以充分利用CSS+DIV的形式定位,亦可以用table方式进行定位。修改时也不必每个页面都去修改。

  10、对于不是一块固定内容的母版,我们可以用多个ContentPlaceHolder1来进行布局,下面的例子是用table来定位的:

 

11、在相应的子页面里会有两个content:


  12、要灵活应用,CSS虽然也可以用DIV来解决这个问题,但是一些非标准控件的样子是很难用CSS来控制的,如果你做了另外一套母版MasterPage2.master,你可在页面中动态设置:

 

 

 

  先到这里,据说还可以嵌套应用,不过目前是够用了,配合一下theme的使用,下次再说。

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/zhangyj_315/archive/2008/03/23/2210709.aspx

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值