ASP.NET 2.0 建立母版頁完整教學：從版面分析到程式碼實作

母版頁開發流程：分析頁面共同結構 → 建立 .master 檔案 → 置放 ContentPlaceHolder → 建立內容頁綁定母版頁 → 填寫差異內容。

版面分析範例

典型頁面四區塊：頁首 (Logo、導覽)、主要內容 (左側選單 + 右側文章)、側邊欄 (廣告、快速連結)、頁尾 (版權、聯絡)。其中頁首、頁尾、側邊欄為全站共用，適合放入母版頁。

建立母版頁 (Site.master)

1. 新增項目 → Master Page，勾選「程式碼置於個別檔案」
2. 設計 HTML 架構，在可變區域放置：

<asp:ContentPlaceHolder ID="HeadContent" runat="server" /> <!-- head 區段 -->
<asp:ContentPlaceHolder ID="MainContent" runat="server" /> <!-- 主要內容 -->
<asp:ContentPlaceHolder ID="SidebarContent" runat="server" /> <!-- 側邊欄 -->

母版頁完整標記範例

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>
<!DOCTYPE html>
<html><head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server" />
</head>
<body>
    <header><h1>我的網站</h1><nav>...</nav></header>
    <div id="main">
        <aside><asp:ContentPlaceHolder ID="SidebarContent" runat="server" /></aside>
        <section><asp:ContentPlaceHolder ID="MainContent" runat="server" /></section>
    </div>
    <footer>© 2024</footer>
</body></html>

後續建立內容頁時，Visual Studio 自動產生對應的 Content 區塊，開發者專注於業務內容編寫。