在本文中,我們會顯示一個範例的元素,讓您能夠吸引您,並協助您瞭解如何為自己的組織建立類似的網站。 在這個範例中,授與網站提供如何使用精心設計和訊息的頁面來吸引貴組織的範例。 這個範例頁面也是作為人力資源中樞網站的一部分來部署。
首先,如果您還沒有建立通訊網站,請參閱本文中的 [ 建立您的網站 ] 區段。
當您建立網站並知道如何編輯頁面之後,您可以使用下列步驟來新增顯示的元素。
提供網站的範例
![]() |
建立您的網站
若要製作如下所示的網站,您將會建立 通訊網站。 若要這樣做,請按一下 [ SharePoint 開始] 頁面上的 [ 建立網站 ] (或者,如果您要將此網站與現有的中心網站建立關聯,請流覽至中樞網站,然後按一下 [ 建立網站 ],讓通訊網站自動與該中樞網站) 建立關聯。

接著,選擇 [ 通訊網站],然後選擇 [ 主題 版面配置]。 填寫您的網站名稱、描述及其他資訊,然後按一下 [完成]。 接著,您會看到範本與本文中的範例相同的版面配置類型。

如需詳細資訊,請參閱 在 SharePoint Online 中建立通訊網站。
讓您的網站更容易掌握
您可以快速輕鬆地自訂 SharePoint 網站的組織和導覽,讓您的訪客能輕鬆流覽網站並找到所需的資訊。
-
新增及編輯主功能表 輕鬆編輯上方功能表,將頁面連結至其他 SharePoint 頁面或網際網路。
-
百萬位元功能表 當網站是作為中樞網站的一部分來部署時,您可以建立 功能強大的百萬位元功能表。
如需有關使用流覽的詳細資訊,請參閱 自訂 SharePoint 網站上的導覽。
使用影像與資訊鼓舞
讓您的小組瞭解最重要的內容,包括高影響力的英雄影像、公司署名及重要的新聞。 [提供網站] 首頁的初始效果是由大型及引人注目的 [英雄] 網頁元件影像所產生。 這個範例中所用的版面配置是 四個磚。
[英雄版面配置]
編輯網頁元件會顯示版面配置選項。 磚選項(例如上述所示)會顯示一到五個磚之間的版面配置。 [ 圖層 ] 選項會將每個影像設定成圖層,並在標題旁邊加上影像。 最多可有五個圖層,因此您可以使用網頁元件來填滿整個頁面。
在這個範例中,[英雄] 網頁元件位於全形區段中。
使用左側的 [ 移動專案 ]
按鈕,重新排列 [英雄] 網頁元件中的磚。
自訂每個磚
當您按一下磚時,您會在磚底部看到一個工具列,您可以在其中按一下 [ 編輯詳細資料 ],您可以在此變更所使用的連結和影像。 您也可以使用較大的磚,設定 [動作文字] 和 [連結] 的呼叫。 在同一個工具列上,您可以為暫留動畫設定焦點,以及放大和縮小影像。
![編輯 SharePoint 中的新式頁面時的 [英雄] 窗格](https://support.content.office.net/zh-tw/media/d44a7660-6e68-4718-af97-7f051afdc35f.png)
如需有關使用 [英雄] 網頁元件的詳細資訊,請參閱 使用 [英雄] 網頁元件。
行動信號
在這個範例中,提供網站有一個區段,其中包含三欄版面配置,且區段中有影像和連結。
在這裡,圖像網頁元件會與文字網頁元件配對,以建立動作的呼叫。
如需有關使用圖像網頁元件的詳細資訊,請參閱 使用影像網頁元件。
使用節
若要建立章節,請按一下頁面右上角的 [ 編輯 ] 以開始編輯。
![頁面頂端列上的 [編輯] 按鈕](https://support.content.office.net/zh-tw/media/a3733b22-16f9-4229-be3a-e5d789a25058.png)
區段前面或後面的 + 符號將使用幾個版面配置中的其中一個來新增區段。
[節] 組成您的頁面,而您是放置一或多個網頁元件。 在編輯頁面時,每個章節都會顯示控制項來編輯版面配置、移動或刪除區段。 如需使用章節的詳細資訊,請參閱新增或移除頁面上的節和欄。
使用網頁元件
按一下節中的加號
,可能會出現在區段中的網頁元件之前或之後,以查看有許多可用的網頁元件類型。 如需所有網頁元件的詳細資訊,請參閱在SharePoint 頁面上使用網頁元件。
網頁元件可以在區段中進行編輯、移動或刪除。 [ 編輯網頁元件 ] 圖示會開啟每個網頁元件類型特有的詳細控制項。
當您的頁面更新準備就緒時,請按一下 [ 發佈 ],讓您的物件能看到它們。
提示: 若要管理網站上的所有頁面,請按一下上方功能表中的 [ 頁面 ]。
如需使用頁面的詳細資訊,請參閱在 SharePoint 網站上建立及使用新式頁面。
使用 [新聞] 網頁元件散佈新聞
新聞網頁元件提供的控制項可讓您選擇 新聞來源 和 版面配置,以及 整理 及 篩選 內容。 在 [ 版面配置] 底下,有五個選項可調整顯示新聞專案的方式。 在這個範例中,新聞報導是使用網站作為來源,而 [ 主要故事 ] 版面配置。 由於網站上只發佈了三個新聞報導,因此這些情景會以並排顯示一大圖像和兩個較小的影像。
在這個範例中,網頁元件位於單欄區段中。
如需有關使用新聞網頁元件的詳細資訊,請參閱在 SharePoint 頁面上使用 [新聞] 網頁元件。
使用文字網頁元件製作語句
統一、專業型式的印刷功能是此網站的一項功能,而文字網頁元件則提供工具,可讓您在此頁面上的多個位置調整所使用之文字的影響。 在這個範例中,文字網頁元件使用 [ 標準] 文字 樣式。 按一下 [格式] 工具列右端的省略號 (...) 提供其他選項。
在以下所示的 [提供網站] 範例中,網頁元件位於單欄區段中。
如需使用文字網頁元件的詳細資訊,請參閱 使用文字網頁元件將文字和表格新增至您的頁面
使用事件網頁元件新增事件行事曆
事件網頁元件可讓您輕鬆地在您的 [提供] 頁面上顯示即將到來的活動。 您可以使用此網頁元件來吸引對產生相關事件的注意,包括從規劃會話到實際事件,以及查看者可以輕鬆地按一下事件,將其新增至其行事曆。
在這個提供網站的範例中,此網頁元件使用電影膠片版面配置。
如需有關使用事件網頁元件的詳細資訊,請參閱 使用事件網頁元件。
想要更多資訊嗎?
取得更多範例,以及新增使用 SharePoint 查閱書籍來提供網站之範例的功能。