目錄

1.創建頁面布局

2.首次使用頁面布局

3.修改頁面布局

4.使用頁面布局

5.最終效果

1.創建頁面布局

（1）打開設計管理器，并點擊【創建頁面布局】如下圖所示：

（2）填寫名稱、內容類型、選擇母版頁，如下圖所示：

（3）發布主要版本，如下圖所示：

此時，包含有“歡迎頁面”內容類型的頁面布局創建完畢。

2.首次使用頁面布局

（1）打開首頁，點擊【頁面】更換頁面布局，如下圖所示：

（2）修改內容并發布，如下圖所示：

（3）效果預覽，如下圖所示：

雖然頁面布局創建了，但實際上還不能完全適應我們的需求，下面的我們來一起修改頁面布局，讓他能夠按我們的需要而改變。

3.修改頁面布局

（1）使用Designer打開網站，如下圖所示：

（2）打開頁面布局，如下圖所示：

（3）刪除頁面布局中內容類型自帶的代碼（PlaceHolderMain中的），如下圖所示：

刪除完成代碼后我們要把我們想創建的代碼放到這個指定的區域，些處以兩個web部件區域為例。

（4）再次打開設計管理器，并找到testLayout頁面布局，如下圖所示：

（5）點擊“testLayout”，找到代碼段，如下圖所示：

（6）點擊Web部件區域，如下圖所示：

（7）復制Web部件區域的代碼段，如下圖所示：

（8）把該代碼段粘貼到Designer中，并加入適當的div進行定位，如下圖所示：

（9）保存并關閉頁面布局，如下圖所示：

（10）得新發布主要版本，如下圖所示：

4.使用頁面布局

（1）逐項刪除無用內容，如下圖所示：

（2）添加需要的內容，如下圖所示：

（3）發布頁面

5.最終效果