天天看點

SharePoint 2013 入門教程之建立頁面布局及頁面

  在SharePoint的使用過程中,頁面布局和頁面時很重要的兩個概念,主要用于資料個性化展示,下面,我們簡單介紹一下SharePoint的頁面布局和頁面的個性化。

一、 SharePoint頁面模型概述

  如下圖,是SharePoint頁面模型圖,我們可以看出母版頁、頁面布局、頁面之間的關系,母版頁一般是規範Web站點的Head部分和Foot部分,而頁面布局和頁面主要是中間的頁面問題。

  頁面布局的作用,是為了統一一個類型的頁面的格式存在,而布局顧名思義就是頁面結構,當然Table和CSS+Div的方式都可以。當我們建立N多頁面的時候,如果突然效果圖更改,需要改這些頁面的布局是一件要命的事情,當這些頁面都繼承自一個頁面布局的時候,隻要單獨修改這個頁面布局,就可以了。

SharePoint 2013 入門教程之建立頁面布局及頁面

二、 關于頁面布局

1、 使用SharePoint 2013 Designer(以下簡稱SPD)建立頁面布局;

SharePoint 2013 入門教程之建立頁面布局及頁面

  如上圖,一般内容類型組有兩種,我們如果是自己用來個性化的,選擇釋出即可。

2、 修改頁面布局内容,并添加Web部件區域,修改後,記得簽入并釋出;

SharePoint 2013 入門教程之建立頁面布局及頁面

三、 建立頁面

  進入頁面庫(需要開啟網站釋出功能,否則沒有頁面庫),如下圖:

SharePoint 2013 入門教程之建立頁面布局及頁面
  選擇Ribbon菜單上檔案,建立文檔,選擇模闆:
SharePoint 2013 入門教程之建立頁面布局及頁面
  如下圖,填寫建立頁面的資訊,選擇我們的頁面布局(記得先簽入、釋出):
SharePoint 2013 入門教程之建立頁面布局及頁面
  建立以後,打開新建立的頁面,如下圖:
SharePoint 2013 入門教程之建立頁面布局及頁面
  修改頁面布局并儲存(試試修改頁面布局,頁面是否跟着變動),如下圖:
SharePoint 2013 入門教程之建立頁面布局及頁面
  重新整理根據頁面布局建立的頁面,如下圖:
SharePoint 2013 入門教程之建立頁面布局及頁面

結束語

  頁面布局和頁面的使用,是SharePoint站點最基本的功能,我們可以在上面建構美工給我們的布局,然後在頁面布局上規劃,并添加WebPartZone,然後建立頁面,在頁面上添加WebPart進行網頁實施。

  當然,頁面布局也并不是必須的,你可以建立不繼承頁面布局的頁面,因為不需要統一樣式的頁面,不需要繼承自頁面布局(請了解頁面布局的意思)。這要看我們網站整體規劃,采取使用什麼樣的方式。

附 錄

  http://msdn.microsoft.com/library/jj191506(v=office.15)

  SharePoint 2013 入門教程之建立及修改母版頁

博文推薦:
    SharePoint 2013 WebPart 管理工具分享[開源]
    基于SharePoint 2013的論壇解決方案[開源]
    SharePoint 2013 學習基礎系列入門教程
    SharePoint 2013 圖文開發系列之門教程
    SharePoint Designer 學習系列入門教程
特:如果有SharePoint項目,歡迎郵件聯系我,Email:[email protected]