引导式演练:为组织创建培训网站

在本文中,我们将向你展示示例培训网站的元素,以激励你,并帮助你了解如何为自己的组织创建类似的网站。 此示例网站提供有关特定事件的信息,并指导用户进行学习和注册。 它依赖于视觉效果来吸引和激励访客。

首先,如果你尚未创建通信网站,请查看本文 创建网站 部分。 如果你需要了解如何在网站中编辑和发布页面,请查看本文 编辑、处理节和 web 部件以及发布 部分。

创建网站并了解如何编辑页面后,可以使用以下指南添加显示的元素。

示例培训网站

主页图像 自定义说明
培训网站登陆页的图像 1. 徽标和网站分类 自定义徽标并对其网站进行分类。 了解操作方法

2. 创建影响 使用 hero Web 部件直观地传达你的值。 了解操作方法

3. 指导用户执行关键操作 ,引导访问者注册或发现更多信息。 了解操作方法

4. 描述事件 使用文本来描述事件的“内容”和“原因”。 了解操作方法

5. 使用包含链接的图像 可提高可见性和指向详细议程页的链接。 了解操作方法

6. 突出显示详细信息 图像可以定义重要信息的区域。 了解操作方法

7. 显示事件日期 提供事件日历,以便用户可以计划其计划。 了解操作方法

8. 添加地图 使用地图来帮助用户到达所需的位置。 了解操作方法

9. 提供页面注册 添加表单以方便注册。 了解操作方法

创建网站

要创建类似此处所示的网站,将需要创建一个 通信网站。 要完成此操作,请从 SharePoint 起始页选择“创建网站”(或者,如果要将该网站与中心网站相关联,请导航到中心网站并选择“创建网站”,以便通信网站与中心网站自动关联)。

“创建网站”选项的图像

接下来,选择“通信网站”,然后选择“主题”布局。 填写网站名称、说明和其他信息,然后选择“完成”。 然后,你将获得一个与本文示例相同类型布局的模板。

通信站点仪表板的图像

有关详细信息,请参阅 在 SharePoint Online 中创建网站

返回页首

徽标和网站分类

在此示例中,标头区域不包含任何导航,因为它旨在成为“独立”页面。 但是,标头区域确实包含自定义徽标,并显示一个标签,指示网站被归类为“仅内部”。 网站分类使用内部、机密、高业务影响、低业务影响等值。 这些值可能与信息的敏感度或信息的生命周期有关。

网站徽标的图像

若要了解如何更改徽标并对网站进行分类,请参阅 “管理 SharePoint 网站设置”。

返回页首

管理分区和 web 部件

点击页面右上角的“编辑”按钮开始编辑。

“编辑”选项的图像

编辑时,在左侧的标题下方既可以保存草稿供以后使用,也可以丢弃草稿。

分区工具栏的图像

分区前后的 + 符号可添加新分区,该分区使用其中一个布局。

分区布局选项的图像

分区是页面的组成,也是放置一个或多个 web 部件的地点。 编辑页面时,每个分区将显示用于编辑布局、移动或删除分区的控件。 有关使用分区的信息,请参阅 添加或删除分区和页面上的列

“添加”部分选项的图像

选择分区中加号图标的加 号图像,该图标 可能出现在某个节的 Web 部件之前或之后,以查看可用的许多类型的 Web 部件。 有关所有 web 部件的详细信息,请参阅 在 SharePoint 页面上使用 web 部件

“添加”部分图标的图像

可以在分区内编辑、移动或删除 web 部件。 编辑 web 部件 图标可打开每种 web 部件类型所特有的详细控件。

编辑工具栏的图像

页面更新准备就绪后,选择 “发布 ”以使其对整个组织可见。

“发布”图标的图像

提示

要管理网站上的所有页面,请单击顶部菜单上的 “页面”。

有关使用页面的详细信息,请参阅“在 SharePoint 网站上创建和使用现代页面”。

返回页首

使用 Hero Web 部件创建影响

让访问者了解使用 Hero Web 部件的研讨会的焦点。 此示例中使用的布局为 双磁贴 式。

Hero 布局:磁贴或图层

编辑 web 部件会显示布局选项。 “ 磁贴” 选项提供一到五个磁贴的布局。 “图层”选项将每个图像设置为标题旁边带有图像的图层。 最多可以有五个层允许一个 Web 部件创建整个页面。

可以编辑每个磁贴

使用左侧的“移动项目”控件,重新排列主图 web 部件中的磁贴。 右侧的控件允许你 编辑调整 所使用的文本和图像的详细信息,为悬停动画 设置焦点 ,以及 放大缩小 图像。

在此示例中,主图 web 部件位于全宽分区内。

主图 web 部件的图像

有关使用 Hero Web 部件的更多详细信息,请参阅“使用 Hero Web”部件

返回页首

显示事件日期

事件 Web 部件会自动显示事件信息。 显示的事件由 事件列表类别日期范围 的筛选器控制。 可在 “电影” 视图或 “压缩 ”视图中使用详细摘要显示事件。

在此 Workshop 网站示例中,此 Web 部件使用 Filmstrip 布局。

事件 Web 部件的图像

有关使用事件 Web 部件的详细信息,请参阅 使用事件 Web 部件

返回页首

使用文本 Web 部件描述事件

领导力删除引号和每月 Q&A 说明使用文本 Web 部件。 此 Web 部件允许创建格式化文本的固定部分的基本文本格式。

编辑文本时,此 Web 部件将提供基本的格式设置工具来设置样式并添加 加粗斜体 等增强功能。 单击...格式设置工具栏右端的控件提供 Web 部件右侧的其他选项。

在上面所示的“研讨会”网站示例中,Web 部件位于一列部分。

文本 web 部件的图像

有关使用文本 web 部件的详细信息,请参阅 使用文本 web 部件向页面添加文本和表

返回页首

快速链接 Web 部件提供了多种易于使用的菜单格式,用于列出指向其他页面或网站的链接。

在此网站示例中,Web 部件使用 按钮 布局快速轻松地进行引用。

“快速链接” web 部件的图像

有关使用“快速链接” web 部件的详细信息,请参阅“使用快速链接 web 部件”。

返回顶部

图像 Web 部件在页面上放置固定图像。 图像可以是照片、图表,甚至可用于对文本造成影响。 字幕和替换文字使图像保持可访问性。

“图像”web 部件的图像

有关使用“图像”web 部件的详细信息,请参阅 使用“图像”web 部件

返回顶部

使用必应地图 Web 部件添加地图

必应地图 Web 部件提供简单的视觉地图参考和快速链接,使访问者能够规划他们到研讨会的路线。

必应地图 Web 部件的图像

有关使用必应地图 Web 部件的更多详细信息,请参阅 “使用必应地图”Web 部件

返回页首

添加用于注册的表单

如果使用 Microsoft Forms 创建了用于注册的表单,则可以使用 Microsoft Forms Web 部件将该表单直接放置在页面上。 这是与会者填写其信息的一种简单方法,也是您收集信息的简单方法。

Microsoft 窗体 Web 部件的图像

有关使用 Microsoft Forms Web 部件的更多详细信息,请参阅 使用 Microsoft Forms Web 部件

返回页首

要了解更多信息?

通过 SharePoint Look Book 中的更多示例获得灵感。