共用方式為


規劃網頁

 

適用版本: SharePoint Server 2010

上次修改主題的時間: 2016-11-30

當您規劃在 Microsoft SharePoint Server 2010 中發佈網頁時,需要設計已發佈內容的外觀、決定作者可在頁面上新增內容的位置,以及控制作者可使用的製作功能。有效的網頁規劃有助於確保貴組織所發佈的各種內容類型均正確設計,並達到發佈內容的目標。

為協助您了解設計選項,本文將先介紹發佈頁面的元素:主版頁面、版面配置、內容頁面、樣式表、網頁組件、網頁組件區域及伺服器欄位控制項。接著,本文會包含如何規劃發佈網站中每個網頁元素的指引。由於版面配置的設計與設定會協助限制作者在網頁上可執行的動作,因此本文會包含有關如何使用版面配置限制製作的指引。但是,本文不會說明如何建立主版頁面、版面配置或內容頁面,也不會說明內容作者如何建立網頁。

本文內容:

  • 網頁概觀

  • 規劃主版頁面

  • 規劃版面配置

  • 規劃內容頁面

  • 使用版面配置限制製作

  • 網頁規劃工作表

網頁概觀

當 SharePoint Server 2010 網站使用者開啟 SharePoint 網站中的網頁時,該網頁會根據網站中個別規劃及設計的一組元素呈現。以此方式區隔頁面元素,可讓網站規劃者與設計者以不同的方式處理不同的網站元素。例如,網站的品牌識別與導覽方式的規劃設計可以與網站內容頁面的設計分開,以使得品牌識別套用在所有網站內容,且可在其中一個位置進行更新。同樣地,版面配置與頁面內容亦可個別設計,使相同的內容可以不同的方式顯示。

以 SharePoint Server 2010 為基礎的網頁,屬於動態呈現其構成組件的 ASP.NET 檔案 (.aspx) 頁面。網頁的兩個主要組件為主版頁面與版面配置。主版頁面包含多個版面配置之間共用的控制項,例如導覽、搜尋或多語言網站的語言喜好設定。版面配置包含欄位控制項及網頁組件。當您建立網頁時,網頁中的內容會儲存為頁面庫中的清單項目。此網頁稱為內容頁面,因為其包含使用者檢視網站之頁面時所顯示的內容。下圖說明如何搭配使用版面配置與主版頁面,以建立網頁的版面配置。

版面配置

下列章節將進一步說明主版頁面、版面配置及內容頁面。

主版頁面

主版頁面定義網頁的外框,其包含您希望網站所有頁面都能共用的元素,並提供單一位置讓您控制所有這些元素。網站一般僅使用單一個主版頁面,但是大型的網際網路網站可能使用較多。例如,廣告多項產品的公司網站可能會使用不同的主版頁面,以便正確建立每項產品內容的品牌形象。

注意

主版頁面分成兩種:網站主版頁面與系統主版頁面。網站主版頁面用於您網站中的已發佈網頁。網站使用者與訪客在檢視已發佈網頁時所看見的是網站主版頁面。系統主版頁面可提供網站中供網站設計者與作者在使用網站的使用者介面時所用的版面配置。系統主版頁面亦可用於某些小組網站範本中,例如「企業 Wiki」與「文件工作區」網站範本。本文主要說明網站主版頁面的規劃考量。

網站集合中所有網站的主版頁面,皆會儲存在網站集合之頂層網站的「主版頁面圖庫」中。「主版頁面圖庫」屬於 SharePoint 文件庫之一,因此主版頁面具有 SharePoint Server 2010 中所有的文件功能,如版本設定、稽核、工作流程、存回與取出,以及內容核准。

一般而言,主版頁面包含下列元素:

  • 品牌識別元素,例如公司標誌與色彩配置

  • 共用的導覽元素

  • 共用的功能,例如搜尋命令與 [說明] 命令

  • 階層式樣式表的連結 (階層式樣式表可控制頁面外觀、色彩與字型)。

