关于相关文件

相关文件功能让用户可以访问与其正在处理的文件关联的辅助性相关文件。相关文件可以是 CSS、脚本、服务器端包含文件 (SSI) 或 XML 文件。

例如,如果某个 CSS 文件与主文件关联,则此功能有助于查看和编辑此 CSS 文件。用户还可以在编辑相关文件的同时查看主文件。

当从本地站点路径打开某个文档且该文档将不从测试服务器加载时,资源不在本地计算机上的协议相对 URL(以 // 开头)和文件协议 URL(以 file:// 或 file:/// 开头)现在将通过 http 进行解析。

  1. 如果资源在 http 上不可用,则 Dreamweaver 将尝试从 https 加载相关文件。
  2. 如果资源在 https 上也不可用,则 Dreamweaver 无法加载相关文件或资源。此外,如果放置资源的网络服务器需要身份验证,则将显示一个登录对话框。

相关文件的工作原理

相关文件通过协助用户执行以下任务来增强用户的编辑体验:

  • 用户可以在查看主文件的同时查看和访问相关文件。查看包含相关文件(例如,CSS 文件)的页面时,您可以看到以下内容:

    • 一侧是页面设计

    • 另一侧是相关文件

  • 相关文件栏包含影响父 HTML 的生成的文档。用户可以查看源 HTML、生成的 HTML 和第一级子文档。

  • 选择相关文件栏中显示的任何相关文件将使用户能够执行以下任务:

    • 在代码视图中查看和编辑相关文件

    • 在设计视图中查看父页面

  • 如果在设计视图中选择内容并在相关文件中进行更改,则当用户刷新设计视图时,将不会取消选择。

  • 如果更改相关文件代码,则更改将会反映在设计视图中。

如果找不到文件,则会在空窗口框顶部的栏中显示未找到文件消息。

相关文件术语

以下术语通常会与相关文件一起使用:

术语

说明

示例

顶级文档

用户打开的任何文档

父文档

设计视图中呈现的任何顶级文档。

  • HTML — 包括 .lbi、.dwt

  • CFML

  • PHP

第一级子文档

父文档下面一级的任何文档。这些文档会影响 HTML 代码的生成(CSS 除外)。CSS 文件可以包含其他 CSS 文件,但它们共同决定了应用于页面的最终样式。

  • 由 <SCRIPT src="file.js"> 指定的脚本文件

  • 服务器端包含文件

  • 外部 CSS

  • Spry XML 和 HTML 数据集

  • 库项目

  • <iframe> - 远程源

  • 对象标签

更深级别的子文档

父文档下面二级以上的任何文档。这些文档会影响 HTML 代码的生成。

  • PHP 内的 PHP

  • DTD

  • 模板

非相关文件

不会影响 HTML 代码的生成的任何文档或用户不会主动编辑的任何文件。

  • 图像文件

  • 媒体文件

  • 由 <a> 标签表示的外部链接文件

支持以下相关文件:

类型

说明

嵌套级别

客户端脚本

所有语言

1(无法使用嵌套脚本)

服务器端包含文件

满足以下所有可扩展条件时:

  • 定义的服务器模型

  • 定义的 SSI 语句(模式)

  • 定义的 DW doctype

例外:HTML 文档中的 Apache 样式包含文件语句 (<!--#include ... -->) 可被识别。

1

Spry 数据集

1(无法使用嵌套脚本)

CSS

  • 适用于所有媒体类型的所有外部 CSS

  • DTSS

无限

相关文件 API

您可以自定义相关文件菜单以显示以下内容:

  • 相关文件的文件名

  • 源 HTML 和生成的源代码

dreamweaver.openRelatedFile() 功能在代码视图中显示相关文件,dreamweaver.getActiveRelatedFilePath() 功能显示当前打开的相关文件的路径。有关使用这些 API 的更多信息,请参阅 Dreamweaver API 参考中的“相关文件功能”。

Adobe 徽标

登录到您的帐户