無廢話SharePoint入門教程五[建立SharePoint頁面佈局]

1、前言

文章成體系，若是有不明白的地方請查看前面的文章。

2、目錄

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，掌握了方法後能夠自定義擴展

版權：http://www.cnblogs.com/iamlilinfeng