使用網頁組件自訂頁面簡介

附註:  我們想要以您的語言,用最快的速度為您提供最新的說明內容。 本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。讓這些內容對您有所幫助是我們的目的。希望您能在本頁底部告訴我們這項資訊是否有幫助。 此為 英文文章 出處,以供參考。

本文是為網頁擁有者和管理員而設計的,內容提供網頁組件與網頁組件頁面概觀,並說明如何藉由新增、變更或刪除網頁組件來自訂頁面。

附註: 本文適用於 SharePoint Server 2007 和 Windows SharePoint Services 3.0。如果您使用的 SharePoint Online,請參閱使用新的頁面上的網頁組件

本文內容

網頁組件與網頁組件頁面概觀

網頁組件的類型

網頁組件與網頁組件頁面的使用方法

支援網頁組件頁面的網頁瀏覽器

網頁組件與網頁組件頁面概觀

網頁組件是形成網頁組件頁面之基本建置組塊的資訊模組單元。您可以將網頁組件新增至網頁組件頁面中的網頁組件區域,然後自訂個別網頁組件,為您的網站使用者建立專屬頁面。

以下範例使用圖像網頁組件來說明網頁組件的基本功能。

範例圖像網頁組件

1. 網頁組件標題列會包含網頁組件的標題。

2. [網頁組件] 功能表包含可以讓您最小化或關閉網頁組件、編輯網頁組件,或取得特定網頁組件之 [說明] 的功能。當頁面處於編輯模式時,您也可以使用此功能表來刪除網頁組件,或將其連接到其他網頁組件,視您正在使用的網頁組件類型而定。

3. 網頁組件的主體會包含使用之網頁組件類型所指定的內容。在此範例中,網頁組件是會顯示圖像的圖像網頁組件。

網頁組件頁面是一個特殊的網頁類型,您可以在其中使用網頁組件將資料 (例如清單和圖表) 及網站內容 (例如文字和圖像) 合併至具有共同工作或特定目標的動態資訊入口網站。

您的網站首頁就是一個網頁組件頁面的範例。建立新網站或工作區網站時,您會建立網頁組件頁面。您也可以選取可用的網站範本來建立網頁組件頁面,或者可以使用與 Microsoft Windows SharePoint Services 相容的 Web 設計程式 (例如 Microsoft Office SharePoint Designer 2007),從頭建立網頁組件頁面。

您可以使用網頁組件頁面,將各種結構化與非結構化資訊,以有組織、有助益且便利的方式來呈現。通常網頁組件頁面會包含幾個已連線的網頁組件,讓您可以動態顯示資料和內容,以查看您要的結果。

例如,您可以建立一個稱為 [客戶訂單] 的網頁組件頁面,以便經常顯示重要資訊。當您接到客戶來電詢問有關訂單的問題時,他已不記得訂單識別碼,而只記得下訂單的日期,您就可以使用網頁組件頁面執行下列動作。

包含多個網頁組件的客戶訂單網頁組件頁面

1. 依訂單識別碼,或在此例中為訂單日期,查閱訂單。

2. 依日期顯示所有訂單。

3. 根據客戶的名稱選取正確的訂單,然後查閱訂單詳細資料以及客戶詳細資料。

4. 選取訂單的產品線項目 (在此例中為燈),然後顯示產品圖片以確認客戶的問題。

5. 掃描與客戶訂單相關的最新商業新聞。

網頁組件屬性

每個網頁組件都會有一組共同的屬性 (也稱為基底類別屬性),這些屬性會分別出現在工具窗格的不同區段中,並控制網頁組件的外觀 (例如標題、高度和寬度)、配置 (例如網頁組件在區域中的順序及內容的方向),以及進階特性 (例如圖像圖示和描述)。

許多網頁組件也有其專屬的自訂屬性,這些屬性通常會顯示在工具窗格中共同的網頁組件屬性的上面或下面。例如,圖像網頁組件具有其他的自訂屬性,包括圖像連結、水平和垂直對齊,以及背景色彩。

