朋友炒股兩個月賺了10萬，我幫他推廣一下公眾號，把錢用來投資總比放銀行連通貨膨脹都跑不過里強， 硬核離職，在家炒股 ，這是他每天的日志，有些經驗是花錢也買不到的。
一、前言
文章成體系，如果有不明白的地方請查看前面的文章。
二、目錄
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.最終效果
說明：本篇文章中的頁頭頁尾為了減少信息量只做了兩個DIV，掌握了方法后可以自定義擴展