25、高效管理与发布网站：实用技巧与操作指南-优快云博客

本文链接：https://blog.youkuaiyun.com/ruby5/article/details/153303259

高效管理与发布网站：实用技巧与操作指南

在网站开发与管理过程中，掌握一些实用的技巧和方法能够显著提高工作效率。下面将为大家详细介绍网站管理、发布、使用子站点、导入导出 Web 包以及使用 SEO 报告等方面的内容。

1. 管理站点

在管理站点时，添加新站点的操作十分简单。在“添加站点”对话框中点击“添加”，对话框关闭后，新添加的站点就会显示在“管理站点列表”中。接着在“管理站点列表”对话框中点击“完成”即可。需要注意的是，开发者可以在列表中添加任意数量的站点，并且这些站点既可以基于磁盘，也可以基于服务器。站点数量较多时，为它们设置直观且有意义的名称就显得尤为重要。

2. 选择性发布

从发布速度的角度考虑，有时我们可能不想依赖 Expression Web 自动判断哪些页面发生了变化。例如，当我们只修改了站点中的一个文件，并且只想将该文件发布到服务器时，就无需进行全面的发布操作。Expression Web 提供了发布特定文件的简便方法，同时也能确保某些文件永远不会被发布。

以下是使用文件系统发布来选择性发布文件的具体步骤：
1. 打开之前操作过的 SampleSite 和 Chapter10.html 文件。
2. 从“站点”菜单中选择“发布设置”，在“发布目标”列表下方点击“添加”，打开“连接设置”对话框。
3. 在“名称”字段中输入“SelectivePublish”，从“连接类型”下拉列表中选择“文件系统”。
4. 点击“位置”字段旁边的“浏览”按钮，在“新站点位置”对话框中导航到“Documents\Microsoft Press\Expression Web 4 SBS”文件夹，点击“新建文件夹”按钮并将文件夹命名为“SelectivePublish”。
5. 点击“选择”，确认“连接设置”对话框配置无误后，点击“添加”，然后在“站点设置”对话框中点击“确定”。
6. 从“站点”菜单中选择“发布”，在“发布”视图顶部的“连接到”下拉列表中选择“SelectivePublish”，此时 Expression Web 会切换到“发布”视图，并在“远程”窗格中打开新的文件夹位置。
7. 在“文件夹列表”面板中展开站点的“images”文件夹，右键单击“Document_files”文件夹，在上下文菜单中点击“排除发布”，再展开“Document_files”文件夹，会发现该文件夹及其内部的所有图像都被标记了“排除发布”图标。此选项不仅适用于整个文件夹，也适用于单个文件。
8. 在“发布”视图的“本地”窗格中，右键单击“Chapter10.html”文件，在上下文菜单中选择“排除发布”，该文件会被标记“排除发布”图标。
9. 从“站点”菜单中选择“发布所有文件”，Expression Web 会打开“发布状态”面板并开始发布操作。
10. 发布完成后，关闭“发布状态”面板，比较“发布”视图的“本地”和“远程”窗格，会发现“远程”窗格的“images”文件夹中没有“Document_files”文件夹，且“远程”站点的根目录中没有“Chapter10.html”文件。
11. 在“本地”窗格中右键单击“Chapter10.html”文件，在上下文菜单中点击“排除发布”，移除该文件的“排除发布”图标。
12. 从“站点”菜单中选择“发布更改的文件”，“发布状态”面板会打开并完成发布过程。
13. 在“发布状态”面板底部点击“已完成”选项卡，会发现只有“Chapter10.html”文件出现在该选项卡中。
14. 关闭“发布状态”面板，点击工作区顶部的“Chapter10.html”选项卡。
15. 将“设计”窗格滚动到“选择性发布”标题处，在标题末尾添加一个感叹号进行小修改。
16. 点击常用工具栏上的“保存”按钮，然后右键单击工作区顶部的“Chapter10.html”选项卡，在上下文菜单中选择“将当前文件发布到‘SelectivePublish’”，“发布状态”面板会打开并将“Chapter10.html”文件发布到目标站点。
17. 在“文件夹列表”面板中展开站点的“images”文件夹，右键单击其中的“Document_files”文件夹，在上下文菜单中点击“排除发布”，移除该文件夹及其内部所有文件的“排除发布”图标。
18. 右键单击“Document_files”文件夹，在上下文菜单中点击“发布选定的文件”，“发布状态”面板会打开，将该文件夹中的所有文件发布到目标站点。
19. 点击“发布状态”面板上的“已完成”选项卡，查看哪些文件已发布。
20. 关闭“发布状态”面板。

