母版页的作用及使用方法

【解答】
母版页(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控件,注意不要控件里面写什么东西。
 
  我们转到设计视图,在这个控件外面加上headerfooter 两句文本。

       < 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,就是说在母版不会给子页添加任何的多余代码。这就给我们编程和网页布局带来了很大的灵活性,我们可以充分利用CSSDIV的形式定位,亦可以用table方式进行定位。修改时也不必每个页面都去修改。

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

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


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


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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值