指導的逐步解說:建立組織的訓練網站

在本文中,我們將向您展示範例訓練網站的元素,以吸引您,並協助您瞭解如何為自己的組織建立類似的網站。 本範例網站提供有關特定事件的資訊,並引導使用者學習和註冊。 它依賴視覺效果以吸引訪客和鼓勵訪客。

首先,如果您尚未建立通訊網站,請查看本文中的建立您的網站小節。 如果您需要了解如何在您的網站上編輯和發佈頁面,請查看本文中的編輯、使用區段和網頁組件並發佈一節。

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

訓練網站範例

首頁影像 自訂指示
訓練網站登陸頁面的圖像 1. 標誌和網站分類 自訂您的徽標並分類您的網站。 了解做法

2. 產生影響 使用「英雄網頁元件」,以視覺方式交流您的價值。 了解做法

3. 指導使用者重要動作 導向訪客註冊或探索其他使用者。 了解做法

4. 描述事件 使用文字描述事件的「內容」和「原因」。 了解做法

5. 使用具有連結的圖像 可增加可視性,並連結至詳細的課程安排頁面。 了解做法

6. 突出顯示詳細資訊 影像可以定義重要資訊的區域。 了解做法

7. 顯示事件日期 提供事件行事曆,讓使用者可以規劃其排程。 了解做法

8. 新增地圖 使用對應,協助使用者到達所需位置。 了解做法

9. 提供頁面上登記 新增表單便於註冊。 了解做法

建立您的網站

若要建立如下所示的網站,您將建立通訊網站。 若要這樣做,請從 SharePoint 起始頁面選取 [建立網站](或者,如果您要建立此網站與中樞網站的關聯,請瀏覽至中樞網站,並在該處選取 [建立網站],使得通訊網站會自動與該中樞網站建立關聯)。

[建立網站] 選項的影像

接著,選擇 [通訊網站],然後選擇 [主題] 版面配置。 填寫您的網站名稱、描述及其他資訊,然後選取 [完成]。 然後,您將取得與本文範例具有相同版面配置類型的範本。

通訊網站儀表板的圖像

如需詳細資料,請參閱 在 SharePoint Online 中建立通訊網站

回到頁首

標誌和網站分類

在此範例中,標頭區域不包含任何導覽,因為它應是「獨立」頁面。 不過,標頭區域會包含自訂的標誌,並顯示標籤,表示網站分類為 "僅限內部"。 網站分類使用內部、機密、高業務影響、低業務影響等值。 這些值可與資訊敏感度或資訊生命週期相關。

網站標誌的影像

若要瞭解如何變更徽標和分類您的網站,請參閱管理您的 SharePoint 網站設定

回到頁首

管理區段和網頁組件

按一下頁面右上方的 編輯 並開始編輯。

[編輯] 選項的影像

編輯時,您可以在左側標頭下方儲存草稿供稍後使用或捨棄。

區段工具列的影像

區段之前或之後的 + 符號會使用數個版面配置之一來新增區段。

區段版面配置選項的影像

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

[新增] 區段選項的影像

選取  區段中的加號圖示 (可能會出現在區段中的網頁元件之前或之後)的加號影像,以查看有許多可用的網頁元件類型。 如需所有網頁組件的詳細資訊,請參閱在 SharePoint 頁面上使用網頁組件

[新增區段] 圖示的影像

您可以在區段內編輯、移動或刪除網頁組件。 [編輯網頁組件 ] 圖示會開啟每個網頁組件類型專屬的詳細控制項。

[編輯] 工具列的影像

當您的頁面更新準備好時,請選取 [ 發佈 ],使其對您的整個組織可見。

發佈圖示的影像

提示

若要管理網站上的所有頁面,請按一下頂端功能表上的 [頁面]

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

回到頁首

使用英雄網頁元件產生影響

讓您的訪客知道您的「英雄」網頁元件的研討會重點。 此範例中使用的版面配置為 [兩個磚]

英雄版式:圖格或層

編輯網頁組件會呈現版面配置選項。 [ ] 選項會顯示介於1到5個麻將牌之間的版面配置。 [圖層 ] 選項會將每個影像設定為圖層,其標題旁會有影像。 最多可以有五個層,允許一個網頁元件建立整個頁面。

每個磚都可以編輯

使用左側的 [移動項目] 控制項來重新排列主圖網頁組件內的磚。 右側的控制項可讓您 編輯詳細資料 調整使用的文字和圖像、 設定 懸停動畫的焦距,以及 放大 圖像及向 外變 焦。

在此範例中,主圖網頁組件位於全寬度區段中。

主圖網頁組件的影像

如需使用「英雄網頁元件」的詳細資訊,請參閱使用「 英雄網頁元件」。

回到頁首

顯示事件日期

事件網頁元件會自動顯示事件資訊。 所顯示的事件是由「 來源」、「 事件清單」、「 類別」及「 日期範圍」篩選所控制。 您可以在工作表模式或簡潔 模式中, 以詳細摘要顯示事件。

在此研討會網站範例中,此網頁元件使用「 電影 配置」版面配置。

事件網頁元件的影像

如需使用活動網頁組件的詳細資料,請參閱使用活動網頁組件

回到頂端

使用文字網頁元件描述事件

領導地位報價和每月 Q&描述會使用 [文字] 網頁元件。 此網頁元件可讓基本的文字格式設定,以建立格式化文字的固定區段。

編輯文字時,此網頁元件將會提供基本的格式設定工具,以設定樣式及新增如 粗體斜體 等增強功能。 按一下 ... 位於右側格式化工具列的右端的控制項可提供網頁組件右方的其他選項。

在上面顯示的此研討會網站範例中,網頁元件位於一欄區段中。

文字網頁組件的影像

如需使用文字網頁組件的詳細資料,請參閱使用文字網頁組件將文字和表格新增到頁面

回到頂端

[快速連結網頁元件] 提供數種簡易的功能表格式,可用來列出其他頁面或網站的連結。

在此網站中範例中,網頁元件會使用 按鈕 版面配置,快速且輕鬆參考。

快速連結網頁組件的影像

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

回到頁首

圖像網頁元件會在頁面上放置固定的影像。 影像可以是照片、圖表或甚至用於對文字產生影響。 字幕和 alt 文字可讓影像保持存取。

影像網頁組件的影像

如需使用影像網頁組件的詳細資料,請參閱 使用影像網頁組件

回到頁首

使用 Bing 地圖服務網頁元件新增地圖

Bing 地圖服務網頁元件提供簡易的視覺地圖參考和快速連結,允許訪客規劃其路由傳送至您的研討會。

Bing 地圖網頁元件的影像

如需使用 Bing 地圖服務網頁元件的詳細資訊,請參閱使用 Bing 地圖服務網頁元件

回到頁首

新增登記表單

如果您建立的表單用於使用 Microsoft forms進行註冊,您可以使用 microsoft forms 網頁元件將該表單直接放在頁面上。 這是一種簡單的方法,讓出席者填滿其資訊,並提供一種簡單的方法供您收集。

Microsoft forms 網頁元件的圖像

如需使用 Microsoft Forms 網頁元件的詳細資訊,請參閱 使用 Microsoft forms 網頁元件

回到頂端

想要更多資訊?

如需更多範例,請參閱 SharePoint 查找手冊