規劃網頁

本文內容:

  • 網頁元素

  • 規劃主版頁面

  • 規劃內容頁面

  • 規劃版面配置

  • 使用版面配置頁面限制製作

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

為協助您瞭解設計選項,本文將先介紹頁面元素:主版頁面、內容頁面、版面配置頁面、樣式表、網頁組件與伺服器欄位控制項。接來,本文會提供如何規劃發佈網站中每個元素的指導。版面設置頁面的設計與設定,會協助限制作者在網頁上可執行的動作,因此本文內含有關使用版面配置頁面限制製作的指導。

網頁元素

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

以 Office SharePoint Server 2007 為基礎的網頁,屬於動態呈現其構成組件的 ASPX 頁面。頁面組件列示如下:

網頁的元素

下列元素中包含 SharePoint 網站上的網頁:

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

    注意

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

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

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

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

    • 共用的導覽元素。

    • 共用功能,如搜尋命令與說明命令。

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

    Office SharePoint Server 2007 中所含的發佈網站範本具有可讓您作為頁面設計起點的網站主版頁面。若要自訂現有的主版頁面或建立新的主版頁面,請使用 Microsoft Office SharePoint Designer 2007 或 Microsoft Visual Studio。

  • **頁面內容   **單一頁面庫中包含網站所有的內容頁面。頁面庫中的每個項目皆為單一網頁。頁面庫屬於 SharePoint 文件庫之一,因此其中所含的網頁具有 Office SharePoint Server 2007 中所有的文件功能,如版本設定與內容核准。

    注意

    雖然網站中所有的頁面皆位於單一頁面庫中,但以 Office SharePoint Server 2007 為基礎的 Web 解決方案 (如網際網路入口網站與網際網路平台服務網站) 通常包含網站的樹狀結構,且各網站皆有其本身的頁面庫。

    作者可透過下列其中一種方法建立及編輯網頁:

    • 以瀏覽器為基礎的編輯。作者可使用 [建立頁面] 命令建立頁面,使用 [編輯頁面]**** 命令編輯頁面。建立頁面時,作者必須挑選內容類型與版面配置,如「(文章頁面) 圖像在右側的文章頁面」。編輯頁面時,作者使用頁面上可使用的編輯命令來新增內容、挑選圖像,以及執行其他編輯工作。

    • 轉換文件。作者可將格式受支援的文件轉換為網頁。Office SharePoint Server 2007 具有 .docx 與 .docm 檔案格式的文件所適用的轉換程式。

    如需規劃網頁的製作方式 (包括設定文件轉換程式的相關資訊) 的詳細資訊,請參閱<規劃網頁製作>。

    網頁內容類型的相關欄中包含頁面的 HTML 內容。其中也包含頁面顯示圖像的連結,與版面配置的連結。例如,預設 [文章頁面] 內容類型的頁面中包含以下幾欄:

    此欄 包含的內容

    署名

    作者的名稱

    文章日期

    文章的發佈日期

    頁面內容

    文章的本文

    頁面圖像

    文章的隨附圖片

    圖像標題

    頁面圖像的標題

    彙總圖像

    搜尋結果中所顯示的圖片

    版面配置

    包含文章版面配置的頁面

    頁面的每個內容欄皆與其版面配置的一個特定欄位控制項 (用以製作及顯示該欄內容) 相關聯。

  • 版面配置頁面   為某內容頁面類型定義版面配置的 Active Server Pages (ASPX) 頁面。當 SharePoint 網站使用者在瀏覽器中開啟頁面時,該頁面的相關版面配置頁面會先與作用中的主版頁面 (會提供頁面的外框) 合併,接著,頁面的內容會輸入到版面配置頁面上的欄位控制項中。

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

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

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

    雖然每個內容類型都須有其特定的版面配置頁面,但一個內容類型仍可與多個版面配置相關聯。例如,Office SharePoint Server 2007 的 [文章頁面] 內容類型即有兩個版面配置頁面:一個用以顯示頁面左側的圖像,另一個則顯示右側的圖像。

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

    • 網頁組件

    • 網頁組件區域

    • 伺服器控制項

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

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

    網站集合中所有網站的版面配置頁面,皆會儲存在網站集合之最上層網站的「主版頁面圖庫」中。「主版頁面圖庫」屬於 SharePoint 文件庫之一,因此版面配置頁面也具有 Office SharePoint Server 2007 中所有的文件功能,如版本設定與內容核准。

