网站的简单的母版页

本文介绍了一个使用ASP.NET技术实现的网站布局方案,详细展示了MasterPage母版页的结构和样式设置,包括头部、导航栏、内容区域及底部版权等部分的设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>



    <style type="text/css">
        #myhead{
            text-align:center;
        }
        #Image1{
            height:115px;
            width:1000px;


        }
        #hengxiang{
            height:60px;
            width:1000px;
            position:relative;
            margin-left:167px;
        }


        #mycontent{
            text-align:center;
            position:relative;
            margin-left:167px;
            height:600px;
            width:1000px;
        }


        #vertical{
            width:30%;
            height:600px;
            float:left;
        }
        #content{
            width:70%;
            height:600px;
            float:right;
        }
        #copyright{
            text-align:center;
            position:relative;
            margin-left:167px;
            height:50px;
           width:1000px;
        }
    </style>




    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    
<form id="form1" runat="server">






    <div id="myhead">
    <asp:Image ID="Image1" runat="server" ImageUrl="~/photo/1.png" />
    </div>




    
    <div id="hengxiang">


        <asp:SiteMapPath ID="SiteMapPath1" runat="server">
        </asp:SiteMapPath>


    </div>


    <div id="mycontent">


         <div id="vertical">
             <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1">
             </asp:TreeView>
             <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
         </div>




        <div id="content">
            <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
        </div>


    </div>


    <div id="copyright">


    </div>


    
    
    </form>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值