文章成體系,若是有不明白的地方請查看前面的文章。web
1.建立頁面佈局併發
2.首次使用頁面佈局佈局
3.修改頁面佈局網站
4.使用頁面佈局設計
5.最終效果3d
(1)打開設計管理器,並點擊【建立頁面佈局】以下圖所示:blog
(2)填寫名稱、內容類型、選擇母版頁,以下圖所示:頁面佈局
(3)發佈主要版本,以下圖所示:test
此時,包含有「歡迎頁面」內容類型的頁面佈局建立完畢。im
(1)打開首頁,點擊【頁面】更換頁面佈局,以下圖所示:
(2)修改內容併發布,以下圖所示:
(3)效果預覽,以下圖所示:
(1)使用Designer打開網站,以下圖所示:
(2)打開頁面佈局,以下圖所示:
(3)刪除頁面佈局中內容類型自帶的代碼(PlaceHolderMain中的),以下圖所示:
刪除完成代碼後咱們要把咱們想建立的代碼放到這個指定的區域,些處以兩個web部件區域爲例。
(4)再次打開設計管理器,並找到testLayout頁面佈局,以下圖所示:
(5)點擊「testLayout」,找到代碼段,以下圖所示:
(6)點擊Web部件區域,以下圖所示:
(7)複製Web部件區域的代碼段,以下圖所示:
(8)把該代碼段粘貼到Designer中,並加入適當的div進行定位,以下圖所示:
(9)保存並關閉頁面佈局,以下圖所示:
(10)得新發布主要版本,以下圖所示:
(1)逐項刪除無用內容,以下圖所示:
(2)添加須要的內容,以下圖所示:
(3)發佈頁面