附註: 根據建立網頁組件的方式而定,網頁組件自訂屬性可能會顯示在工具窗格中共同的屬性下面的預設「其他」區段內。

網頁組件檢視

您可以在下列兩種檢視中自訂網頁組件:

  • 共用檢視    您可以新增網頁組件至網頁組件頁面,然後在共用檢視中編輯網頁組件頁面。網頁組件頁面的使用者只要具有適當的權限,就可以使用共用的網頁組件。

  • 個人檢視    您可以新增共用的網頁組件至自己的個人檢視,然後編輯您的網頁組件檢視。在個人檢視中對網頁組件所做的變更只有您才可以使用。其他沒有在個人檢視中進行變更的使用者看到的仍舊是共用的網頁組件檢視。

您所使用的網頁組件檢視在下列情況下會有重要的影響:

  • 在某些網頁組件頁面上您可能有編輯部分網頁組件的權限,但在其他網頁組件頁面上則不能編輯。

  • 您可能可以連線到網頁組件頁面上的某些網頁組件,但不能連線到相同網頁組件頁面上的其他網頁組件。

網頁組件與網頁組件連線

網頁組件的一個額外功能,就是可以藉由在網頁組件之間傳遞資料與同步它們的行為,輕鬆地連線網頁組件。藉由連線網頁組件,您可以用動態又有趣的方式管理資料。在許多產品和解決方案中,要連線來自不同資料來源的資料組並不容易,而且經常需要程式設計技能。但是使用網頁組件,就能像使用功能表命令一樣簡單地將資料連線。例如,藉由連線網頁組件,您就可以針對兩個網頁組件的資料呈現不同的檢視、執行兩個網頁組件間的相關計算,以及使用另一個網頁組件的值來篩選網頁組件 - 而且這些全都可以在一個網頁組件頁面上進行。

網頁組件區域及其屬性

網頁組件區域是網頁組件的容器,可用來將網頁組件頁面上的網頁組件分組與組織整理。網頁組件區域也有一組屬性,提供雙重用途。您可以使用一個屬性子集來組織網頁組件頁面上網頁組件的配置和格式。您也可以使用另一個屬性子集來提供額外等級的保護,以防止修改 (或「鎖定」) 區域內的網頁組件。

網頁組件區域屬性都有預設設定或行為。當您新增網頁組件至網頁組件頁面時,會自動設定某些屬性值。您不能在瀏覽器中編輯這些屬性值,若要編輯,可以使用與 Windows SharePoint Services 相容的 Web 設計程式,例如 Office SharePoint Designer 2007。

如需網頁組件區域屬性的詳細資訊,請參閱Windows SharePoint Services 3.0 SDK,您可以從 SharePoint 一般開發網站取得。

頁面頂端

網頁組件的類型

Windows SharePoint Services 會提供幾個您的網站可立即使用的網頁組件。您可以使用這些內建的網頁組件,自訂網頁組件以符合您的需求,或是建立並上傳新的網頁組件,以在整個網站中使用。

預設網頁組件

