《Dreamweaver CS6 完全自学教程》笔记 第五章：网页中的图像编辑

在制作网页时，若想要插入一幅图像，但暂时没有找到合适的图像，这就需要用到图像占位符。插入图像占位符后，用户可随时替换为真正的图像。

选择要插入的位置，点击 插入 -> 图像对象 -> 图像占位符，打开 “图像占位符” 对话框。在 “名称” 中输入该占位符标签，必须以字母开头，并且只能包含字母和数字，不能使用空格。 在 “替换文本” 中输入描述该图像的文本。

通过底部属性面板可以将图像占位符替换为真正的图像。在 ”源文件“ 处浏览图像所在位置，点击图像，再点击 ”确定“ 即可。

这种情况有两种可能：

交互式导航是指当鼠标经过一幅图像时，它会变成另外一幅图像，并且带有链接功能。因此导航条图像要由两幅图像组成。 点击 插入 -> 图像对象 -> 鼠标经过图像，打开 “插图鼠标经过图像” 对话框。填入对应的图像路径即可。 由于交换的图像会进行压缩或展开以适应原有图像的尺寸，这样容易造成图像失真，所以尽量选择尺寸一致的图像。

点击 修改 -> 页面属性，或在 “属性” 面板中点击 “页面属性” 打开 “页面属性” 对话框，在 ”背景颜色“ 处选择背景颜色。

在 “页面属性” 的 “背景图像” 中选择图片的路径，点击确定即可。

当把选择好的图片插入 Dreamweaver 中时，可能这些图片达不到你想要的效果，这时就需要对图像进行编辑，Dreamweaver 虽然在可以设置图像属性，但毕竟不是专门的图像编辑软件，这时就需要用到外部图像编辑器来对图像源文件进行处理。 步骤：

点击 编辑 -> 首选参数 ，打开 “首选参数” 对话框，在左侧选择 “文件类型 / 编辑器”。

在 “扩展名” 列表中可以添加或删除文件类型。

选中一种文件类型，在编辑器中点击 “+” 号。

选择想用的图像编辑软件。

选中图像编辑器，点击设为主要。

选中图像，在底部 “属性” 面板中点击编辑即可使用外部图像编辑器了。

图像映射将图像划分为若干个区域，每个区域被称为一个热区，每个热区分别设置不同的超链接。热区可以是不同形状。

设置图像映射：

若要选择多个热区，可点击 “属性” 面板的 “指针热点工具” 然后按住 Shift，对热区进行选择。或者全选 Ctrl + A 。

这一章的内容非常少，而且简单，但在丰富网页内容、对网页进行美化中起到了很大作用，尤其是图像映射个人感觉非常有用。