`

5.1创建母版本页

ASP.netASPCC++C# 
阅读更多
创建母版本页

<%@ 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
分享到：
| 4.1.3、上传大文件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Pro.ENGINEER零件设计技术与实践

    版本: 扫描版 出版社: 电子工业出版社书号: 9787121037726发行时间: 2007年02月01日 地区: 大陆 语言: 简体中文 简介: 内容简介： Pro/ENGINEER是美国PTC公司推出的一套从设计到制造的一体化三维设计软件，其...

    零基础学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文件夹...

    虚拟装配培训资料.pptx

    5.1 装配基础 1、装配体引例--轮轴装配 2、自下而上的装配设计步骤 3、装配设计方法的类型 4、装配的基本概念 5、装配设计树 虚拟装配培训资料全文共62页，当前为第3页。 1、装配体引例--螺栓联接装配 （1）轴定位 ...

    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高手私房菜....

    零基础学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文件夹...

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

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

    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章 ...

Magicbox
Global site tag (gtag.js) - Google Analytics