引导式演练：为组织创建公益网站

  • 项目

在本文中，我们介绍了一个示例公益网站的元素来激发你的灵感，并帮助你了解如何为自己的组织创建类似的网站。 此示例中，公益网站提供了一个示例，以说明细心的设计和消息传递如何能够能够激发组织的灵感。 此示例页面也部署为人力资源中心网站的一部分。

首先，如果你尚未创建通信网站，请查看本文中的创建网站部分。

创建网站并了解如何编辑页面后，可使用以下步骤来添加显示的元素。

公益网站示例

主页图像 自定义说明
公益网站登陆页面的图像 1. 使网站易于浏览 自定义导航以方便用户发现网站上的重要内容。 了解操作方法

2. 通过图像和信息激发灵感 使用引人注目和启发灵感的图像，将其链接到页面顶部的内容。 了解操作方法

3. 撰写语句 使用多种格式选项创建专业和一致的文本。 了解操作方法

行动号召 让人们可以更容易立刻采取行动。 了解操作方法

4. 传播资讯 分享可增强信息效果的想法和故事。 了解操作方法

5. 在日历上获取事件 添加事件日历，让人们了解相关事件的最新信息。 了解操作方法

创建网站

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

“创建网站”选项的图像

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

通信网站面板的图像

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

返回页首

让你的网站易于浏览

可以快速轻松地自定义 SharePoint 网站的组织和导航，以让访问者轻松地导航网站和查找所需的信息。

SharePoint 导航工具栏图像

  • 添加和编辑主菜单 轻松编辑顶部菜单，以将页面链接到其他 SharePoint 页面或 Internet。

  • 大幅网页菜单作为中心网站的一部分部署时，可创建 强大的大幅网页菜单。

有关处理导航的更多详细信息，请参阅 在 SharePoint 网站上自定义导航。

返回页首

使用图像和信息激发灵感

通过具有较大影响力的主图、公司品牌和重要资讯，让团队了解最重要内容。 公益网站主页的初始影响由一个醒目大型的主图 web 部件图像所营造。 此示例中使用的布局为 四磁贴 式。

主图布局

编辑 web 部件会显示布局选项。 “磁贴”选项（如上所示）显示了 1 到 5 个磁贴的布局。 “图层”选项将每个图像设置为标题旁边带有图像的图层。 可能最多设置五个图层，以便可以使用 web 部件来填充整个页面。

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

使用左侧的 “移动项”“移动项”图标 “移动 Web 部件”按钮可重新排列 Hero Web 部件中的磁贴。

主图 web 部件的图像

自定义每个磁贴

选择磁贴时，将在磁贴底部看到工具栏，可在其中选择“编辑详细信息”，从而可以在此更改使用的链接和图像。 如果磁贴较大，还可设置行动号召文本和链接。 在同一工具栏上，可设置悬停动画的焦点，以及放大和缩小图像。

主图 web 部件自定义面板的图像

有关使用主图 web 部件的详细信息，请参阅 使用主图 web 部件。

返回页首

使用文本 Web 部件制作语句

统一和专业外观的版式是此网站的一个特色，并且文本 web 部件提供了一些工具来优化此页面上几个位置所使用文本的效果。 在此示例中，文本 web 部件正在使用 普通文本 样式。 选择格式设置工具栏右端的省略号 (...) 可提供其他选项。

在如下所示的这个公益网站示例中，web 部件位于一个单栏分区内。

文本 web 部件的图像

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

返回页首

行动号召

在此示例中，公益网站有一个使用三栏布局并带有图像和链接的分区。

行动号召 web 设置的图像

在这里，图像 web 部件与文本 web 部件配对，以创建行动号召。

行动号召 2 设置的图像

有关使用图像 Web 部件的详细信息，请参阅使用 图像 web 部件。

使用分区

要创建分区，请通过单击页面右上角的“编辑”按钮开始编辑。

“编辑”选项的图像

分区之前或后的 + 符号将使用几个布局其中之一来添加分区。

分区布局面板的图像

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

添加分区图标的图像

使用 Web 部件

选择节中 “加号”符号的加号图像 （可能显示在某一部分中的 Web 部件之前或之后），以查看可用的多种类型的 Web 部件。 有关所有 web 部件的详细信息，请参阅 在 SharePoint 页面上使用 web 部件。

添加 Web 部件图标的图像

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

编辑 Web 部件任务栏的图像

页面更新准备就绪后，选择“发布”以使其对受众可见。

“发布”选项的图像

提示

要管理网站上的所有页面，请单击顶部菜单上的 “页面”。 有关使用页面的详细信息，请参阅在 SharePoint 网站上创建和使用新式页面。

返回页首

使用资讯 Web 部件传播消息

新闻 web 部件提供控件以选择“新闻源”和“布局”，以及“整理”和“筛选”内容。 在“布局”下面，有五个选项可以调整新闻项目的显示方式。 在此示例中，新闻故事使用该网站作为源，并且使用了 热门故事 布局。 故事与一张大图像和两张较小的图像并排显示，因为网站上只发布了三个新闻故事。

在此示例中，web 部件位于一个单列分区内。

新闻 web 部件的图像

有关使用新闻 web 部件的详细信息，请参阅 在 SharePoint 页面上的使用新闻 web 部件。

返回页首

使用事件 Web 部件添加事件的日历

通过事件 web 部件，可以轻松在公益页面上显示即将开始的事件。 可使用此 Web 部件促使用户关注从规划会话到实际事件的公益相关事件，并且查看者可以轻松选择事件以将其添加到其日历。

在此公益网站示例中，此 Web 部件使用幻灯片式布局。

事件 web 部件的图像

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

返回页首

要了解更多信息？

通过更多示例以及通过 SharePoint 外观书 添加示例公益网站功能获得灵感。