软件：Dreamweaver CC ＆Photoshop CC
文件: *.PSD x N
进入Dw操作界面后，创建一个空白文档，切换到‘设计’视图，还需建立一个站点。
切换到【插入】面板，单击‘Image’按钮（或者在菜单栏上依次单击‘插入->Image’）。
【例】田园风格.PSD弹出‘选择图像源文件’窗口，选中需要导入PSD格式图像。
弹出‘图像优化’窗口，根据需要调整优化设置，单击‘确定’（在该对话框中更改是以不破坏图像的方式应用的）。
弹出窗口，可用于Web的图像默认保存在站点内，可重更名，该过程称之为智能对象创建，智能对象与原始 Photoshop (PSD) 文件之间具有实时连接。
刚在文档左上方插入了一个智能对象，在【DOM】面板中单击'img'标签选中智能对象，然后单击下方‘Ps图标‘按钮。
Dw自动启用Ps，在Ps工作界面中调整原始图像的内容，大小后，按下Ctrl+S键保存文档。
返回Dw操作界面，单击‘从源文件更新’按钮，Dreamweaver 中图像发生更新。
智能对象特征 图像上方两个图标，说明可用于 Web 的图像与原始 Photoshop 文件同步。
将与可用于Web 图像同步的原始PSD文件移动到其他文件夹后，就会断开同步（环形箭头中出现感叹号），再次单击‘编辑’按钮时，会弹出提示窗口。
在Dw中可一次更新多个智能对象，切换“资源”面板，按下Ctrl键不放，选中刚已更新的Web图像，鼠标右键，选中‘从源文件更新’。
按住Ctrl键不放，单击需要调整尺寸的智能对象，显示定界框，鼠标左键拖动控制点可调整大小。
智能对象大小发生变化，而此举是无法将数据反馈到原PSD文件的，如需将该智能对象大小和原始 Photoshop 文件的大小同步，则可选中它，鼠标右键，在快捷菜单中选中‘重设为原始大小’。
若常使用Ps-Dw集成功能，建议Dreamweaver 站点中存储 Photoshop 文件以方便访问，请确保遮盖这些 Photoshop 文件，避免原始资源曝光，以及较少在本地站点和远程服务器之间进行不必要的传输；
千里之行始于足下，按步骤一步步来，循序渐进，方有所获；
喜欢这篇经验的伙伴们，记得收藏和关注我；如果还能帮上你点忙，给我点赞吧！