SharePoint Server 2010 中所含的發佈網站範本具有可讓您用為頁面設計起點的網站主版頁面。若要自訂現有的主版頁面或建立新的主版頁面,請使用 Microsoft SharePoint Designer 2010 或 Microsoft Visual Studio 2010。如需詳細資訊,請參閱 How to:建立基本主版頁面(可能為英文網頁)

版面配置

版面配置是定義特定內容頁面類型之版面配置的 [動態伺服器網頁 (ASPX)] 頁面。當 SharePoint 網站使用者在瀏覽器中開啟內容頁面時,該頁面的相關版面配置會先與主版頁面 (會提供頁面的外框) 合併,接著會將頁面的內容插入版面配置的欄位控制項中。

版面配置會顯示內容類型欄中所儲存的內容,因此您必須為特定的內容類型設計該頁面。例如,與 [文章頁面] 內容類型相關的版面配置會有數個欄位控制項,包括:

  • [頁面內容] 欄位控制項,用以保留 [文章頁面] 內容類型中的 [頁面內容] 欄的內容

  • [頁面圖像] 欄位控制項,用以保留 [文章頁面] 內容類型中的 [頁面圖像] 欄中所連結的圖像

雖然每個內容類型都須有其特定的版面配置,但一個內容類型仍可與多個版面配置相關聯。例如,SharePoint Server 2010 的 [文章頁面] 內容類型即有兩個版面配置:一個用以顯示頁面左側的圖像,另一個則顯示右側的圖像。如需內容類型的詳細資訊,請參閱<規劃內容類型與工作流程 (SharePoint Server 2010)>。

除了用以顯示頁面內容的控制項以外,版面配置也包含其他頁面元素,包括:

  • 網頁組件   頁面作者可插入頁面的網頁組件區域,然後進行設定的控制項。

  • 網頁組件區域   網頁上作為網頁組件容器的指定區域。

  • 欄位控制項   可直接新增至版面配置的控制項。如需欄位控制項的詳細資訊,請參閱欄位控制項與控制項範本(可能為英文網頁)

  • 階層式樣式表連結   階層式樣式表控制頁面外觀、色彩與字型。

例如,商務文章的版面配置可包含能夠顯示股市行情指示器的欄位控制項。只要使用該版面配置,股市行情指示器即會與其他頁面內容一起顯示。

網站集合中所有網站的版面配置,與主版頁面一樣皆會儲存在網站集合之頂層網站的「主版頁面圖庫」中。「主版頁面圖庫」屬於 SharePoint 文件庫之一,因此版面配置也具有 SharePoint Server 2010 中所有的文件功能,如版本設定與內容核准。您使用 SharePoint Server 2010 建立的發佈網站具有可讓您用為內容頁面設計起點的版面配置。若要自訂現有的版面配置或建立新的版面配置,請使用 Microsoft SharePoint Designer 2010 或 Microsoft Visual Studio 2010。

內容頁面

發佈網站的所有內容頁面會儲存在單一頁面庫中。頁面庫中的每個項目皆為單一網頁。頁面庫屬於 SharePoint 文件庫之一,因此其所包含的網頁具有 SharePoint Server 2010 中所有的文件功能,如版本設定、稽核、工作流程、存回與取出,以及內容核准。

注意

雖然網站中所有的發佈頁面皆位於單一頁面庫中,但以 SharePoint Server 2010 為基礎的 Web 解決方案 (例如內部網路網站與網際網路平台服務網站) 通常包含網站的階層,且各網站皆有其本身的頁面庫。

作者可選取 [網站動作] 功能表上的 [新增頁面] 建立頁面,以及選取 [網站動作] 功能表上的 [編輯頁面] 編輯頁面。建立新頁面時,作者只要輸入新頁面的名稱,然後即可立即開始製作頁面上的內容。若要變更內容類型與版面配置,作者會在要修改之頁面的 [頁面] 索引標籤上,選取 [頁面動作] 群組中的 [版面配置]。若要新增內容、選取圖像,以及執行其他編輯工作,作者會在要修改的頁面上,使用 [編輯工具] 下的 [文字格式] 與 [插入] 索引標籤。

