程序博客网 > python怎么开发网站

Xml中利用母版来实现网站设计

来源：互联网 发布：python怎么开发网站 编辑：程序博客网 时间：2024/06/07 12:02

放置一个母版页Master

结构设置:
<head runat="server">
    <title></title>
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <img src="imgs/5b3d7295828ccb8e0df05af4a5bb2f91.jpg" />
    <!--container开始-->
<div id="container">
<!--header开始-->
<div id="header">
<h1>保钓网</h1><p>钓鱼岛是中国的，决不允许侵犯！</p>
<div id="navi">
<a href='<%=ResolveClientUrl("~/index.aspx") %>'>首页</a>  |  <asp:HyperLink ID="HyperLink1" runat="server"
        NavigateUrl="~/AboutBaodiao.aspx">关于我们</asp:HyperLink>  |  <a href="#">新闻旧事</a>  |  <a href="#">联系我们</a>  |  <a href='<%=ResolveClientUrl("~/loginBaodiao.aspx") %>'>登录</a>
</div>
</div>
<!--header结束-->
<!--content开始-->
<div id="content"><hr />
<!--leftSiderBar开始-->
<div id="leftSiderBar">
<ul>
<li>主要内容</li>
<li>首页</li>
<li>关于我们</li>
<li>新闻旧事</li>
<li>联系我们</li>
</ul>
<ul>
<li>友情链接</li>
<li>宝岛军事</li>
<li>军事天地</li>
<li>铁血军事</li>
<li>百姓军事</li>
</ul>
</div>
<!--leftSiderBar结束-->
<!--mainContent开始-->

<div id="mainContentWrap">
 
<div id="mainContent">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
 
<p>新闻</p>
　　<p>
       跟踪香港保钓船航向的人们，在昨天下午16时29分等来了前方勇士的捷报，随行的新华社香港分社记者林建扬用三个感叹号宣布“登上钓鱼岛”。此前，根据新浪头条新闻引用日本媒体等的滚动播报，载有14名中国香港保钓人士的“启丰二号”于北京时间昨天下午14时50分左右进入钓鱼岛海域，日方巡逻船开始实施围追堵截，日船还发射水炮阻扰；16时26分，保钓船抵达钓鱼岛岸边并搁浅，此时船首已经破损，所幸无人受伤，全体船员齐唱国歌。</p>
    <p>　　
       因为这是一场3天前就已事先张扬的行动，外交部可以趁着那些抱怨政府在钓鱼岛问题上一贯软弱的牢骚还没开始，就通过新华社在昨天午时发布答问：“中方在钓鱼岛问题上的立场是明确和坚定的。我们正在密切关注事态的发展。中方已向日方表达严重关切，要求日方不能有任何危及中方人员、财产安全的作法”。在得知日本冲绳警方以“非法入境”嫌疑抓扣了登上钓鱼岛的5名中国香港“保钓”人士后，再发一电稿：“记者从中国外交部了解到，中国外交部正在紧急联系日方，就此事提出交涉。”</p>
      
        </asp:ContentPlaceHolder>

</div>
</div>
<!--mainContent结束-->
</div>
<!--content结束-->
</div>
<!--container结束-->
<!--footer开始-->
<div id="footer">
<hr />
版权所有@copyright:中华保钓联合会：Email:@baodiao.com
</div>
<!--footer结束-->
  </form>
</body>

 

 


css设计：
#container,#header,#content,#footer
{
    width:950px;
    margin:0 auto;
    }
#header p
{
    text-align:right;
    margin:0 10px 0 0;
    }
#navi
{
    margin-left:5px;
    margin-bottom:5px;
    }
#content
{
    position:relative;
    height:400px;
    }  
#leftSiderBar
{
    float:left;
    /*position:absolute;
    top:0px;
    left:0px;*/
    width:300px;
    }
 #mainContent
 {
     margin-right:300px;
     /*float:right;*/
     /*position:absolute;
     top:0px;
     right:0px;
     width:620px;*/
     }
 #mainContentWrap
 {
    margin-right:-300px;
     }
 #footer
 {
     text-align:center;
     }

 

 

 

