我是靠谱客的博主 烂漫指甲油,最近开发中收集的这篇文章主要介绍运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架题目涉及知识一、运行截图二、代码实现,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架

文章目录

  • 运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架
  • 题目
  • 涉及知识
    • 1.制作母版
    • 2.运用母版
  • 一、运行截图
  • 二、代码实现
    • 1.母版
    • 2.内容窗口


题目

请运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架(可用网路上任一网页修改),但网页中必须有空间放入asp:ContentPlaceHolder控件,可放入其他的网页内容(未必是文字,也可以放其他的控件)。请简单完成,不需采用太复杂的网页框架。Hotel的首页或许适合用来练习。


涉及知识

1.制作母版

添加母版窗口
在这里插入图片描述
编辑母版 做好相应设计

2.运用母版

添加内容,会新增窗口,在窗口里,添加内容
在这里插入图片描述
和以往的 网页制作 一样


一、运行截图

在这里插入图片描述

二、代码实现

1.母版

在这里插入图片描述

代码如下(示例):

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="homework5.Site1" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        .auto-style1 {
            width: 1000px;
            height:100px;
            
        }

         .auto-style2 {
            width: 1000px;
            height:400px;
            
        }

         .auto-style3{
              width: 500px;
              height:400px;
         }
         .all{
            border: 0px; /*设置边框样式跟颜色*/
            width: 1000px;
            height: 520px; /*设置div高度*/
            margin: 0 auto; /*设置div居中*/
         }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="all">
            <table>
                <tr><td  style="background-image:url(Images/h.jpg);" class="auto-style1">
                         <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                         </asp:ContentPlaceHolder>
                    </td>
                </tr>

                <tr><td  style="background-image:url(Images/jd2.jpg);" class="auto-style2">
                    <table>
                        <tr>
                            <td class="auto-style3">
                                <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server" >
                                </asp:ContentPlaceHolder>
                            </td>

                            <td class="auto-style3">
                                 <asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server" >
                                </asp:ContentPlaceHolder>
                            </td>
                        </tr>
                    
                    </table>
                    
                </td></tr>
            </table>
            
        </div>
    </form>
</body>
</html>

2.内容窗口

在这里插入图片描述

代码如下(示例):

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="4-masterPage.aspx.cs" Inherits="homework5.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
      <asp:Label ID="Label1" runat="server" style="margin:20px;font-weight:bold;font-size:30px;">假日酒店</asp:Label>
    
</asp:Content>


<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
      
    <div  style="margin:50px">
      <asp:Label ID="Label2" runat="server" style="margin:50px;color:white;">欢迎到来“假日酒店”,在这里,祝你住的欢心,舒适。 </asp:Label><br />
      <br />
        <asp:Button ID="Button1" runat="server" style="background-color:beige" Text="我已登记,进入..." />
       </div>
   
</asp:Content>


<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder3" runat="server">
      
    <div style="border:2px solid black;background-color:white;width:300px;height:200px; margin:100px">
       
            <asp:Label ID="Label6" runat="server" Text="Check-in" style="margin:15px"></asp:Label>
            <input type="date" style="margin:15px"/><br />

            <asp:Label ID="Label7" runat="server" Text="Check-out" style="margin:15px"></asp:Label>
            <input type="date" style="margin:15px"/><br />

            <asp:Label ID="Label8" runat="server" Text="Adult(s)" style="margin:15px"></asp:Label>
            <input style="margin:15px" type="number" step = "1"  value = "1"  min = "1" max = "20"/><br />

            <asp:Label ID="Label9" runat="server" Text="Kid(s)" style="margin:15px"></asp:Label>
            <input style="margin:15px" type="number" step = "1"  value = "0"  min = "0" max = "20"/>

       
    </div>
    
</asp:Content>

最后

以上就是烂漫指甲油为你收集整理的运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架题目涉及知识一、运行截图二、代码实现的全部内容,希望文章能够帮你解决运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架运用ASP.NET中,MasterPage的技巧,自由发挥建立一网页框架题目涉及知识一、运行截图二、代码实现所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(62)

评论列表共有 0 条评论

立即
投稿
返回
顶部