Asp.net中使用母版页

简介:
 

一   先创建母版页,然后给母版页用css布局,给母版页也布局和给普通页面布局是一样的

<head runat="server">
    <link href="css/Layout.css" rel="Stylesheet" type="text/css" />
    <title>无标题页</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div id="container">
        <div id="headerBanner">头标题</div>
        <div id="leftnav">
            左侧
           <asp:ContentPlaceHolder ID="ContentPlaceHolderLeft"

                     runat="server"></asp:ContentPlaceHolder>
        </div>
        <div id="content">
            内容
           <asp:ContentPlaceHolder ID="ContentPlaceHolderContent"

                       runat="server"></asp:ContentPlaceHolder>
        </div>
        <div id="rightbanner">
           右侧
          <asp:ContentPlaceHolder ID="ContentPlaceHolderRight"

                      runat="server"></asp:ContentPlaceHolder>
        </div>
         <div id="footer">页脚</div>
    </div>
    </form>
</body>
</html>

 

 

二.注意上边ContentPlaceHolder控件,若你想在内容页面中在该区域添加内容,就一定要在母版页中该区域相应位置添加ContentPlaceHolder控件

 

 

三.添加新项——web内容页面------选择使用的母版页

 

四.在内容页中发挥吧

目录
相关文章
|
8月前
|
开发框架 前端开发 JavaScript
盘点72个ASP.NET Core源码Net爱好者不容错过
盘点72个ASP.NET Core源码Net爱好者不容错过
175 0
|
8月前
|
开发框架 .NET
ASP.NET Core NET7 增加session的方法
ASP.NET Core NET7 增加session的方法
97 0
|
存储 开发框架 前端开发
asp.net与asp.net优缺点及示例
asp.net与asp.net优缺点及示例
112 0
|
5月前
|
开发框架 JSON .NET
ASP.NET Core 标识(Identity)框架系列(三):在 ASP.NET Core Web API 项目中使用标识(Identity)框架进行身份验证
ASP.NET Core 标识(Identity)框架系列(三):在 ASP.NET Core Web API 项目中使用标识(Identity)框架进行身份验证
|
5月前
|
开发框架 .NET 数据库连接
ASP.NET Core 标识(Identity)框架系列(一):如何使用 ASP.NET Core 标识(Identity)框架创建用户和角色?
ASP.NET Core 标识(Identity)框架系列(一):如何使用 ASP.NET Core 标识(Identity)框架创建用户和角色?
|
8月前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
|
8月前
|
SQL 开发框架 JavaScript
分享33个ASP.NET电子商务源码和40个ASP.NET控件组件源码,总有一款适合您
分享33个ASP.NET电子商务源码和40个ASP.NET控件组件源码,总有一款适合您
99 0
|
8月前
|
存储 开发框架 .NET
Asp.net就业课之Ado.net第一次课
Asp.net就业课之Ado.net第一次课
48 0
|
存储 开发框架 .NET
ASP.NET学生管理系统(.NET毕业设计)
ASP.NET学生管理系统(.NET毕业设计)
196 0
|
开发框架 前端开发 JavaScript
ASP .Net Core 中间件的使用(一):搭建静态文件服务器/访问指定文件
ASP .Net Core 中间件的使用(一):搭建静态文件服务器/访问指定文件