asp.netWebフォームでデザインしているWebサイトのマスターページをデザインしています。ウェブサイトのように:
私はいくつかの作業を行いました。以下は、私のWebサイトが実際にどのように見えるかを示す画像です。
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>
このWebサイトは、以前の質問で述べたものと同じWebサイトであることに注意してください。