下列網頁組件預設包含於任何網站,而且可以進行自訂以符合您的小組需求。這些網頁組件大部分可以彼此連結,建立不同的唯一解決方案:

  • 內容編輯器網頁組件    。您可以使用內容編輯器網頁組件新增格式化文字、表格、超連結及圖像至網頁組件頁面。

  • 表單網頁組件    。您可以使用表單網頁組件連接至另一個網頁組件中的資料欄並進行篩選。這兩個網頁組件必須在同一台伺服器上執行。

  • 圖像網頁組件    。您可以使用圖像網頁組件來新增圖片或圖形至網頁組件頁面。如要更輕鬆地協調圖像與其他頁面上的網頁組件,您可以透過在共用檢視中編輯其自訂屬性,在圖像網頁組件中控制圖像的垂直對齊方式、水平對齊方式及背景色彩。

  • 清單檢視網頁組件   。您可以使用清單檢視網頁組件來顯示與編輯網站上的清單或文件庫資料,並可以連線至其他網頁組件 (包括其他清單檢視網頁組件)。清單就是您與小組成員共用的資訊,通常以表格格式顯示。清單檢視會針對不同用途以不同的方式顯示此資訊,例如篩選、排序或選取特定欄。

    附註: 沒有網頁組件的名稱為「清單檢視」。當您在網站上建立清單時,便會自動建立與清單同名的清單檢視網頁組件。例如,如果您建立名稱為「船隊」的清單,那麼 [網站名稱庫] 裡也會有名稱為「船隊」的清單檢視網頁組件。網頁組件會自動顯示您所建立之清單內含的資料。

  • 頁面檢視器網頁組件    。您可以使用頁面檢視器網頁組件顯示網頁組件頁面上的網頁檔案或資料夾。您可輸入要連結至內容的超連結、檔案路徑或資料夾名稱。

  • 網站使用者網頁組件   。您可以使用網站使用者網頁組件,顯示擁有使用網站權限的使用者和群組清單。網站使用者網頁組件會自動出現在 [文件工作區] 網站的首頁。您也可以將網站使用者網頁組件新增至任何網頁組件頁面。

    附註: 在執行 Microsoft Windows SharePoint Services 2.0 及較舊版本的網站,網站使用者網頁組件稱為成員網頁組件。

  • XML 網頁組件    。您可以使用 XML 網頁組件來顯示可延伸標記語言 (XML),並套用可延伸樣式表語言轉換 (XSLT) 到 XML,再顯示其內容。例如,您可能有一個 XML 檔案,其中包含船隊、價格和船隊圖像連結的清單。您可以使用 XSLT 轉換資料,以顯示船隊和價格清單,並將船隊名稱設定為超連結,以顯示另一個視窗中的圖像。

預先設定的清單檢視網頁組件

下列網頁組件已內建於 Windows SharePoint Services 的小組網站範本中,並已自動設定且準備好在您建立新的小組網站時於網頁組件頁面上使用。您建立小組網站或工作區網站時,根據您選取的網站範本,會包含不同組的網頁組件。

附註: 這些網頁組件是從清單檢視網頁組件衍生而來,並使用預先設定的網頁組件範本建立獨特的版面配置和設計。如果要將資料新增至這些清單,請在 [快速啟動] 上按一下 [檢視所有網站內容],然後按一下 [清單]。在 [所有網站內容] 頁面上,按一下您想要新增資料的清單名稱。

  • 宣告    。使用宣告網頁組件張貼新聞、狀態及其他您想要與小組成員分享的簡短資訊。

  • 行事曆    。使用行事曆網頁組件顯示即將到來的事件或小組排程。

  • 連結    。使用連結網頁組件將您的小組會感興趣的超連結張貼到網頁。

  • 共用文件    。使用共用文件網頁組件與網站使用者共用預設文件庫中的檔案。

  • 工作    。使用工作網頁組件,將工作指派給您的小組成員、指定其到期日期和優先順序,並標示其狀態和進度。

  • 小組討論    。使用小組討論網頁組件為您的小組提供論壇來討論感興趣的主題。

自訂網頁組件

藉由使用與 Windows SharePoint Services 相容的程式設計環境 (例如 Microsoft Visual Studio),開發人員能利用 Microsoft ASP.NET 的完整功能來建立自訂網頁組件。網頁組件頁面是 ASP.NET 檔案 (.aspx),網頁組件是衍生自網頁表單控制項。如要進一步加強網頁組件頁面,開發人員可以建立他們自己的網頁組件以提供新功能。開發人員也可以新增自訂屬性至網頁組件,為特殊使用者介面在工具窗格新增自訂建立器,並且使用網頁組件連接器連接到其他網頁組件。如需建立和部署網頁組件的相關資訊,請參閱 Windows SharePoint Services 3.0 SDK (位於 SharePoint 一般開發網站)。