新建应用母版页的网页index.aspx,about.aspx,login.aspx来调用Master母版
index.aspx
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<p>新闻</p>
　　<p>
       跟踪香港保钓船航向的人们，在昨天下午16时29分等来了前方勇士的捷报，随行的新华社香港分社记者林建扬用三个感叹号宣布“登上钓鱼岛”。此前，根据新浪头条新闻引用日本媒体等的滚动播报，载有14名中国香港保钓人士的“启丰二号”于北京时间昨天下午14时50分左右进入钓鱼岛海域，日方巡逻船开始实施围追堵截，日船还发射水炮阻扰；16时26分，保钓船抵达钓鱼岛岸边并搁浅，此时船首已经破损，所幸无人受伤，全体船员齐唱国歌。</p>
    <p>　　
       因为这是一场3天前就已事先张扬的行动，外交部可以趁着那些抱怨政府在钓鱼岛问题上一贯软弱的牢骚还没开始，就通过新华社在昨天午时发布答问：“中方在钓鱼岛问题上的立场是明确和坚定的。我们正在密切关注事态的发展。中方已向日方表达严重关切，要求日方不能有任何危及中方人员、财产安全的作法”。在得知日本冲绳警方以“非法入境”嫌疑抓扣了登上钓鱼岛的5名中国香港“保钓”人士后，再发一电稿：“记者从中国外交部了解到，中国外交部正在紧急联系日方，就此事提出交涉。”</p>
</asp:Content>

 

about.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<p>保钓简介</p>
　　<p>
       跟踪香港保钓船航向的人们，在昨天下午16时29分等来了前方勇士的捷报，随行的新华社香港分社记者林建扬用三个感叹号宣布“登上钓鱼岛”。此前，根据新浪头条新闻引用日本媒体等的滚动播报，载有14名中国香港保钓人士的“启丰二号”于北京时间昨天下午14时50分左右进入钓鱼岛海域，日方巡逻船开始实施围追堵截，日船还发射水炮阻扰；16时26分，保钓船抵达钓鱼岛岸边并搁浅，此时船首已经破损，所幸无人受伤，全体船员齐唱国歌。</p>
    <p>　　
       因为这是一场3天前就已事先张扬的行动，外交部可以趁着那些抱怨政府在钓鱼岛问题上一贯软弱的牢骚还没开始，就通过新华社在昨天午时发布答问：“中方在钓鱼岛问题上的立场是明确和坚定的。我们正在密切关注事态的发展。中方已向日方表达严重关切，要求日方不能有任何危及中方人员、财产安全的作法”。在得知日本冲绳警方以“非法入境”嫌疑抓扣了登上钓鱼岛的5名中国香港“保钓”人士后，再发一电稿：“记者从中国外交部了解到，中国外交部正在紧急联系日方，就此事提出交涉。”</p>
</asp:Content>

 


login.aspx
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        table
        {
            width:600px;
            height:300px;
            border-bottom-width:thin;
            border-bottom-color:Aqua;
            border-bottom-style:dashed;
            }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table style="width: 600px">
        <tr>
            <td class="style1">
                &nbsp;
                用户名：</td>
            <td>
                &nbsp;
                <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style1">
                &nbsp;
                密码：</td>
            <td>
                &nbsp;
                <asp:TextBox ID="txtPassWord" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style1">
                &nbsp;
                <asp:Button ID="btnlogin" runat="server" Text="登录" />
            </td>
            <td>
                &nbsp;
                <asp:Button ID="btnregister" runat="server" Text="注册" />
            </td>
        </tr>
    </table>
</asp:Content>

 

python怎么开发网站 python怎么开发网站
原创粉丝点击
热门IT博客
外汇储备最新数据外汇储备最新数据
广州美工培训机构广州美工培训机构
手机定位追踪软件
怎样注册两个淘宝账号
做淘宝怎么做
乎的部首是什么呢
新浪软件下载
如何在淘宝上买到电棒
mac os x下载地址
出租车打车软件算法
win10 mac地址怎么修改
淘宝做天猫供销货源
佛教历史 知乎
创建数据维护作业失败
与知同音有哪些字
java处理大量数据
塞内加尔出差 知乎
国内域名商
卫星数据演算
scrivener windows版
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 20斤肉有多大一块图片 肉多少钱一斤 10斤肉多大一块图片 黄猄肉多少钱1斤 孔雀肉多少钱一斤 兔子肉多少钱 骆驼肉多少钱一斤 马肉多少钱一斤 五花肉多少钱一斤 火鸡肉市场价一斤多少 骆驼肉多少钱 五花肉多少钱 2019骆驼肉多少钱一斤 野猪肉多少一斤 鸭肉价格多少钱一斤 一斤肉做多少肉夹馍 陀鸟肉多少钱一斤 2019今日五花肉多钱一斤 抽刀断水水更下一句 人的价值包括哪两个方面 电动两通调节阀 两位两通电磁阀 三位两通电磁阀 西门子电动两通阀 电动两通阀 两通接头 肝胆两昆仑 昆仑雪菊多少钱一两 花开两朵 两朵花 两朵玫瑰花 沪上两朵花代表什么家族 岁月是朵两生花全文免费阅读 两杠四星 两杠两星 验孕棒图片两杠照片 怀孕两条杠图片 验孕棒两个杠得真实图片 两条杠 两杠三星和市长哪个大 验孕棒两条杠一定怀孕吗

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里