您使用 Office SharePoint Server 2007 建立的發佈網站具有可讓您作為頁面設計起點的版面配置頁面。若要自訂現有的版面配置頁面或建立新的版面配置頁面,請使用 Microsoft Office SharePoint Designer 2007 或 Microsoft Visual Studio。

規劃主版頁面

主版頁面可提供頁面的共用架構元素,包括網站的品牌識別、網站的導覽功能及其他共用元素,如搜尋欄位與說明命令等。本文可協助您規劃網站主版頁面,但不提供設計主版頁面之外觀或功能的相關指導。如需主版頁面設計的詳細資訊,請參閱<頁面設計進程圖>。

網站主版頁面會提供頁面的內容,因此在使用者與您的網站互動時應保持一致。建議您在網站使用者於網站集合中的單一網站內瀏覽不同的頁面時,不要變更網站的主版頁面。若要提供一致的品牌識別與使用者介面,您可以在網站集合中的所有網站間使用相同的網站主版頁面。

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

規劃主版頁面之前,請先規劃網站結構,如<規劃網站結構與發佈 (Office SharePoint Server)>中所說明。請使用您在<決定網站與子網站>主題中所記錄的網站資訊,在規劃主版頁面工作表 (英文) (https://go.microsoft.com/fwlink/?linkid=73318&clcid=0x404) 的 [網站] 欄中,列出您的網站集合中各個網站的名稱。接著,請在工作表中填入每個網站的下列資訊:

  1. 在 [主版頁面]**** 欄中,列出網站中所要使用之主版頁面的名稱,如 "BlueBand.Master"。

  2. 在 [自訂] 欄中,指定現況所適用的資訊。

    • 若要為目前網站自訂主版頁面,請選取 [是]****。

    • 在 [依據] 欄中,輸入該頁面所將依據之範本的名稱;若要完全自訂主版頁面,則輸入 [無]****。

    • 若不為目前網站自訂主版頁面,請選取 [否]。

    • 若網站將自其上層網站繼承主版頁面,請在 [繼承來源]**** 欄位中輸入上層網站的名稱。如此一來,後續若您決定在網站階層中的其他位置自訂主版頁面,且要識別會因為主版頁面變更而受影響的網站,您所記錄的網站繼承即可派上用場。

    • 若要在目前網站上套用主版頁面,請將 [繼承來源] 欄位保留為空白。

  3. (選擇性) 在 [附註]**** 欄中,列出如何自訂主版頁面的相關指示,或是用以自訂主版頁面之工具 (如 Office SharePoint Designer 2007) 的相關指示。

規劃內容頁面

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

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

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

Office SharePoint Server 2007 有三種頁面內容類型:

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

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

    • 頁面內容欄。

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

  • **文章頁面   **主要的內容頁面類型。此頁面適用於一般用途的網頁內容,這包括:

    • 圖像與圖像標題的欄。

    • 頁面內容欄。

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

    • 署名欄。

  • 重新導向頁面   將讀者重新導向至其他頁面的頁面。

此外,由於三種頁面內容類型皆繼承自一般頁面內容類型,因此三者皆包含:

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

  • 作者連絡資訊的說明欄。

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

  • 選取目標對象資訊。

規劃內容頁面時,建議您使用 Office SharePoint Server 2007 中所含的頁面內容類型作為起點。[歡迎頁面] 與 [文章頁面] 內容類型依設計可供一般性使用,並可套用至多種內容。這兩種內容類型的主要內容欄均為 [頁面內容] 欄,可用以保留任何 HTML 內容。作者與網站設計者可利用 HTML 與階層式樣式表架構控制其內容的外觀。藉由此作業,這些人員可能即不須設計其他的內容類型。此外,若您能夠根據 [文章頁面] 或 [歡迎頁面] 謹慎選擇要用於各種內容類型的版面配置 (請參閱<規劃版面配置>),即可讓內容呈現方式更多元化,而無須另行使用其他內容類型。

若要修改頁面內容類型,請為將會包含新 HTML、圖像或其他內容類型的頁面內容類型新增欄。請在 [網站欄組件庫] 中建立欄,以便用於多種頁面類型。例如,您可以在特定的文章頁面中新增 [關於作者] 欄位,以納入有關頁面作者的傳記。若要執行這項操作,請將 [發佈 HTML] 類型的欄新增至 [網站欄組件庫] 中 (以供其他內容類型使用),再將該欄新增至 [文章頁面] 內容類型中。

修改頁面內容類型後,您必須新增欄位控制項以修改其相關的版面配置頁面,使其他內容欄得以顯示。例如,在將 [關於作者] 欄新增至 [文章頁面] 內容類型後,您必須將 [關於作者] 欄位控制項新增至相關的版面配置頁面,才能顯示該欄的內容。規劃版面配置頁面的相關討論,位於後續的<規劃版面配置>一節中。

若要規劃文章頁面,請使用規劃文章頁面工作表 (英文) (https://go.microsoft.com/fwlink/?linkid=73316&clcid=0x404) 。工作表中最左側的欄,包含 [文章頁面] 內容類型所有的欄。請使用工作表中的其他欄,列出您要顯示於網站中的各種內容類型,如 [文章]、[新聞稿] 與 [工作張貼]。在您列出工作表頂端的各種內容類型後,請為各種內容類型指定它們所要使用的欄,如 [文章日期] 與 [頁面內容]。若您認定您所需的欄並未提供,請將其新增至規劃文章頁面工作表的第一欄。

在您的網站中不太可能會用到多個歡迎頁面,但若有需要,請使用規劃歡迎頁面工作表 (英文) (https://go.microsoft.com/fwlink/?linkid=73320&clcid=0x404) 規劃各種歡迎頁面類型中所要顯示的欄。然而,就您的入口網站或網際網路平台服務網站而言,您通常會提供專用的歡迎頁面。

規劃版面配置頁面

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

Office SharePoint Server 2007 包含 [歡迎頁面] 與 [文章頁面] 內容類型所適用的一組版面配置。文章頁面的版面配置包括:

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

只有本文的文章頁面

含有標題與頁面內容區域的基本頁面。

圖像在左側的文章頁面

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

圖像在左側的文章頁面

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

含有摘要連結的文章頁面

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

[歡迎頁面] 的版面配置包括:

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

含有摘要連結的歡迎頁面

含有內容與圖像區域以及兩個 [摘要連結網頁組件] 的歡迎頁面。

含有目錄的歡迎頁面

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

歡迎開頭顯示頁面

僅含圖像以及兩個可讓作者新增超連結的 [摘要連結網頁組件] 的簡易歡迎頁面。

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

您也可以在頁面中新增 [網頁組件] 與 [網頁組件] 區域等 Microsoft ASP.NET 2.0 控制項,以修改版面配置頁面。例如,您可以在版面配置頁面中新增 [內容查詢網頁組件],以顯示可設定的查詢所傳回的連結集。請注意,如果您在版面配置頁面位於 [網頁組件] 區域以外的位置上放置網頁組件,即必須設定網頁組件,且作者將無法變更其設定。例如,如果您直接在版面配置頁面上新增 [內容查詢網頁組件],您將會「鎖定」該組件所使用的查詢,且作者將無法加以修改。

若要規劃 [文章頁面]、[歡迎頁面] 與其他頁面內容類型的版面配置,請使用規劃版面配置頁面工作表 (英文) (https://go.microsoft.com/fwlink/?linkid=73317&clcid=0x404) 。在您的網站中為每個頁面內容類型建立個別的工作表,如 [文章頁面]。為每個頁面類型列出其相關的版面配置頁面、提供版面配置的描述,以及新增自訂或建立版面配置頁面時的附註。例如,若您為 [文章頁面] 內容類型新增第二個圖像欄位,您即應指定要為 [文章頁面] 內容類型的每個相關版面配置新增第二個圖像顯示欄位控制項。

使用版面配置頁面限制製作

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

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

  • 您可以對版面配置頁面中的欄位控制項設定內容,以限制作者所能執行的動作。

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

設定欄位控制項的限制

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

  • 設定字型

  • 插入圖像

  • 插入表格

  • 新增超連結

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

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

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

允許或限制網頁組件區域

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

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

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

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

摘要

下表列出對於嚴密控制、一般控制及鬆散控制的製作環境所建議採用的版面配置限制:

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

嚴密

網際網路平台服務

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

一般

企業內部網路入口網站

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

鬆散

部門或小組入口網站

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

若要記錄您對版面配置頁面的製作限制所做的相關決策,請使用規劃版面配置頁面工作表 (英文) (https://go.microsoft.com/fwlink/?linkid=73317&clcid=0x404) 。對於要設定限制的網站,請編輯每個頁面內容類型的工作表。請將您的限制需求記錄在每個版面配置類型的 [附註] 欄位中。

下載本書

本主題隨附於下列可下載的叢書中,以便於閱讀與列印:

請參閱 Office SharePoint Server 2007 可下載的內容 (英文) 上提供的完整叢書清單。

另請參閱

概念

規劃網頁製作
規劃內容核准與排程