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

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

本文適用於網頁擁有者和系統管理員,提供網頁組件與網頁組件頁面的概觀,並說明如何透過新增、變更或刪除網頁組件來自訂頁面。

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

本文內容

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

網頁組件的類型

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

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

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

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

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

範例圖像網頁組件

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

2. [網頁組件] 功能表包含可讓您最小化或關閉網頁組件、編輯網頁組件,或是針對特定的網頁組件取得說明的功能。在頁面為編輯模式時,您也可以使用此功能表刪除網頁組件,或是將其連線至其他網頁組件 (視您使用的網頁組件類型而定)。

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

網頁組件頁面是一種特殊類型的網頁,您可以在其中使用網頁組件,將資料 (例如清單和圖表) 及網站內容 (例如文字和圖像) 合併至基於共同工作或專題報導建立的動態資訊入口網站。

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

您可以使用網頁組件頁面,以井然有序、實用且方便的方式,呈現各式各樣結構化與非結構化資訊。網頁組件頁面通常包含多個連結的網頁組件,可讓您動態地顯示資料和內容,以查看您想要的結果。

例如,您可以建立稱為「客戶訂單」的常用網頁組件頁面,以顯示重要資訊。您接到客戶來電詢問訂單,不記得訂單 ID 編號,但確實記得下單日期,就可以使用網頁組件頁面執行下列動作。

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

1. 依照訂單 ID 編號查閱訂單,或者在這個情況下,依照訂單日期查閱。

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

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

4. 從訂單中選取一個明細項目 (在此情況下選取燈),然後顯示產品圖片,以確認客戶的問題。

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

網頁組件屬性

每個網頁組件都有一組通用的屬性 (又稱為基本類別屬性),這組屬性會組織成工具窗格中的區段,並且控制網頁組件的外觀 (例如標題、高度和寬度)、版面配置 (例如區域中的網頁組件順序和內容的方向),以及進階特性 (例如影像圖示和描述)。

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

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

網頁組件檢視畫面

您可以在下列兩種檢視畫面中擇其一,以自訂網頁組件:

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

  • 個人檢視畫面   您可以將共用的網頁組件新增至您自己的個人檢視畫面,然後編輯您的網頁組件檢視畫面。您在個人檢視畫面中針對網頁組件進行的變更,只能供您使用。未在個人檢視畫面中進行變更的其他使用者,會繼續看到進行的共用檢視畫面。

您正在使用的網頁組件檢視畫面可能相當重要,這是因為:

  • 您擁有的權限可能只能編輯特定網頁組件頁面上的部分網頁組件,無法編輯其他網頁組件頁面。

  • 您也許能連線至網頁組件頁面上的特定網頁組件,但無法連線至相同網頁組件頁面上的其他網頁組件。

網頁組件與網頁組件連線

網頁組件的一項額外功能,就是能藉由在兩者之間傳遞資料,並同步處理其行為,來輕鬆進行連線。連接網頁組件之後,您就可以用動態且有趣的方式管理資料。在許多產品與技術中,從不同資料來源連接資料組的工作並不容易,且通常需要程式設計技術。但是使用網頁組件,就能讓資料連線變得和使用功能表命令一樣簡單。例如,您可以藉由連接網頁組件,以替代檢視畫面呈現兩個網頁組件的資料、執行兩個網頁組件之間的相關計算,以及使用其他網頁組件的值來篩選網頁組件,以上都只需要使用一個網頁組件頁面即可。

網頁組件區域及其屬性

網頁組件區域是網頁組件的容器,用來分組與組織網頁組件頁面上的網頁組件。網頁組件區域也有一組具備兩個用途的屬性。您可以使用一個屬性子集來組織網頁組件頁面上的網頁組件版面配置及格式,並且使用另一個屬性子集來提供額外的保護層級,防止區域中的網頁組件遭到修改 (或「鎖定」)。

網頁組件區域屬性各自擁有預設設定或行為。當您將網頁組件新增至網頁組件頁面時,系統會自動設定上述的一些屬性值。這些屬性值不是針對在瀏覽器中編輯而設計,但您可以使用與 Windows SharePoint Services 相容的網站設計程式 (例如 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 一般開發網站)。

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

頁面頂端

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

您可以透過下列方式使用網頁組件頁面:

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

  • 報告及摘要重要資料。

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

  • 摘要每天要最先查看的重要資訊。

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

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

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

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

您有多種方式可以建立及自訂網頁組件頁面:

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

  • 網站設計程式   使用與 Windows SharePoint Services 相容的網站設計程式,例如 Microsoft Office SharePoint Designer 2007,就可以進階自訂網頁組件頁面,包括下列各項:

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

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

    • 自訂版面配置。

    • 編輯區域屬性。

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

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

    • 在區域以外新增網頁組件,或是將網頁組件新增至並非網頁組件頁面的網頁。

    • 在不同網頁組件頁面上的網頁組件之間建立關聯。

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

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

頁面頂端

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

網頁組件頁面的網頁瀏覽器支援可歸納為兩種層級:

  • 第 1 層級支援提供最高級的視覺及功能支援。提供第 1 層級支援的瀏覽器包括最新版本的 Microsoft Windows 版 Microsoft Internet Explorer。

  • 在第 2 層級支援中,部分瀏覽器無法使用幾個視覺及功能特色,且一些其他功能會遭破壞,其行為會和在使用第 1 層級瀏覽器的行為有所不同。然而,使用者仍然可使用大部分的功能。提供第 2 層級支援的瀏覽器包括適用於 Windows 的 Firefox 1.5及更新版本,以及 Netscape Navigator 8.0 及更新版本。第 2 層級瀏覽器不支援 Windows SharePoint Services 3.0 管理中心。

附註: 第 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 支援專員連絡以深入了解您的意見。

×