巢狀Master-(Master的Master)
在ASP.Net中,利用巢狀Master來設計網頁是很方便的,
但我習慣只用一層,今天想到要利用來試試看,
實作成果:建立二個Master,並利用此Master再建立網頁。
1-第一層的Master
2-第二層的Master(繼承第一層的Master)
3-最後的網頁
程式碼如下,以此謹記!
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="temp_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>未命名頁面</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Image ID="Image1" runat="server" ImageUrl="~/Image/1.jpg" />
</div>
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div>
<asp:Image ID="Image2" runat="server" ImageUrl="~/Image/1.jpg" />
</div>
</form>
</body>
</html>
<%@ Master Language="C#" MasterPageFile="~/temp/MasterPage.master" AutoEventWireup="false"
CodeFile="MasterPage2.master.cs" Inherits="temp_MasterPage2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div>
<asp:Image ID="Image3" runat="server" ImageUrl="~/Image/2.jpg" />
</div>
<div>
<table width="100%">
<tr>
<td width="20%">
<asp:ContentPlaceHolder ID="left" runat="server">
</asp:ContentPlaceHolder>
</td>
<td width="80%">
<asp:ContentPlaceHolder ID="main" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
</table>
</div>
<div>
<asp:Image ID="Image4" runat="server" ImageUrl="~/Image/2.jpg" />
</div>
</asp:Content>
<%@ Page Language="C#" MasterPageFile="~/temp/MasterPage2.master" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="temp_Default" Title="未命名頁面" %>
<asp:Content ID="Content1" ContentPlaceHolderID="left" runat="Server">
<p>
Actual Content</p>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="main" runat="Server">
<p>
Detail Content</p>
</asp:Content>
自我LV~