1. 程式人生 > >SharePoint 2013 入門教程之建立頁面佈局及頁面

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

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

一、 SharePoint頁面模型概述

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

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

clip_image001

二、 關於頁面佈局

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

clip_image002

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

2、 修改頁面佈局內容,並新增Web部件區域,修改後,記得簽入併發布;

clip_image003

三、 建立頁面

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

clip_image004

  選擇Ribbon選單上檔案,建立文件,選擇模板:

clip_image005

  如下圖,填寫建立頁面的資訊,選擇我們的頁面佈局(記得先簽入、釋出):

clip_image006

  建立以後,開啟新建立的頁面,如下圖:

clip_image007

  修改頁面佈局並儲存(試試修改頁面佈局,頁面是否跟著變動),如下圖:

clip_image008

  重新整理根據頁面佈局建立的頁面,如下圖:

clip_image009

結束語

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

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

附 錄

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