声泪俱下的哭诉，让所有人为之动容；图文并茂的展示，让网页丰富多彩。多媒体时代需要的网页使用最多的就是文字和图像。网页中图像的格式主要有JPEG、GIF、PNG三种，目前使用最多的是JPEG格式。仔细分析图像的日常操作主要有插入图像、设置图像属性、使用鼠标经过图像、使用图像地图4种。

1.插入图像

将图像插入网页时，Dreamweaver自动在源代码中生成对该图像文件的引用。为了确保引用的正确性，该图像文件必须位于当前站点中。如果图像文件不在当前站点中，Dreamweaver会询问你是否要将此文件复制到当前站点中。

应用提示：当Dreamweaver询问是否要将此文件复制到当前站点中时，一定要选择“是”，而且图像文件必须复制到相应的images目录中，否则上传后，图像将不能正常显示。

将插入点放置在要显示图像的地方，然后执行以下操作之一。

1）在“插入”栏的“常用”类别中，单击“图像”图标。

2）在“插入”栏的“常用”类别中，将“图像”图标拖入网页窗口中（如果正处理代码，则拖入“代码”视图窗口中）。

3）选择“插入”→“图像”命令。

4）单击“窗口”菜单的“资源”显示资源面板，将图像从“资源”面板拖到网页窗口中的所需位置。

5）将图像从“站点”面板拖到“文档”窗口中的所需位置。

6）将图像从桌面或文件夹中拖到网页中的所需位置。

2.设置图像属性

选中图像，在相对应的属性栏中就可以进行图像属性设置，如图6-10所示。

在图像属性设置中可以进行宽、高、边框粗细、对齐方式等常规设置。“源文件”给出了图像的路径及文件名。“链接”用于指定图像链接目标。“替换”指定只显示文本的浏览器或已设置为手动下载图像的浏览器中代替图像显示的替代文本，当鼠标指针滑过图像时也会显示该文本。“垂直边距”“水平边距”则用于指定图像距离上部与左部的距离。“地图”名称和热点工具允许标注和创建客户端图像地图。“低解析度源”指定在载入主图像之前应该载入的图像。许多设计人员使用主图像的黑和白版本，因为它可以迅速载入并使访问者对他们等待看到的内容有所了解。“编辑”启动在“外部编辑器”首选参数中指定的图像编辑器并打开选定的图像。(www.daowen.com)

图6-10　图像属性设置

3.使用鼠标经过图像

鼠标经过图像是指鼠标指针移过它时发生变化的图像，通常用在导航条上。在网页中插入鼠标经过图像时将插入点放置在要显示鼠标经过图像的位置，在“插入”栏中，选择“常用”命令，然后单击“鼠标经过图像”图标；或者选择“插入”→“图像对象”→“鼠标经过图像”命令，弹出“插入鼠标经过图像”对话框，依据提示选择原始图像、鼠标经过图像，以及“替换文本”“按下时，前往的URL”，如图6-11所示。

图6-11　使用鼠标经过图像

4.使用图像地图

图像地图指已被分为多个区域（或称“热点”）的图像；当用户单击某个热点时，会发生某种操作。例如，网页上有一个人体图片，单击眼睛会链接到眼部介绍页面，单击耳朵会链接到耳部介绍页面，人体图片的每一个区域称为一个热点。

选中图像，在属性设置栏的“地图名称”文本框中为该图像地图输入唯一的名称。如果在同一文档中使用多个图像地图，要确保每个地图都有唯一名称。选择圆形工具，并将鼠标指针拖至图像上，可以创建一个圆形热点；选择矩形工具，并将鼠标指针拖至图像上，则创建一个矩形热点；选择多边形工具，在各个顶点上单击，则可定义一个不规则形状的热点，然后单击箭头工具封闭此形状。

在“链接”文本框中，单击文件夹图标并通过浏览选择在用户单击该热点时要打开的文件，或者输入此文件的名称。在“目标”下拉菜单可以选择链接文件打开的窗口，具体含义如下。

1）_blank链接的文件在一个未命名的新浏览器窗口中打开。

2）_parent链接的文件在含有该链接的框架的父框架集或父窗口中打开。如果包含链接的框架不是嵌套的，则将链接文件加载到整个浏览器窗口中。

3）_self链接的文件在该链接所在的同一框架或窗口中。此目标是默认的，通常不需要指定它。

4）_top将链接的文件载入整个浏览器窗口中，会删除所有框架。