網頁內容類型的相關欄中包含該頁面的 HTML 內容。其中也包含頁面顯示圖像的連結,以及與頁面相關之版面配置的連結。

頁面的每個內容欄皆與頁面之相關版面配置的特定欄位控制項相關聯。如需版面配置之欄位控制項的詳細資訊,請參閱版面配置模型(可能為英文網頁)

規劃主版頁面

主版頁面提供頁面的共用框架元素,包括網站的品牌識別、其導覽功能,以及其他共用元素,如搜尋欄位與 [說明] 命令等。網站主版頁面會提供頁面的內容,因此在使用者與您的網站互動時應保持一致。為確保使用者在網站集合之單一網站內的不同頁面之間移動時,能有一致的體驗,建議您不要變更網站主版頁面。若要提供一致的品牌識別與使用者介面,您可以在網站集合中的所有網站間使用相同的網站主版頁面。

您可以在網站階層中,變更其他網站所使用的主版頁面,以變更某些網站的品牌識別。例如,網際網路平台服務網站可能包含多個網站,各顯示不同品牌的產品。您可以在網站階層中,變更各個網站的網站主版頁面,以反映各個網站所顯示的不同產品品牌。

規劃主版頁面之前,應如<規劃網站與網站集合 (SharePoint Server 2010)>中所述規劃網站結構。若要規劃主版頁面,請使用<網頁規劃工作表>中的主版頁面資料工作表。

規劃版面配置

版面配置以提供可插入內容頁面內容之欄位控制項的方式,定義內容頁面的版面配置。欄位控制項可顯示內容。每個版面配置都與特定的內容類型相關聯,通常單一內容類型可使用多個版面配置。例如,您可以將多個版面配置指派給單一內容類型,以提供當地語系化版本內容的替代版面配置,或是新增或移除版面配置的特定欄位及功能顯示。您可以使用 Microsoft SharePoint Designer 2010 或 Microsoft Visual Studio 2010 建立或自訂版面配置,包括新增控制項以一併顯示內容及其他控制項 (例如網頁組件及伺服器控制項)。

SharePoint Server 2010 針對每種頁面內容類型各含以下一組版面配置。

  • 文章頁面   包含下列版面配置:

    此版面配置 包含下列頁面元素

    僅限主體

    標題與頁面內容

    左側圖像

    標題、頁面內容、左側的頁面圖像、署名區域、文章日期與圖像標題

    右側圖像

    標題、頁面內容、右側的頁面圖像、署名區域、文章日期與圖像標題

    摘要連結

    標題、頁面內容、文章日期、署名與摘要連結網頁組件 (可讓作者新增超連結清單)

  • 企業 Wiki 頁面   包含單一版面配置 (基本頁面),內含內容、頁面分級及類別頁面元素。

  • 專案頁面   包含單一版面配置 (基本專案頁面),內含內容、頁面分級、類別、頁面連絡人及工作狀態頁面元素,以及專案網頁的單一連結。

  • 重新導向頁面   包含單一版面配置 (重新導向),內含重新導向檢視頁面之使用者的目標單一超連結。

  • 歡迎頁面   包含下列版面配置:

    此版面配置 包含下列頁面元素

    空白網頁組件頁面

    作者可新增網頁組件的內容區域與多個網頁組件區域

    開頭顯示畫面

    僅限一個圖像以及兩個可讓作者新增超連結的摘要連結網頁組件

    摘要連結

    內容與圖像區域,以及兩個摘要連結網頁組件

    目錄

    內容與圖像區域,以及用以顯示網站超連結目錄的目錄網頁組件

若要使用 SharePoint Server 2010 所含的頁面內容類型與版面配置,並不須另外遵循其他規劃步驟。作者在建立新頁面時,可選取頁面內容類型與相關的版面配置。但若您在頁面內容類型中新增欄位,或為發佈頁面建立新的自訂內容類型,您即應規劃版面配置以反映新的或變更的內容類型。

