图像不但能美化网页，而且与文本相比，能够更直观地说明问题，使表达的意思一目了然。在Dreamweaver文件中插入图片时，Dreamweaver会自动在网页的HTML源代码中加入相应的参数。为了保证参数的正确，图片文件必须保存在当前站点目录中。如果所用的图片不在当前站点目录中，Dreamweaver将询问是否将其复制到当前站点目录下。在文档中插入图像的一般操作步骤如下：

（1）将光标放到文档中需要插入图像的位置。

（2）执行“插入”/“图像”命令，或单击“常用”面板中的按钮。

将图像插入文档中后，Dreamweaver会自动按照图像的大小显示，但在实际应用中，往往还要对图像的一些属性进行具体的调整，如大小、位置、对齐等等。这些操作可以通过图像属性控制面板得以实现。选中一个图像之后，文档窗口的下方会出现图像控制面板，如图2-5所示，其功能如下：

图2-5 图像控制面板

ID：在该文本框中输入图像的名称，以后就可以使用脚本语言对它进行引用。

链接：用于设置图像链接的网页文件的地址。

替换：用于设置图像的说明性内容，可以作为图像的设计提示文本。

地图及下面的四个按钮：用于制作映射图。

目标：用于设置图像打开的链接文件显示的位置。

原始：用于设置一幅显示在该图像前面的代表图像，用来快速显示主图像的内容。大部分设计者在该处喜欢设置一幅与主图像内容一样的黑白图像或小图像，这样用户在浏览时可以快速了解图像的信息。

：单击该按钮打开指定的图像处理软件，以编辑当前选中的图像。

：单击该按钮打开“图像预览”对话框，对选中图像进行优化设置。

：用于修剪图片。(www.daowen.com)

：当图片大小被调整后此按钮可用于增加或减少图片中的像素以提高图片质量。

：改变图片的亮度和对比度。

：改变图片内部边缘的对比度。

在网页上还经常会看到翻转图像，所谓翻转图像，就是当光标移动到该图像上面时，一幅图像切换成另一幅图像，同时可以通过单击该图像，打开链接的网页。该功能主要用于建立导航按钮。在文档中创建翻转图像的操作步骤如下：

（1）选择“插入”/“图像对象”/“鼠标经过图像”，或单击“常用”插入面板上的“鼠标经过图像”的图标，弹出“插入鼠标经过图像”设置面板，如图2-6所示。

图2-6 “插入鼠标经过图像”设置面板

（2）在“图像名称”文本框中输入图像的名称。

（3）在“原始图像”文本框中输入原始图像的路径及文件名，即初始显示的图像。

（4）在“鼠标经过图像”文本框中输入翻转图像的路径及文件名，即鼠标经过原始图像时切换显示的图像。用户需要注意的是，翻转图像必须和原始图像有相同的尺寸。如果尺寸不同，Dreamweaver会自动将翻转图像的尺寸调整成原始图像的尺寸。

（5）选中“预载鼠标经过图像”选项，表示在用户浏览该网页时，会将翻转图像装入到内存中，可以加快图像的下载速度。

（6）在“替换文本”文本框中输入文本。在浏览器中光标掠过图像时，就会显示这些文本。

（7）在“按下时，前往的URL”文本框中输入链接的文件路径及文件名，表示在浏览时单击翻转图像时，会打开链接的网页。