当您在 Microsoft Windows SharePoint Services 中创建网站时，您会得到一个设计好的、美观实用的网站。而且，如果您是“网站设计者”或“管理员”网站用户组的成员，还可以自定义您的网站，不必使用其他应用程序或进行任何编程即可更改网站外观并添加功能。

本教程及其配套教程 在 Web 浏览器中自定义 SharePoint 网站（第 2 部分），将教您如何通过使用在 Web 浏览器中所用的 Windows Sharepoint Services 内置功能来自定义网站。通过学习这些教程，您将了解如何通过应用新主题来修改网站的外观，还将学习如何使用 Web 部件（SharePoint 网站中网页的基本组成部分）来自定义主页。在此第一个教程中练习完如何使用 Web 部件后，您将在第二个教程中继续完成更复杂的任务，构建显示数据的新“Web 部件页”。

假设您正在为您公司 Contoso, Ltd 的工作组建立网站。您希望更改网站的主页，以反映您工作组需要优先考虑的事情。默认布局不太适合您的工作组，因此您决定重新排列网页上的项目，删除一些项目并添加其他项目。此外，您决定将主页上的图形替换为代表您公司的图形。

目标

在学完此两部分教程的第一部分后，您将知道如何：

• 更改网站的主题。
• 在网页上移动列表和其他 Web 部件。
• 给网页添加 Web 部件。
• 更改主页上的图像。

开始之前

虽然使用当前的 SharePoint 网站可以执行这些教程中的练习，但是我们建议您首先创建一个用于这些练习的练习工作组网站。如果您没有运行 Windows SharePoint Services 的服务器，但可以访问 Internet，则可以 注册宿主 Windows SharePoint Services 试用版（英文）。

创建练习网站

 注释   如果您是“管理员”网站用户组的成员，则可以在当前网站下创建子网站。如果您不是“管理员”网站用户组的成员，请让网站管理员为您创建子网站。确保您是新子网站中“网站设计者”或“管理员”网站用户组的成员。

1. 在顶部链接栏上，单击“创建”。
2. 在“网页”部分中，单击“网站和工作区”。
3. 在“标题和说明”部分中，键入新网站的名称（如“练习网站”）和说明。
4. 在“网站地址”部分，填写 Web 地址 (URL)，您要键入该地址才能转到新网站。

    注释   系统已为您提供了该地址的第一部分。

5. 在“权限”部分中，单击“使用与父网站相同的权限”。
6. 单击“创建”。
7. 在“模板选择”页的“模板”列表中，单击“工作组网站”，然后单击“确定”。

完成这些教程所需的示例数据包括两个 Microsoft Excel 电子表格和一个图像。接下来，您将下载这些文件。

下载配套文件

1. 转到 Microsoft 下载中心上的 Windows SharePoint Services：网站自定义教程（英文） 。
2. 单击“下载”，然后按照说明将文件下载到您的计算机。

您已经建立了网站并下载了所需的文件，现在可以开始自定义网站了！

自定义网站的主题

主题是影响 SharePoint 网站的字体和配色方案的统一设计元素集。通过更改网站的主题，可以轻松地自定义网站以适合您工作组的个性。

1. 在顶部链接栏上，单击“网站设置”。
2. 在“网站设置”页上的“自定义”部分中，单击“将主题应用于网站”。
3. 在“将主题应用于网站”页上，选择“日记”主题。

   将出现此主题的预览。

   
4. 单击“应用”。
5. 通过单击顶部链接栏中的“主页”，返回到网站的主页。

自定义主页

SharePoint 网站的主页是网站的“前门”，它可以突出显示您希望所有网站用户看到的重要网站信息。主页是一个 Web 部件页，它由 Web 部件区域（网页上的容器，用于进行布局以及分组和组织 Web 部件）组成。Web 部件是页的基本组成部分，用于显示数据（例如，SharePoint 列表）以及提供处理数据和配置 Web 部件的命令。通过使用 Web 部件，可以自定义主页以满足工作组的信息需求。

工作组网站的默认主页包含 Web 部件（显示“通知”、“事件”和“链接”列表的内容）和用于网站图像的空白。对于您的工作组网站，您希望自由移动 Web 部件，以便为显示工作组主文档库的 Web 部件腾出空间。

在教程的本部分中，您将学习使用 Web 部件自定义 SharePoint 网站的一些基本方法。在本教程的第二部分 在 Web 浏览器中自定义 SharePoint 网站（第 2 部分）中，您将在此知识的基础上创建一个新的 Web 部件页，它接收您导入的示例列表数据并构建有用的交互式网页。

移动“事件 Web 部件”

1. 单击“修改共享网页”，然后单击“设计此网页”。

   主页的视图将发生变换，以便您可以查看页的设计。请注意，页包含标记为“左”和“右”的两个 Web 部件区域。

2. 在“事件”Web 部件上，单击“Web 部件菜单”按钮 ，然后单击“修改共享 Web 部件”。

   即会打开“事件 Web 部件”工具窗格。使用 Web 部件工具窗格（它可用于所有 Web 部件）可以配置 Web 部件的唯一属性并选择控制 Web 部件的布局和外观的常规设置。在本练习中，您将把“事件 Web 部件”从“左”Web 部件区域移动到“右”Web 部件区域的底部。

   