您也可以在頁面中新增網頁組件與網頁組件區域等 Microsoft ASP.NET 3.5 控制項,以變更版面配置。例如,您可以在版面配置中新增內容查詢網頁組件,以顯示可設定的查詢所傳回之連結集。但是,若在網頁組件區域以外的版面配置上放置網頁組件,即必須設定網頁組件,且作者將無法變更其設定。例如,若直接在版面配置中新增內容查詢網頁組件,則一律會設定新增網頁組件時所設定的查詢,且作者將無法加以修改。

若要規劃 [文章頁面]、[企業 Wiki 頁面]、[專案頁面] 及 [歡迎頁面] 等內容類型的版面配置,請使用<網頁規劃工作表>中的版面配置資料工作表索引標籤。

規劃內容頁面

SharePoint Server 2010 中的每個內容頁面皆包含文字、圖像,以及其他在頁面庫中儲存為項目的內容。內容頁面的規劃作業包括:

  • 決定哪些頁面內容類型符合您的內容需求

  • 針對各種頁面內容類型,決定要使用哪些欄儲存內容。

SharePoint Server 2010 包含下列頁面內容類型:

  • 文章頁面   最常用的內容頁面類型。此頁面適用於一般用途的網頁內容,包括:

    • 圖像與圖像標題的欄

    • 頁面內容欄

    • 顯示於頁面中之連結所使用的欄

    • 署名欄

    • 文章日期欄

  • 企業 Wiki 頁面   企業 Wiki 網站的主要內容頁面類型,包括:

    • 頁面內容欄

    • 評等欄與評等數目欄

    • Wiki 類別欄

  • 專案頁面   提供描述專案之基本資訊的頁面。此內容類型繼承自 [企業 Wiki 頁面] 內容類型,而不是 [頁面] 內容類型,包括:

    • 頁面內容欄

    • 評等欄與評等數目欄

    • 專案網頁連結欄

    • 工作狀態欄

    • Wiki 類別欄

  • 重新導向頁面   將讀者重新導向至其他頁面的頁面,包括重新導向 URL 欄。

  • 歡迎頁面   通常為發佈網站的首頁,包括:

    • 要顯示之圖像所使用的欄

    • 頁面內容欄

    • 顯示於頁面中之連結所使用的欄

此外,由於上述所有頁面內容類型直接或透過其上層內容類型繼承自一般 [頁面] 內容類型,因此皆包括:

  • 用於排程頁面之開始與結束日期的欄

  • 作者連絡資訊的說明欄

  • 頁面列示於目錄或其他清單時所顯示的圖像

  • 用於選取目標對象的資訊

  • 頁面相關註解欄

規劃內容頁面時,建議您使用 SharePoint Server 2010 中所含的頁面內容類型作為起點。[文章頁面]、[企業 Wiki 頁面]、[專案頁面] 及 [歡迎頁面] 內容類型可供一般性使用,並可套用至多種內容。這些內容類型的主要內容欄均為 [頁面內容] 欄,可用以保留 HTML 內容。透過使用 HTML 與階層式樣式表控制其內容的外觀,作者與網站設計者可能不需要設計其他內容類型。此外,若您能夠根據 [文章頁面]、[企業 Wiki 頁面]、[專案頁面] 或 [歡迎頁面] 謹慎選取要用於各種內容類型的版面配置,即可讓內容呈現方式更多元化,而無須另行使用其他內容類型。如需詳細資訊,請參閱<規劃版面配置>。

若要規劃內容頁面,請使用<網頁規劃工作表>中的對應資料工作表索引標籤。

使用版面配置限制製作

根據您的發佈目標,您可以限制作者可對其網頁內容設定格式的自由度,或在網站中的頁面新增圖像與超連結之類的項目。例如,在高度控制的網際網路平台服務網站中,您可以將所有格式設定定義於與您的版面配置相關的階層式樣式表中,並可讓作者無法使用內嵌格式設定覆寫樣式定義。相反地,在共同作業網站中,您可以讓作者全權處理其頁面的設定格式作業並新增其他頁面項目,如提供資料檢視的網頁組件。例如,在用以對產品規格進行共同作業的內部網路網站中,您可以讓作者自由使用樣式、超連結、圖像與網頁組件,使其得以充分發揮自己的想法。

