一、母版页简介

      Asp.net2.0改进了以往版本对网页设计方面支持上的不足,新增了母版页,或者将它称为页面模版较容易让人理解他的作用。母版页能够为asp.net应用程序创建统一的用户界面和样式,这是母版页的核心功能。采用母版页制作的网站都含有两种文件:一种是母版页,一种是内容页。母版页的后缀为.master,里面封装页面的公共元素;内容页的后缀为.aspx,就是普通的aspx页面,里面包含了除母版页外的其他公共内容。在运行时,asp.net2.0引擎会将两种页面合并再发个客户的浏览器。

二、母版页的结构

常见的母版页代码结构如下:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
                        &copy;Copyright Study.Com 2006</td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

       从上面这段代码我们可以看出,母版页除了头部声明与普通的aspx页面不同外,代码结构上与普通的aspx页面并没有什么差别。

三、占位控件

       当你在读这段代码是会发现母版页上有个新用了两次——ContentPlaceHolder控件,这是在母版页上使用的占位控件。如构想母版页的某一区域拖拽这个控件,就表示这个区域在内容页里是可编辑的区域。以下是与上面的母版页相对应的内容页代码

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="Index.aspx.cs" Inherits="Index" Title="示例5-1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <img src="/oblog312/images/pagepic.gif" width="244" height="223" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <h1>
        网站介绍</h1>
    <p>
        本页面采用来自ASP.NET 2.0技术的母版页新特性进行开发。 主要包括两个页面:母版页和内容页。 母版页后缀名是.master,其封装网站中的共用元素。 内容页实际是普通的.aspx文件,它包含除母版页的其他内容。
        在运行时,ASP.NET引擎将两种页面内容合并执行,最后将结果发给客户端浏览器。
        <p>
            <br>
        </p>
</asp:Content>

        母版页中的ContentPlaceHolder控件的ID属性必须与内容页中Content控件的ContentPlaceHolderID属性邦定。

一、创建母版页

       例如创建如下图结构的页面: 

母版页的使用
 
 
 
 
 
  
       使用Visual Studio 2005创建一个Web站点,然后单击“网站”命令的菜单中的“添加新项”,在站点根目录下创建一个母版页。

母版页的使用
创建母版页图1
 
        创建完母版页后开始设计网页,代码如下:
 
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
                        &copy;Copyright Study.Com 2006</td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

 
完成图:
母版页的使用
前两篇文章介绍了什么事母版页和如何创建母版页,本文将继续介绍母版页的使用——创建内容页。

      在创建完一个完整的母版页之后,必然要创建内容页,内容也必须邦定母版页才能显示母版页的内容。下面就演示创建内容页的过程:

      首先先创建好一张母版页,这里我们采用上一篇文章创建的母版页

母版页的使用

       接着创建内容页

母版页的使用

创建内容页图1

母版页的使用
创建内容页2

母版页的使用

创建内容页3

       点击“确定”就完成了内容页的创建,完成图如下:

母版页的使用

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-06-30
  • 2022-12-23
  • 2022-12-23
  • 2022-02-07
  • 2021-10-08
猜你喜欢
  • 2021-09-29
  • 2021-11-10
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案