3. 在“事件 Web 部件”工具窗格中，找到“布局”旁边的加号，然后单击它以展开“布局”部分。
4. 在“区域”列表中，单击“右”。

   这指定“事件 Web 部件”应该显示在页的“右”Web 部件区域中。

5. 在“部件顺序”框中，键入“3”，以指示此 Web 部件在其 Web 部件区域中应该第三个（从上面数）出现。
6. 单击“确定”以应用对事件 Web 部件所做的更改并关闭“事件 Web 部件”工具窗格。

当处于页的设计视图中时，您还可以通过将 Web 部件拖动到新位置来进行移动。

移动“链接 Web 部件”

1. 在主页上，单击“链接 Web 部件”的标题栏。
2. 将 Web 部件从“右”Web 部件区域的中间位置拖动到“左”Web 部件区域的顶部。

“事件 Web 部件”和“链接 Web 部件”是“列表视图 Web 部件”。SharePoint 网站中的每个内置列表和库（包括“共享文档”文档库）以及您创建的每个新列表或库都具有显示列表数据的对应“列表视图 Web 部件”。工作组中的每个人都可以快速访问工作组的文档，是很重要的，因此您希望将“共享文档 Web 部件”添加到主页。

添加“共享文档 Web 部件”

1. 在“修改共享网页”菜单上，指向“添加 Web 部件”，然后单击“浏览”。

   即会打开“添加 Web 部件”工具窗格。此工具窗格包含可供您使用的所有 Web 部件库。Web 部件库是一个 Web 部件中心仓库，您在设计 Web 部件页时，可从中查找特定的 Web 部件。在本练习中，您将插入来自网站 Web 部件库的列表。这通常是您工作组的最主要的 Web 部件库。默认情况下，其名称是网站集中顶级网站的名称。例如，如果网站集中的顶级网站是“我的工作组网站”，则可供您使用的网站集 Web 部件库将被命名为“我的工作组网站 Web 部件库”。

   
2. 单击您网站 Web 部件库的名称，然后在“Web 部件列表”中，查找“共享文档 Web 部件”。

   如果没有看到“共享文档 Web 部件”，请一直单击“下一个”，直到它出现为止。

3. 单击“共享文档”，然后将此 Web 部件拖动到“左”Web 部件区域的底部。
4. 单击“添加 Web 部件”工具窗格顶部的“关闭”按钮，以关闭工具窗格。
5. 要查看目前为止您所做的更改，请在“修改共享网页”菜单上，单击“设计此网页”以退出页的设计视图。

更改主页上的徽标

您希望将主页上显示的默认图像（Windows SharePoint Services 徽标）替换为与 Contoso 公司的标识有关的图像。第一步是将新图像导入到您的网站。

导入图像

1. 在主页的“共享文档”列表 Web 部件中，单击“添加新文档”。
2. 单击“浏览”并找到已下载到计算机的 Contoso.gif 文件，然后单击“打开”。
3. 单击“保存并关闭”。

将图像添加到主页

1. 在网站的主页上，单击“修改共享网页”，指向“修改共享 Web 部件”，然后单击“网站图像”。

   即会打开“网站图像”工具窗格。您可以使用此工具窗格自定义网站图像 Web 部件。

2. 在“图像链接”字段中，键入已导入的 Contoso.gif 文件的完整 Web 地址，例如，http://MyServer/MySite/Tutorial/Shared Documents/Contoso.gif。
3. 单击“确定”。

    注释   如果没有显示新徽标，请尝试重复此部分中的步骤，但要将 Web 地址中的每个空格替换为“%20”，例如，http://MyServer/MySite/Tutorial/Shared%20Documents/Contoso.gif。

建议的后续步骤

祝贺您学完了“在 Web 浏览器中自定义 SharePoint 网站（第 1 部分）”！您已经学习了自定义主页的基础知识，下面是对您可以尝试的其他任务的一些建议：

• 学习自定义网站的更多知识  完成本教程的第二部分 在 Web 浏览器中自定义 SharePoint 网站（第 2 部分）。
• 学习如何使用 SharePoint 列表  完成教程 使用 SharePoint 列表（第 1 部分） 和 使用 SharePoint 列表（第 2 部分）。
• 学习如何管理 SharePoint 网站  完成教程 管理基于 Windows SharePoint Services 网站。
• 学习如何管理网站上的用户  完成教程 为基于 Windows SharePoint Services 的网站管理用户和指定权限。

如果您不想完成本教程的第二部分，则可以删除练习网站，以免浪费服务器资源。

删除网站

1. 在网站的顶部链接栏上，单击“网站设置”。
2. 在“网站设置”页上，单击“转到网站管理”。
3. 在“网站管理”页的“管理和统计”部分中，单击“删除此网站”。
4. 在确认页上，单击“删除”。

 注释   文中提及的示例公司、组织、产品、域名、电子邮件地址、徽标、人员、地点和事件均属虚构。无意联系任何真实的公司、组织、产品、域名、电子邮件地址、徽标、人员、地点或事件，且不应作出有此类联系的推断。