像另一个现有网站一样设计 asp.net 网站母版页？答案

【问题标题】：Designing of the asp.net website master page like another existing website?像另一个现有网站一样设计 asp.net 网站母版页？
【发布时间】：2013-02-24 01:21:02
【问题描述】：

我正在设计一个网站的母版页，我正在使用 asp.net 网络表单进行设计。喜欢这个网站：

http://bayyinah.com/dream./

我已经处理了一些东西，下面是我的网站现在的样子：

我必须使用像http://bayyinah.com/dream./ 中的 jquery 一样制作页脚和菜单

这是我的母版页html：

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title></title>
  <asp:ContentPlaceHolder id="head" runat="server">

  </asp:ContentPlaceHolder>
  <link rel="Stylesheet" type="text/css" href="Menu.css" />
</head>
<body>
 <form id="form1" runat="server">
  <div>
   <table style="width:100%;height:100%">
  <tr>
    <td>
    <table width="100%" style="background-color: #202020">
        <tr>
            <td>
                <asp:Image runat="server" ImageUrl="~/Images/LeaveImage.PNG"/>
            </td>
            <td width="100%">
            </td>
        </tr>        
    </table>
              <%-- Provide header in the cell--%>
    </td>

</tr>

<tr>
    <td>      
        <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" Width="100%" MaximumDynamicDisplayLevels="10" CssClass="MenuBar">
            <StaticMenuStyle CssClass="StaticMenuItem" />
            <StaticMenuItemStyle CssClass="StaticMenuItemStyle" />
            <StaticHoverStyle CssClass="StaticHoverStyle" />
            <StaticSelectedStyle CssClass="StaticSelectedStyle" />
            <DynamicMenuItemStyle CssClass="DynamicMenuItemStyle" />
            <DynamicHoverStyle CssClass="DynamicHoverStyle" />
        </asp:Menu>        
    </td>
</tr>

 <tr>

    <td>

    content here.
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
   </td>
 </tr>

 <tr>
 <%--Footer would be provided here--%>
    <td >
    footer here



    </td>
 </tr>

</table>
</div>
</form>
</body>
</html>

请注意，该网站与我在之前的问题中提到的网站相同：

【问题讨论】：

你有什么问题？
你有什么问题？另外，我强烈建议您不要使用表格进行设计布局。
那么你的问题是什么？
我对如何设计一个看起来像bayyinah.com/dream. 中的网站的建议提出质疑，如果有人愿意提供帮助。我愿意。

标签： asp.net html css visual-studio-2008

【解决方案1】：

如果您正在寻找一般建议，那么 Stack Overflow 是一个错误的地方。我建议您查看faq 以确定要问什么样的问题。

话虽如此，我确实有一些建议给你。我会放弃 IE8 进行开发。学习在 Chrome（或带有 Firebug 的 Firefox）上开发，然后看看它是否适用于其他浏览器。以 IE8 正在下降的速度，它只会是一两年内的问题。由于您似乎是为了乐趣或爱好而学习 Web 开发，所以我认为这不值得痛苦。您可以通过按 F12 在 Chrome 中调出开发人员工具。学习使用这些工具。

对于网络表单，它们有时可能难以处理。学习 MVC 架构将帮助您了解如何对网站进行编程。这并不是说您不会在工作场所遇到 Web 表单。我个人很少处理网络表单。

您似乎在理解 CSS 时遇到了问题。我建议你学习一下盒子模型。 The Mozilla Developer Network 和 w3schools 是帮助您入门的绝佳资源。如果 w3schools 有时会给您不好的建议，请不要感到惊讶。在我刚开始的时候，它帮助我学到了很多东西，但它不是一个学习最佳实践的地方。

如果其他人有更多建议可以添加，请随意。在大学四年级时，我还是个新手。也欢迎指正。

【讨论】：

谢谢你 MiniRagnarok，你的建议对我来说似乎很有用。