当前位置：首页> 正文

Dreamweaver CC教程：用资源面板管理当前站点的资源

使用 Dreamweaver 中的“资源”面板管理当前站点中的资源。

您可以使用 Adobe Dreamweaver 跟踪和预览站点中存储的资源，如图像、影片、颜色、脚本和链接。您还可以直接拖动某个资源，将其插入到当前文档的某一页中。
可以通过各种来源获取资源。例如，可以在 Adobe Photoshop 或 Adobe Animate CC 等应用程序中创建资源，接收同事发送的资源，或者从剪贴画 CD 或图片网站中复制资源。
在 Dreamweaver 中还可以访问两种特殊类型的资源，即库和模板。这两种资源都属于链接资源：编辑库项目或模板时，Dreamweaver 会更新所有使用这些资源的文档。库项目通常代表诸如站点徽标或版权信息这类小型的设计资源。若要控制较大的设计区域，请改用模板。
使用“资源”面板（“窗口”>“资源”）管理当前站点中的资源。“资源”面板显示与“文档”窗口中的活动文档相关联的站点的资源。
注意:
必须首先定义一个本地站点，然后才能在“资源”面板中查看资源。

“实时”视图中的“资源”面板

设计和代码视图中的“资源”面板

“资源”面板提供了查看资源的不同方式：
站点列表
显示您的站点的所有资源，包括在该站点的任何文档中使用的颜色和 URL。
收藏列表
仅显示您明确选择的资源。
若要在这两个视图之间切换，请选择预览区域上方的“站点”或“收藏”单选按钮。（这两个视图不用于“模板”和“库”类别。）
注意:
大部分“资源”面板操作在这两个列表中的工作方式相同。不过，有几个任务只能在“收藏”列表中执行。
在这两个列表中，资源属于下列类别之一：
图像
GIF、JPEG 或 PNG 格式的图像文件。
颜色
文档和样式表中使用的颜色，包括文本颜色、背景颜色和链接颜色。
URL
当前站点文档中使用的外部链接，包括 FTP、gopher、HTTP、HTTPS、JavaScript、电子邮件 (mailto) 以及本地文件 (file://) 链接。
媒体
媒体文件（如 Adobe Flash（仅限 SWF）文件、Adobe Shockwave 文件、QuickTime 或 MPEG 文件）。
脚本
JavaScript 或 VBScript 文件。HTML 文件（而不是独立的 JavaScript 或 VBScript 文件）中的脚本不出现在“资源”面板中。该类别仅可用于代码和设计视图。
模板
多个页面上使用的主页面布局。修改模板时会自动修改附加到该模板的所有页面。该类别仅可用于代码和设计视图。
库项目
在多个页面中使用的设计元素；当修改一个库项目时，会更新所有包含该项目的页面。该类别仅可用于代码和设计视图。
注意:
若要使某个文件在“资源”面板上出现，该文件必须属于上述类别中的某个类别。某些其他类型的文件有时也称为资源，但这些文件不会在面板中显示出来。
默认情况下，类别中的资源按名称的字母顺序列出，不过，也可以按类型和其他几个条件对其进行排序。您还可以预览资源，以及调整列和预览区域的大小。
“类型”列中的 Creative Cloud 图标指示从 Creative Cloud 库中导入相应资源。您可以双击 Creative Cloud 图标以对相应资源进行重新取样。有关重复使用 CC Libraries 中资源的详细信息，请参阅 Dreamweaver 中的 Creative Cloud Libraries。
在预览区域中查看资源
在“资源”面板中选择资源。
显示类别中的资源
单击“资源”面板左侧的类别图标。
对资源排序
单击某个列标题。
例如，如果要按类型对图像列表进行排序（以便使所有的 GIF 图像显示在一起，所有的 JPEG 图像显示在一起等等），请单击“类型”列标题。
调整列的大小
拖动两个列标题之间的分隔线。
调整预览区域的大小
向上或向下拖动预览区域和资源列表之间的拆分条。
刷新资源面板
创建“站点”列表将需要几秒钟的时间，因为 Dreamweaver 必须首先读取站点缓存。
某些更改不会立即出现在“资源”面板中。例如，如果在站点中添加或删除了资源，则在单击“刷新站点列表”按钮刷新“站点”列表后，所做的更改才会出现在“资源”面板中。如果是在 Dreamweaver 外部添加或删除资源（例如，使用 Windows 资源管理器或 Finder），则必须重新生成站点缓存才能更新“资源”面板。
当删除站点中特定颜色或 URL 的唯一实例时，或者当保存一个包含尚未在站点中使用的颜色或 URL 的新文件时，所做的更改在刷新“站点”列表之后才会出现在“资源”面板中。