引導式逐步解說:建立小組網站

在本文中,我們會向您顯示範例小組網站的元素,協助您瞭解如何為自己的組織建立類似的網站。 

如果您想要與小組其他成員共同作業,或與他人在特定專案上共同作業,請使用小組網站。 使用小組網站時,通常所有或大多數的成員都能提供網站內容,而這些資訊只有小組或專案成員及特定專案關係人才能存取。 此外,小組網站會連線到群組小組頻道。 這可讓您的小組輕鬆擁有群組許可權,以及小組空間來聊天、開會及共用檔案。 

首先,如果您還沒有建立小組網站,請參閱在 SharePoint 中建立小組網站。

如果您需要瞭解如何在您的網站上編輯及發佈頁面,請查看節編輯、使用節與網頁元件,以及在本文中發佈。

當您建立網站並知道如何編輯頁面之後,您可以使用以下指導方針來新增所顯示的元素。

小組網站範例

SharePoint Online 中的新式小組網站範例
  1. 小組重點與資訊

    在共用資訊時取得視覺效果瞭解做法

  2. [快速啟動]

    新增網站周圍其他內容的連結。 了解做法

  3. 通知團隊

    提供與小組工作相關的連結、事件和內容。 了解做法

  4. 分享小組的相關資訊

    提供團隊感興趣的新聞專案。 了解做法

  5. 醒目提示重要資訊

    使用 [英雄] 網頁元件,將事件註冊的截止時間等重要活動的可見度調高。 了解做法

  6. 顯示專案狀態

    使用 Planner 網頁元件來顯示專案的小組進度。 了解做法

  7. 顯示最近的活動

    自動向小組網站內容顯示最新的更新。 了解做法

管理節與網頁元件

這個範例使用了含不同版面配置的六個區段。 第一個區段會在頁面右上角按一下 [編輯],開始編輯。

頁面頂端列上的 [編輯] 按鈕

編輯時,您可以在左側的標題下方儲存草稿,以備日後或捨棄。

頁面頂端的橫條圖

區段前面或後面的 + 符號將使用幾個版面配置中的其中一個來新增區段。

章節版面配置

[節] 組成您的頁面,而您是放置一或多個網頁元件。 在編輯頁面時,每個章節都會顯示控制項來編輯版面配置、移動或刪除區段。 如需使用章節的詳細資訊,請參閱新增或移除頁面上的節和欄

新增節的控制項。

按一下節中的加號 SPO 加號 ,可能會出現在區段中的網頁元件之前或之後,以查看有許多可用的網頁元件類型。 如需所有網頁元件的詳細資訊,請參閱在SharePoint 頁面上使用網頁元件

網頁元件工具箱

網頁元件可以在區段中進行編輯、移動或刪除。 [編輯網頁元件] 圖示會開啟每個網頁元件類型特有的詳細控制項。

[網頁元件工具]。

當您的頁面更新準備就緒時,請按一下 [發佈],讓您的小組看到它們。

頁面頂端列上的 [發佈] 按鈕

如需使用頁面的詳細資訊,請參閱在SharePoint 網站上建立及使用新式頁面

回到頁首

小組重點與資訊

這個範例頁面的第一個區段使用兩欄版面配置。 在第一欄是一個使用單一磚配置的英雄網頁元件,可連結到新團隊成員的資訊。 上面是具有標題的文字網頁元件。 第二欄是使用清單版面配置的新聞網頁元件。 上方是一個分隔網頁元件,可協助對齊兩個網頁元件。

瞭解如何使用 [英雄] 網頁元件和 [新聞] 網頁元件

含英雄網頁元件和新聞網頁元件的小組網站

[快速啟動]

您可以快速且輕鬆地自訂 SharePoint 網站的組織和流覽。 按一下功能表底部的 [編輯] 連結,即可開始編輯左側 [快速啟動] 功能表:

[編輯快速啟動] 導覽功能表中的 [編輯]、[移動] 和 [移除] 下拉式選項

按一下每個功能表項目結尾的 [ ... ] 控制項可讓您編輯、移動或移除專案:

[快速啟動] 導覽功能表中的 [編輯] 選項

