`

5.1创建母版本页

阅读更多
创建母版本页

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="SimpleMaster.master.cs"
    Inherits="SimpleMaster" %>

<!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 runat="server">
    <style type="text/css">
        html
        {
            background-color: Silver;
            font: 14px Arial,Sans-Serif;
        }
        .content
        {
            margin: auto;
            width: 700px;
            background-color: White;
            border: Solid 1px black;
        }
        .leftColumn
        {
            float: left;
            padding: 5px;
            width: 200px;
            border-right: Solid 1px black;
            height: 700px;
        }
        .rightColumn
        {
            float: left;
            padding: 5px;
        }
        .clear
        {
            clear: both;
        }
    </style>
    <title>Simple master</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div class="content">
        <div class="leftColumn">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div class="rightColumn">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <br class="clear" />
    </div>
    </form>
</body>
</html>

----------------------------------------

<%@ Page Title="" Language="C#" MasterPageFile="~/SimpleMaster.master" %>

<script runat="server">

</script>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
SimpleContent
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
Content in the first column
<br />Content in the first column
<br />Content in the first column
<br />Content in the first column
<br />Content in the first column
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
Content in the Second column
<br />Content in the Second column
<br />Content in the Second column
<br />Content in the Second column
<br />Content in the Second column
</asp:Content>

嵌套母版本

<%@ Master Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <style type="text/css">
        html
        {
            background-color: DarkGreen;
            font: 14px Georgia,Serif;
        }
        .content
        {
            width: 700px;
            margin: auto;
            border-style: solid;
            background-color: White;
            padding: 10px;
        }
        .tabstrip
        {
            padding: 3px;
            border-top: solid 1px black;
            border-bottom: solid 1px black;
        }
        .tabstrip a
        {
            font: 14px Arial;
            color: DarkGreen;
            text-decoration: none;
        }
        .column
        {
            float: left;
            padding: 10px;
            border-right: solid 1px black;
        }
        .rightColumn
        {
            float: left;
            padding: 10px;
        }
        .clear
        {
            clear: both;
        }
    </style>
    <title>My Site Master</title>
</head>
<body>
    <form id="form1" runat="server">
    <div class="content">
        <asp:Image ID="imgLogo" ImageUrl="~/Images/1.gif" AlternateText="Website Logo" runat="server" />
        <div class="tabstrip">
            <asp:HyperLink ID="lnkProducts" Text="Products" NavigateUrl="~/Products.aspx" runat="server" />
            &nbsp;
            <asp:HyperLink ID="lnkServices" Text="Services" NavigateUrl="~/Services.aspx" runat="server" />
        </div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
        <br class="clear" />
        Copyright &copy;2010 by Danny.
    </div>
    </form>
</body>
</html>



SectionProducts.master
<%@ Master Language="C#" MasterPageFile="~/MySite.master" %>

<script runat="server">

</script>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="column">
        <asp:ContentPlaceHolder ID="ContentPlaceHoder1" runat="server" />
    </div>
    <div class="column">
        <asp:ContentPlaceHolder ID="ContentPlaceHoder2" runat="server" />
    </div>
    <div class="rightColumn">
        <asp:ContentPlaceHolder ID="ContentPlaceHoder3" runat="server" />
    </div>
</asp:Content>


SectionServices.master
<%@ Master Language="C#" MasterPageFile="~/MySite.master" %>

<script runat="server">

</script>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="column">
        <asp:ContentPlaceHolder ID="ContentPlaceHoder1" runat="server" />
    </div>
    <div class="rightColumn">
        <asp:ContentPlaceHolder ID="ContentPlaceHoder2" runat="server" />
    </div>
</asp:Content>


Products.aspx
<%@ Page Title="" Language="C#" MasterPageFile="~/SectionProducts.master" %>

<script runat="server">

</script>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHoder1" runat="Server">
    Products,Products,Products
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHoder2" runat="Server">
    Products,Products,Products 2
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHoder3" runat="Server">
    Products,Products,Products 3
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
    <br />
    Products,Products,Products
</asp:Content>


Services.aspx
<%@ Page Title="" Language="C#" MasterPageFile="~/SectionServices.master" %>

<script runat="server">

</script>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHoder1" runat="Server">
    Services,Services,Services 1
    <br />
    Services,Services,Services
    <br />
    Services,Services,Services
    <br />
    Services,Services,Services
    <br />
    Services,Services,Services
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHoder2" runat="Server">
    Services,Services,Services 2
    <br />
    Services,Services,Services
    <br />
    Services,Services,Services
    <br />
    Services,Services,Services
    <br />
    Services,Services,Services
</asp:Content>


在母版页中使用图片和超链接
在母版页中使用相对URL必须十分小心。
   使用ASP.net控件,相对URL会解析为相对于母版本的URL。
   母版中添加Asp.net Image控件
   <asp:Image ImageUrl="Picture.gif" run="server"/>
   母版在MasterPages的文件夹中,则URL会解析为:/MasterPages/Pictrue.gif
   即使内容页在一个完全不同的文件夹中,ImageUrl属性仍然会解析为相对于母版页的URL而不是相对于内容页的URL。
  使用HTML标签,情况完全不同<a><img>
   在母版中添加<img src="picture.gif"/>
   内容页在ContentPages文件夹中则会解析为: /ContentPages/picture.gif
解决方法:
  1、用ASP.Net控件替换使用相对URL的HTML元素
  2、用绝对URL来替换相对URL 比较僵硬
  3、在母版中使用方法来重新解析相对URL。 MasterUrl()
ImageMaster.master [in MasterPages文件夹]
 
 <%@ Master Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <img src='<%=Page.ResolveUrl("~/MasterPages/Logo.gif") %>' alt="Website Logo" />
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>


ImageContent [在根目录下]
 <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/ImageMaster.master" %>

<script runat="server">

</script>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    Head
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <h1>
        Image Content</h1>
</asp:Content>


在Web配置文件中注册母版页
<configuration>
<system.web>
    <pages masterPageFile="~/SimpleMaster.master"/>
</system.web>
</configuration>

母版页只能应用到内容页,如果一个页面没有Content控件,只是普通ASP.net页面的话,母版页被忽略。

2011-4-28 10:24 danny
分享到:
评论

相关推荐

    零基础学ASP.NET 2.0电子书&源代码绝对完整版1

    Web服务器:IIS 5.1及以上版本 2.本书所附光盘范例 第1章(\Chapter 01) 示例描述:本章演示ASP.NET 2.0网站的预编译以及学习ASP.NET 2.0的前置知识。 WebSite文件夹 创建的ASP.NET 2.0 Web站点。 www文件夹...

    AutoCAD 2016视频课程2-二维课程

    5.1选择对象.flv 5.2复制和移动图形对象.flv 5.3调整图形对象大小.flv 5.4构造对象.flv 5.5使用夹点编辑对象.flv 5.6通过双击编辑对象.flv 5.7 对象编组.flv 5.8综合实战——绘制古典窗户立面图.flv 5.9高手私房菜....

    高中生物5.1生态工程的基本原理课时训练练新人教版选修3

    它强调的是在尊重自然规律的基础上,通过科学的设计和管理,创建可持续的人工生态系统。生态工程的基本原则包括: 1. **协调与平衡原理**:在设计生态工程时,需要考虑生物与环境之间的适应性,避免生物数量超过...

    UG 教程NX-5 TUTORIAL 1-5

    UG NX 5是该系列的一个版本,它提供了丰富的功能和工具集,能够满足从设计到制造的各个环节的需求。在这一章节中,我们将了解UG NX 5的基本概念和界面,以及如何启动和使用该软件。 ##### 1.1 产品实现过程 在工业...

    华为FusionCloud桌面云链接克隆交付最佳实践

    链接克隆技术通过创建一个母镜像并在其基础上创建多个链接克隆虚拟机(VM),这些虚拟机共享同一份操作系统文件,仅保存各自的差异性数据。这种方式可以显著减少存储空间的需求,同时加快虚拟机的部署速度。 **1.2 ...

    零基础学ASP.NET 2.0&源代码绝对完整版1

    Web服务器:IIS 5.1及以上版本 2.本书所附光盘范例 第1章(\Chapter 01) 示例描述:本章演示ASP.NET 2.0网站的预编译以及学习ASP.NET 2.0的前置知识。 WebSite文件夹 创建的ASP.NET 2.0 Web站点。 www文件夹...

    计算机在高分子材料中的应用上机PPT学习教案.pptx

    5.1 绘图精度控制是关键,确保了在计算机上绘制的高分子模型的准确性。SNAP命令允许用户设置光标捕捉模式,以特定间隔捕捉网格点,如在X轴上设置为10,在Y轴上设置为5,并以30度的角度旋转,这有助于精确绘制高分子...

    SOLIDWORKS2011入门教程

    **5.1 生成零件的多个配置** - **自动更新模型**:当模型参数发生变化时,能够自动更新相关的工程图和文档。 - **装入最新模型**:确保始终使用最新的模型版本。 **5.2 输入和输出文件** - **识别非SolidWorks...

    计算机在高分子材料中的应用上机PPT课件.pptx

    5.1 绘图精度控制 绘图精度控制主要包括SNAP(光标捕捉)和GRID(栅格)设置。SNAP命令允许用户设置光标在特定点上自动对齐,提高绘图的精确性。例如,可以设置X方向和Y方向的捕捉间距,以及旋转角度。在提供的例子...

    大更新【CHENI纯组件列表框1.7】修复重大BUG,新增显示部分表项功能-易语言

     5.1、用途:搜索【模块自身未集成搜索功能】,仅展示属于某特定内容的表项 等  5.2、方法说明:  5.2.1、:列表_开启显示部分表项功能  参数:显示表项序号组【整数数组型】 可空(自带去重,可提供带重复序号...

    汽车双柱举升机设计设计计算.pdf

    - 5.1 利用SolidWorks软件进行三维建模:创建精确的三维模型,便于分析各部件的受力情况。 - 5.2 立柱和液压杆的simulation分析:通过仿真计算,评估立柱和液压杆在工作状态下的应力分布,确认是否满足强度要求。 ...

    Linux高级bash编程

    5.1. 引用变量 5.2. 转义(\) 6. 退出和退出状态 7. Tests 7.1. Test结构 7.2. 文件测试操作 7.3. 其他比较操作 7.4. 嵌套的if/then条件test 7.5. 检查你的test知识 8. 操作符和相关的主题 8.1. 操作...

    Advanced Bash-Scripting Guide <>

    5.1. 引用变量 5.2. 转义(\) 6. 退出和退出状态 7. Tests 7.1. Test 结构 7.2. 文件测试操作 7.3. 其他比较操作 7.4. 嵌套的if/then 条件test 7.5. 检查你的test 知识 8. 操作符和相关的主题 8.1. 操作符 8.2. 数字...

    asp学习相关资料大全

    IIS 5.1V Inertnet Explorer 6.0以上 3.2.2 工具简介 Dreamweaver MX 2004简介 Dreamweaver MX 2004 是 建立 Web 站点和应用程序的专业工具。 它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能...

    UML基础、案例与应用(第三版)].施穆勒.扫描版_2分.pdf

    5.1 聚集 53 5.2 组成 54 5.3 组成结构图 54 5.4 接口和实现 55 5.5 接口和端口 58 5.5.1 可见性 58 5.5.2 作用域 59 5.6 小结 59 5.7 常见问题解答 60 5.8 小测验和习题 60 5.8.1 小测验 60 5.8.2 习题 60 第6章 ...

    java数据结构与算法

    - 特征根法、迭代法、母函数法等。 - 用于求解线性递推关系式。 - **线性齐次递推式的求解** - 递推式不含独立项的情况。 - 例如,求解斐波那契数列。 - **非齐次递推关系的解** - 递推式含独立项的情况。 -...

    ACM模板-浙大模板浙大模板

    这份资料由WishingBone于2002年12月创建,并由Riveri在2004年11月进行了更新。下面将根据文档的大纲对各个部分进行详细的知识点总结。 #### 1. 几何 - **1.1 注意** - 舍入方式:确保在进行浮点数运算时正确处理...

Global site tag (gtag.js) - Google Analytics