选择性发布的操作流程可以用以下 mermaid 流程图表示：

graph LR
    A[打开站点和文件] --> B[设置发布目标]
    B --> C[排除特定文件和文件夹]
    C --> D[发布所有文件]
    D --> E[比较本地和远程窗格]
    E --> F[移除排除标记并发布更改文件]
    F --> G[修改文件并单独发布]
    G --> H[移除文件夹排除标记并发布]
    H --> I[查看发布结果并关闭面板]

3. 使用子站点

子站点是站点管理中的一个重要概念。Expression Web 将子站点视为完全独立的站点，无论其所在的文件夹或站点是什么。使用子站点有以下几个重要原因：
- 某些文件夹中的文件更新频率较低，将其作为子站点可以避免在发布时进行长时间的文件比较。
- 当站点包含敏感文件（如电子商务站点配置或数据库文件）时，可以通过安全套接层（SSL/HTTPS）发布子站点。
- 在开发替代站点时，可以在服务器位置创建子站点并直接发布新设计，方便向特定人员展示而不被公众发现。

将文件夹转换为子站点以及将子站点转换回文件夹的操作步骤如下：
1. 打开之前操作过的 SampleSite 和 Chapter10.html 文件，点击工作区顶部的“站点视图”选项卡，如果“站点视图”打开到“发布”界面，点击工作区底部的“文件夹”选项卡。
2. 在“文件夹列表”窗格中点击“templates”文件夹，在工作区中显示其内容。该文件夹包含之前使用过的页面模板，通常无需发布到服务器或目标站点。
3. 在“文件夹列表”中右键单击“templates”文件夹，在上下文菜单中点击“转换为子站点”。
4. 会弹出警告框提示 Expression Web 将该文件夹视为完全独立的站点，点击“是”。此时该文件夹会转换为子站点，图标会发生变化，选择该子站点时，工作区会显示无法显示子站点内容的提示。
5. 在“文件夹列表”中双击“templates”子站点，在新的 Expression Web 实例中打开它。打开子站点后，我们可以像操作其他站点一样对其进行操作，并且可以独立于父站点进行发布。发布子站点有两种方法：一是直接在 Expression Web 中打开子站点并像发布其他站点一样进行发布；二是在发布父站点时，在“站点设置”的“发布”选项卡中选中“包含子站点”复选框。需要注意的是，直接打开子站点进行发布时，要将子站点名称追加到父站点的发布位置。例如，将父站点发布到“http://example.com”，若只想发布名为“new_site”的子站点，发布位置应设置为“http://example.com/new_site”。首次发布子站点时，若提示该位置不存在站点，点击“是”创建站点。
6. 关闭包含“templates”子站点的 Expression Web 窗口，切换到包含原始 SampleSite 的窗口。
7. 在“文件夹列表”中右键单击“templates”子站点，点击“转换为文件夹”。
8. 在警告对话框中点击“是”，子站点会变回普通文件夹，其内容会显示在工作区中。

通过上述操作，我们可以灵活地使用子站点进行文件隔离和提高发布效率。但需要注意的是，由于 Expression Web 将子站点视为完全独立的站点，因此不能跨子站点边界使用动态 Web 模板等资源。

4. 导入和导出 Web 包

在网站设计过程中，我们可能会积累一些常用的文件和脚本，如购物车或数据库应用程序。使用 Web 包，我们可以将这些脚本或其他资产从站点中导出，并保存为单个 FWP 文件，方便在本地保存或通过各种方式分发。

以下是导出和导入 Web 包的具体步骤：
1. 打开之前操作过的 SampleSite 站点的 Chapter10.html 页面。
2. 从“站点”菜单中点击“导出到 Web 包”，打开“导出 Web 包”对话框。
3. 在“站点中的文件”窗格中，展开“\files”文件夹，点击“validateMyForm”，然后点击“添加”。当 Expression Web 询问是否要将文件夹内容包含在 Web 包中时，点击“是”。此时，“validateMyForm”文件夹及其包含的“files”文件夹会被复制到“包中的文件”列表中。
4. 在“包中的文件”列表中，展开“files”文件夹，验证“\validateMyForm”文件夹的内容。
5. 点击“属性”，打开“Web 包属性”对话框。将名称从“My Web Package”更改为“Media Files”，可根据需要添加描述、作者和公司名称。在对话框底部可以看到外部依赖项列表，这些是对当前站点外部文件的引用。
6. 点击“确定”关闭“Web 包属性”对话框。
7. 在“导出 Web 包”对话框中点击“确定”，打开“文件保存”对话框。在该对话框中浏览到想要保存导出 Web 包的位置，然后点击“保存”，在“Web 包已保存”提示框中点击“确定”。
8. 从“站点”菜单中指向“导入”，然后点击“从 Web 包导入”，打开“文件打开”对话框。浏览到“Documents\Microsoft Press\Expression Web 4 SBS\Files”文件夹，点击“CH10.fwp”文件，然后点击“打开”，打开“导入 Web 包”对话框。在该对话框中可以选择或取消选择文件和文件夹，并查看 Web 包的属性。
9. 点击“导入”，将文件夹及其包含的文件导入到站点的根目录。
10. 在打开的安全警告对话框中点击“运行”，继续导入过程。
11. 在“部署完成”消息框中点击“确定”，完成导入过程。此时，站点中会存在一个名为“\RedTemplate”的文件夹，展开“文件夹列表”面板中的该文件可验证其内容。

