您可以直接将 PSD 复合中的任何图层从“Extract”面板拖放到网页“实时”视图中的精确位置。
“实时”视图中的可视化助理(如实时参考线和 DOM 图标)可帮助拖动和放置元素。如果在放置元素之前暂停一段时间,将会出现 DOM 图标 (</>)。当您将鼠标悬停在 </> 图标上时会显示 DOM 结构,您可以将该元素放置在 DOM 结构内。如果您希望使用编码,则可以使用上下文代码提示并提取图像。代码提示允许您将颜色和渐变提取为图像。
如果您的 PSD 文件包含多个画板,每个画板将显示为图层面板中的一个文件夹。您可以展开或折叠文件夹以显示或隐藏其内容。要放大到某个特定画板,只需单击画板名称即可。要缩小,请单击画板外部的任意位置并单击 FIT。
在插入提取的图像之前,Dreamweaver 会显示图像名称,您可以对其进行编辑。默认情况下,图像会保存在站点根文件夹中。如果希望在自定义位置保存图像,则可以在文件名中包括完整目录路径。
注意:如果正在将图像提取到一个不属于已定义站点的文档,则该图像将被提取到该文档所在的目录。对于未保存的文档,将会提示您先保存该文档。
您还可以将图像保存在本地磁盘上,并在以后某个时间点在您的网页中调用该图像。此外,如果您正在设计一个快速响应的网站,您可以通过一次单击在设备中保存图像的多个分辨率版本。