您可以利用下列方式對版面配置設定限制:

  • 您可以設定欄位控制項的屬性,以限制作者所能執行的動作。

  • 您可以移除網頁組件區域,使作者無法在其頁面中插入及設定網頁組件,也可以對網頁組件區域設定限制,以限制作者可使用網頁組件至何程度。

下表顯示根據三種製作環境層級限制版面配置的建議:

控制層級 一般網站 限制建議

嚴密

網際網路平台服務

對編輯欄位控制項設定嚴密的限制;其他欄位控制項限制包括沒有來自圖像欄位控制項的超連結;網頁組件會直接放置在版面配置上,而非網頁組件區域中

一般

企業內部網路入口網站

對編輯欄位控制項設定一般限制或不限制;網頁組件區域中包含網頁組件,但作者無法新增/移除網頁組件

鬆散

部門或小組網站,或企業 Wiki

對編輯欄位控制項沒有限制;允許網頁組件區域

使用<網頁規劃工作表>中的版面配置資料工作表索引標籤,可記錄限制內容頁面之製作功能的決策。

設定欄位控制項的限制

在 Microsoft SharePoint Designer 2010 或 Microsoft Visual Studio 2010 中開啟您的網站後,將可編輯與欄位控制項相關的標籤,以限制作者在瀏覽器視窗中編輯頁面時所能使用的 SharePoint Server 2010 製作功能類型。例如,在繫結至 [發佈 HTML] 類型欄的欄位控制項上,您可以啟用或限制下列功能:

  • 設定字型

  • 插入圖像

  • 插入表格

  • 新增超連結

  • 新增文字標記,如粗體與斜體

  • 新增網頁組件

您可以設定其他欄類型的製作限制。例如,在繫結至 [發佈圖像] 類型欄的欄位控制項上,您可以啟用或限制圖像中的超連結。

當您在 Microsoft SharePoint Designer 2010 或 Microsoft Visual Studio 2010 中限制版面配置的製作功能時,SharePoint Server 2010 中的相關頁面編輯命令將無法使用。例如,若在包含 [發佈 HTML] 類型之內容的欄位控制項中限制表格編輯,在 [插入] 索引標籤的 [編輯工具] 下,即無法使用 [插入表格] 之類的表格編輯命令。

允許或限制網頁組件區域

網頁組件是作者可插入頁面之網頁組件區域的伺服器控制項。網頁組件區域是網頁上作為網頁組件容器的指定區域。網頁組件會根據其功能顯示資訊,例如顯示網站導覽連結、清單內容或資料庫分析資訊。

當版面配置含有一或多個網頁組件區域時,在使用該版面配置的頁面上將可使用這些網頁組件區域,而使作者得以在其內容頁面中插入可用的網頁組件。允許作者在頁面中插入網頁組件時,您對網站使用者經驗的控管能力將隨之降低。例如,作者可能會在頁面中插入某項目錄網頁組件,而揭露不想讓使用者在目前的頁面中移動之網站部分內容。

您可以在 Microsoft SharePoint Designer 2010 或 Microsoft Visual Studio 2010 中開啟相關的版面配置,並從中移除網頁組件區域,或移除 HTML 欄位控制項,使作者無法在頁面中新增網頁組件。同樣地,在設計新的版面配置時,您可以不建立網頁組件區域,而使作者無法自由地在這些版面配置的相關頁面中新增功能。

您也可以在版面配置中納入網頁組件區域,但限制其使用性。藉由設定網頁組件區域的內容,您可將一或多個網頁組件填入網頁組件區域中,並可讓作者編輯這些網頁組件的內容,但使其無法在網頁組件區域中新增其他網頁組件。

網頁規劃工作表

下載 Excel 版本的網頁規劃工作表(可能為英文網頁)。使用此工作表可記錄有關網站所需的主版頁面、特定頁面內容類型的欄,以及版面配置的製作限制等決策。

See Also

Concepts

規劃內容核准與排程