您也可以使用其他人員或公司所建立的網頁組件。您必須擁有適當的權限,才能新增第三方網頁組件至網頁組件頁面或網站。有些網頁組件可能需要直接部署至伺服器。如果您無法將第三方的網頁組件新增至網頁組件頁面或網站,請連絡您的系統管理員以取得協助。

頁面頂端

使用網頁組件與網頁組件頁面的方式

您可以利用下列方式來使用網頁組件頁面:

  • 合併來自不同資料來源的資料。

  • 報告及摘要重要資料。

  • 分析及彙總資料 (例如,總和、總計或計數)。

  • 摘要每天一早想要看到的重要資訊。

  • 排定專案或客戶資料的優先順序並加以醒目提示,以協助進行有效決策。

  • 顯示最新的工作排程及會議資訊,以快速規劃一天的工作。

  • 快速存取商業新聞、當地天氣及最喜愛的網站,以集中網頁瀏覽。

建立及自訂網頁組件頁面的方法

以下提供幾個建立及自訂網頁組件頁面的方法:

  • [新增網頁組件頁面] 表單   建立網頁組件頁面最常見的方式是透過 [新增網頁組件頁面] 表單。在 [網站動作] 功能表上 按鈕影像 ,按一下 [建立],然後按一下 [網頁組件頁面] 表單。使用此表單開啟新的頁面之後,您就可以立即在瀏覽器中開始設計頁面。當您想要瀏覽頁面時,只需要關閉工具窗格即可。

  • Web 設計程式    藉由使用與 Windows SharePoint Services 相容的Web 設計程式 (例如 Microsoft Office SharePoint Designer 2007),您可以進階自訂網頁組件頁面,包括:

    • 自訂網頁組件頁面的佈景主題,該頁面預設會使用網站佈景主題。

    • 編輯網頁組件頁面範本或建立新範本。

    • 自訂版面配置。

    • 編輯區域屬性。

    • 新增 HTML 程式碼或 Web 控制項。

    • 變更網頁組件在區域內的排列方式

    • 在區域外新增網頁組件,或新增網頁組件至網頁,該網頁並非網頁組件頁面。

    • 建立不同網頁組件頁面上網頁組件之間的連線。

    • 發佈網頁組件頁面至網站,該網站正在執行 Windows SharePoint Services。

    • 自訂 [表單網頁組件] 及使用 [資料檢視網頁組件]。

頁面頂端

網頁瀏覽器對網頁組件頁面的支援

網頁瀏覽器對網頁組件頁面的支援可以歸類為兩個層次:

  • 第 1 個層次可以提供最完整的視覺及功能支援。提供第 1 個層次支援的瀏覽器包括新版的 Microsoft Internet Explorer for Microsoft Windows。

  • 在第 2 個層次的支援會使有些瀏覽器無法使用少部分的視覺及功能,而有些功能的行為與在第 1 個層次的瀏覽器行為不同。不過,使用者仍然可以使用大部分的功能。提供第 2 個層次的支援之瀏覽器包括 Firefox 1.5 for Windows 及更新版本,以及 Netscape Navigator 8.0 for Windows 及更新版本。Windows SharePoint Services 3.0 管理中心不支援第 2 個層次的瀏覽器。

附註: 第 2 個層次的瀏覽器不支援網頁組件之間的連線建立。

下表顯示一些常用瀏覽器所提供的支援層次。

瀏覽器最低版本

作業系統

第 1 個層次

第 2 個層次

Internet Explorer 6.x

Windows

Internet Explorer 6.x 64 位元版本

Windows

Internet Explorer 7

Windows

Firefox 1.5

Windows

Netscape 8.0

Windows

Firefox 1.5

Unix

Netscape 7.2

Unix

Mozilla 1.7.12

Unix

Safari 2.0.2

Macintosh

Firefox 1.5

Macintosh

其他

其他

頁面頂端

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×