如何在ASP.net中设计母版页

Question

ASP .net的每一个即时消息，我都不知道如何使用ASP .net创建母版。

---

这是我的Masterpage标记：

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

<!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">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        &nbsp;<table style="width: 874px; height: 592px">
            <tr>
                <td colspan="3" style="height: 9px">
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
                    <asp:Label ID="Label1" runat="server" Font-Size="X-Large" ForeColor="#C0C000" Text="Sarth Enterprises"></asp:Label></td>
            </tr>
            <tr>
                <td colspan="2" style="height: 15px">
                    <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
                        <Items>
                            <asp:MenuItem Text="Home" Value="Home"></asp:MenuItem>
                            <asp:MenuItem Text="Products" Value="Products">
                                <asp:MenuItem Text="AE" Value="AE"></asp:MenuItem>
                                <asp:MenuItem Text="RSQE" Value="RSQE"></asp:MenuItem>
                                <asp:MenuItem Text="Comp. Hardware" Value="Comp. Hardware"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="Contact us" Value="Contact us"></asp:MenuItem>
                            <asp:MenuItem Text="About us" Value="About us"></asp:MenuItem>
                            <asp:MenuItem Text="FAQ" Value="FAQ"></asp:MenuItem>
                        </Items>
                    </asp:Menu>
                </td>
                <td style="width: 106px; height: 15px">
                </td>
            </tr>
            <tr>
                <td style="width: 212px">
                    <br />
                    <asp:Label ID="Label3" runat="server" Text="Member Login"></asp:Label><br />
                    <br />
                    <br />
                    <asp:Label ID="Label4" runat="server" Text="User ID:"></asp:Label>
                    &nbsp; &nbsp; 
                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                    &nbsp; &nbsp;
                    <br />
                    <br />
                    <br />
                    <asp:Label ID="Label5" runat="server" Text="Password"></asp:Label>
                    &nbsp; &nbsp;
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
                    <br />
                    <br />
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    <asp:Button ID="Button1" runat="server" Text="Login" /><br />
                    <br />
                    <br />
                    <asp:Label ID="Label6" runat="server" Text="For new member,"></asp:Label>
                    <asp:HyperLink ID="HyperLink1" runat="server">Sign UP</asp:HyperLink></td>
                <td style="width: 257px">
                </td>
                <td style="width: 106px">
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp;
                    <asp:Label ID="Label2" runat="server" Font-Bold="True" ForeColor="#C0C000" Height="19px"
                        Text="Copy right ,resereved @ Sarth enterprises" Width="284px"></asp:Label></td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

Answer 1

母版页可让您定义整个网站的外观。 以下链接来自Microsoft。 去看一下：

ASP.NET母版页概述

母版页教程

Answer 2

从这个 MSDN页面（演练：创建和使用Visual Web Developer中ASP.NET母版页）：

• 在解决方案资源管理器中，右键单击您的网站的名称，然后单击“添加新项”。
• 在Visual Studio安装的模板下，单击“母版页”。
• 在名称框中键入Master1。
• 选中将代码放入单独的文件复选框。

Answer 3

通过创建由Oded提供的母版页，您想离开“ contentPlaceholders”。 您可以根据需要添加更多内容。 这是派生页面将使用的位置。

当您准备好基于母版页创建页面时，请单击添加项目的新表单，单击复选框以使用“母版页”，并为其指定要创建的新表单的名称。 单击“确定”时，它将提示您要基于哪个母版页（实际上可以创建许多母版页）。 选中并进入设计模式后，它将以灰色外观显示，实际内容来自“母版页”，而内容占位符则是您在该页上放置特定内容的位置。 表格，表格，标签等。 保存并运行，您将看到您的内容。 然后，调整母版页，并放入类似公司徽标的图形，保存并运行第二个表单，您将看到它现在将具有新添加的徽标。

希望这可以阐明它们的工作原理。此外，您还可以将CSS文件拖放到母版页上，以全面应用样式格式。