ASP.NET 2.0 母版頁面完整入門教學

母版頁面核心價值

Visual Studio 2005 引入 Master Page 概念，解決傳統網站「改一頁、動全站」的維護痛點。母版頁面如同網站模板，定義共同版面（Header、Footer、導覽列），內容頁面僅需填充 ContentPlaceHolder 區域，修改母版即自動套用至所有關聯頁面，達到「一勞永逸」。

建立第一個母版頁面步驟

1. 在 Visual Studio 2005 建立 ASP.NET 網站專案（檔案系統、C#）。
2. 方案總管右鍵 → 新增項目 → 選擇「母版頁面」，命名 MasterPage.master。
3. 設計視圖中，ContentPlaceHolder 外圍加入固定版面文字（如 "Header"、"Footer"）。
4. 新增內容頁面（Web Form），勾選「選取母版頁面」，關聯 MasterPage.master。
5. 內容頁面只能編輯 asp:Content 區塊內的內容，不可修改母版佈局。

進階應用場景

• 多層母版：子母版繼承父母版，實現區塊級版面復用。
• 動態切換母版：在 Page_PreInit 依使用者角色或裝置指定 MasterPageFile。
• 母版與內容頁互動：透過 Master.FindControl、公開屬性/方法、介面契約實現雙向通訊。

常見陷阱提醒

內容頁面的 <head>、<form> 由母版統一輸出，內容頁不得重複宣告；JavaScript 存取控制項 ID 需注意 ClientID 命名容器前綴問題（詳見後續文章）。