跳到主要内容

优化图像 - Dreamweaver CS6

在 Dreamweaver CS6 中，Adobe 简化了 Photoshop 与 Dreamweaver 之间的集成。了解如何将图像直接从 Photoshop 导入 Dreamweaver。然后，学习如何优化图像并使用 Adobe 的往返编辑功能在 Photoshop 中编辑它们。

插入图像文件​

在 Dreamweaver 中向文档添加图像的方法：

  1. 首先关闭样式渲染工具栏上的 CSS 样式 切换按钮（阶梯图标）。
  • 如果您没有看到样式渲染工具栏，可以右键单击文档工具栏，并从弹出菜单中选择 选项 来启用它。
  1. 滚动到页面上希望放置图像的位置。
  2. 转到本地文件面板，找到要使用的文件。
  3. 点击图像以选中它，然后拖放到所需位置。

图像优化​

将图像拖入文档后，会弹出图像优化窗口，允许您直接将图像导入 Dreamweaver。该窗口允许您选择：

  • 图像文件类型
  • 图像预设
  • 图像质量

选择这些选项后，系统会提示您保存新导入的图像并添加替代文本。

图像缩放​

Windows​

在 Windows 中缩放图像时，按住 CTRL 并拖动图像的调整手柄，根据需要调整图像大小。

Mac​

如果您是 Mac 用户，需要按住 CMD 并拖动图像的调整手柄，根据需要调整图像大小。

智能图像​

插入图像文件后，用户可以将图像直接链接到 Dreamweaver 程序，使该图像成为智能图像。
智能图像可以通过 Photoshop 或您选择的媒介单独编辑，而不会影响其他页面上的图像副本。当图像设置为 指向文件 时，Dreamweaver 会自动检测图像的源文件。因此，Dreamweaver 默认您希望编辑文件源中的图像。如果不是这种情况，建议您不要将图像指向该文件，或者保存多个图像副本以便按需编辑。

开始使用 Dreamweaver CS6​

  • 什么是 Dreamweaver CS6？
  • 了解所见即所得编辑器
  • 欢迎界面
  • 工作区概览
  • 优化图像
  • 使用网页字体设计

Dreamweaver 是 Adobe 的一款流行网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等，并兼容 HostGator 网络托管。

您可以访问 Adobe 官网或 Dreamweaver 教程学习门户，了解更多关于 Dreamweaver 的信息。