編輯時,您的草稿可能會儲存為 [日後] 或 [捨棄]。 當您的頁面更新準備就緒時,請按一下 [發佈],將它們顯示給您的小組。

頁面頂端列上的 [發佈] 按鈕

回到頁首

通知團隊

這個範例中的第二個區段是三欄版面配置,包含快速連結網頁元件、群組行事曆網頁元件,以及文件庫網頁元件。

三欄區段中的網頁元件

以下是每個網頁元件的詳細資訊:

快速連結

[快速連結] 網頁元件提供數種簡單易用的功能表格式,可列出其他頁面或網站的連結。 在這個小組網站範例中,此網頁元件使用小圖示版面配置來快速且輕鬆地參考。

SharePoint Online 中現代小組網站的快速連結網頁元件輸入範例

如需有關使用快速連結網頁元件的詳細資訊,請參閱使用快速連結網頁元件

群組行事曆

群組行事曆網頁元件會自動顯示您的 Office 365 群組行事曆上的會議和約會(office 365 群組和其關聯線事曆會在您建立小組網站時自動建立)。

小組行事曆

如需有關群組行事曆網頁元件的詳細資訊,請參閱使用群組行事曆網頁元件。

清單網頁元件

顯示網站內容,包括檔和其他團隊可輕鬆找到的網站內容。 在這個小組網站範例中,清單是參照文件庫中的 [檔] 資料夾。

SharePoint Online 中的 [新式小組網站] 範例中的清單網頁元件

如需有關使用清單網頁元件的詳細資訊,請參閱使用清單網頁元件。

回到頁首

使用 [新聞網頁元件] 新增重要的新聞

此小組網站為整個小組提供新聞,同時也提供已篩選為目前使用者可能感興趣的新聞。

在這個範例中,「新聞」網頁元件在含有背景的單一欄區段中,使用針對目前使用者做為來源以及並排版面配置的建議。

SharePoint Online 中的新式小組網站的 [新聞網頁元件] 輸入範例

如需有關使用新聞網頁元件的詳細資訊,請參閱在SharePoint 頁面上使用 [新聞] 網頁元件

回到頁首

醒目提示重要資訊

讓您的小組瞭解最重要的內容,包括高影響力的英雄影像、公司署名及重要的新聞。 小組網站首頁的初始效果是由大型且引人注目的 [英雄] 網頁元件影像所建立。 這個範例中所用的版面配置是兩個磚

磚的威力

磚可以包含影像、主題標題、標題、描述,以及 [動作] 連結。 其他調整包括影像縮放比例,以及設定影像縮放動畫的焦點。

每個磚都可以編輯

使用左側的 [移動專案] 控制項,重新排列 [英雄] 網頁元件中的磚。 右側的控制項可讓您編輯詳細資料調整所使用的文字和圖像、設定懸停動畫的焦點,以及放大和縮小影像。

在這個範例中,[英雄] 網頁元件位於全形區段中。

SharePoint Online 中的 [現代化小組網站] 範例中的 [英雄網頁元件]

如需有關使用 [英雄] 網頁元件的詳細資訊,請參閱使用 [英雄] 網頁元件

回到頁首

顯示專案狀態

如果您使用Microsoft Planner來管理專案,並建立計畫,您可以使用 Planner 網頁元件在頁面上顯示該方案的狀態。

Planner 網頁元件

如需有關使用 Planner 網頁元件的詳細資訊,請參閱使用 planner 網頁元件

回到頁首

使用網站活動網頁元件顯示團隊活動

活動網頁元件只有一個設定-要顯示的專案數量。 網頁元件顯示的活動包括頁面更新及儲存在小組網站上的所有檔。

在這個範例中,網頁元件位於單欄區段中。

SharePoint Online 中的 [新式小組網站] 範例中的活動網頁元件

如需有關使用網站活動網頁元件的詳細資訊,請參閱使用網站活動網頁元件

回到頁首

想要更多資訊嗎?

在 SharePoint 的 [外觀] 書籍中,取得更多範例。

附註:  本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 告訴我們這項資訊是否有幫助? 這裡是供您參考的英文文章

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×