Web 包的导入导出操作流程可以用以下 mermaid 流程图表示：

graph LR
    A[打开站点和文件] --> B[导出 Web 包设置]
    B --> C[选择文件并添加到包]
    C --> D[设置包属性]
    D --> E[保存 Web 包]
    E --> F[导入 Web 包]
    F --> G[选择文件并导入]
    G --> H[确认安全警告]
    H --> I[完成导入]

Web 包的使用不仅能让某些功能、图形和其他资产具有可移植性，还能帮助我们在导出过程中筛选文件，只保留需要的文件。

5. 使用 SEO 报告

SEO 报告是一个强大的工具，它能让设计师和开发者从搜索引擎优化的角度对站点和页面进行“预检”，以获得尽可能高的搜索引擎结果页面排名（SERP）。

以下是使用 SEO 报告分析示例站点并根据建议进行更改的步骤：
1. 打开之前操作过的 SampleSite 站点的 Chapter10.html 页面，从“工具”菜单中选择“SEO 报告”，打开“SEO 检查器”对话框。该对话框的“检查位置”选项包括“所有页面”、“打开的页面”、“选定的页面”和“当前页面”。
2. 在“检查位置”组中选择“当前页面”，在“显示”组中接受默认选择，显示“错误”和“警告”。注意对话框中的“了解更多关于 SEO”链接，点击该链接可打开 Expression Web 4 用户指南，其中包含关于 SEO 的详细信息。
3. 点击“检查”，“SEO 检查器”会分析“Chapter10.html”页面，在工作区下方会出现“搜索引擎优化”页面。注意“搜索引擎优化”面板上的列标题，当对多个页面或整个网站运行报告时，对结果进行排序的功能非常有用。
4. 双击列表中的第一个错误，“设计”和“代码”窗格会聚焦到 Expression Web 认为有错误的代码行。需要注意的是，所选行可能是站点动态 Web 模板的一部分，因此在使用 SEO 报告以及其他基于有效性或可访问性的报告时，应先对站点模板（无论是动态 Web 模板还是母版页）运行报告。
5. 将光标悬停在错误行上，会出现工具提示，显示 Expression Web 认为的错误信息。
6. 由于我们不想更改站点导航中的文本，因此可以忽略这两个错误。这两个错误的原因是链接内的文本描述不够充分，对搜索引擎没有太大帮助。
7. 从“工具”菜单中再次点击“SEO 报告”，在“SEO 检查器”对话框中选择“所有页面”，接受默认设置（显示“错误”和“警告”），然后点击“检查”。整个站点会被分析，“搜索引擎优化”面板会在工作区下方打开。花几分钟时间检查“搜索引擎优化”面板中的结果，报告分析的深度和细节令人印象深刻。将光标悬停在列表中的单个条目上，可查看 Expression Web 发现的问题。

虽然报告很详细，但并非每个建议都需要处理。例如，“jquery - ulslide”文件夹中的一些文件是包含 JavaScript 和其他资产的文件夹，用户不会直接浏览该文件夹，搜索引擎也不会对其进行索引，这类问题可以安全地忽略。

SEO 报告的使用步骤可以用以下表格总结：
| 步骤 | 操作 |
| — | — |
| 1 | 打开 SEO 检查器对话框 |
| 2 | 选择检查位置和显示选项 |
| 3 | 点击检查分析页面或站点 |
| 4 | 处理报告中的错误和警告 |
| 5 | 根据实际情况忽略不必要的建议 |

通过以上介绍的站点管理、选择性发布、子站点使用、Web 包导入导出以及 SEO 报告使用等方法，我们可以更高效地进行网站开发和管理，提升网站的质量和搜索引擎排名。