跟输入文本之后需要编辑排版一样，插入图像之后也要进行布局编排，同时来设定图像各种特有的属性。首先我们插入一个图像，如图3．39所示。

   图3．39   网页中插入图像

用鼠标拖动【缩放手柄】可以改变图片大小，但仅仅是在网页中显示的大小，并不改变原图像尺寸。同时选中图片（即图像周围出现拖放手柄）的时候【属性面板】也能看到和设置该图像的属性，如图3．40所示。

图3．40   图像的属性窗口

【宽】【高】图片的尺寸，默认单位是象素。

【源文件】图片的路径，点击后面的文件夹图标也能选择其他图片。

【链接】链接的目标页面或者定位点的URL。

【目标】链接时的目标窗口或框架。

【替代】图片的文字注释，当图片不能正常显示的时候，图片的位置就会显示文字注释。

【编辑】启动图像编辑软件对图像编辑。

【地图】用于制作图像映射（热点）。

【垂直边距】【水平边距】图像在垂直或水平方向与网页中其他元素之间的距离。

【边框】图像边框的宽度。选择空白或零时没有边框。

【对齐】下拉列表用于指定图片相对于文本的排列方式。

【低解析度源】当前图片的低分辨率副本的路径。如果图片很大，则先让浏览器下载显示一个文件较小的图片副本，浏览器装载完其他内容后再回头来下载较大的图像，这样做既能保持网页的完整性，又能减少用户等待时间。

2．设置网页背景

    改变网页的背景状态一种是可以使用网页安全色设置背景颜色，另一种是设置背景图像，当然不是所有的图像都能用作背景。

    在【页面属性中】打开【背景颜色】调色板选中颜色后确定即可设定网页的背景色，我们重点来讨论在网页中设置背景图像。

在属性面板点击【页面属性】按钮，打开如图3．41所示的【页面属性】对话框，在【背景图像】中选中一个图片点“确定”按钮则图片被平铺成为网页背景图像，如图3．42所示。

图3．41   页面属性对话框

   图3．42    网页背景图像效果

不论图片尺寸多大，一旦将它设置为背景图像，Dreamweaver MX 2004 就会将它反复拼接，铺满整个背景区。因此选择背景图片的时候，不能选择颜色太深的图片，以免文档内容不能衬托出来，为了使用背景图像，网页中其他元素的背景应该是透明的，否则背景图片将会被其他元素的背景遮挡，影响整个页面的美观。

3．图像热区

    要使图像的部分或者全部成为一个超级链接，我们就要在图像中设定“热区”然后给出超级链接的地址，这样，当用户鼠标移动到图片“热区”的时候会变成手的形状，提示用户这里有一个超级链接，当用户点下鼠标的时候，页面就跳转到或者打开设定的URL。

    要在图像中设定“热区”，请先选中图像，此时在属性面板中可以看到三种形状，分别是矩形、圆形和多边形（如图3．43红色标记内所示），这些形状代表可以在图片中使用的“热区”形状，可以根据实际需要选中相应的形状，然后拖拉鼠标在图片中画出热区。箭头按钮用于移动已经建立的“热区”。

   图3．43    图像属性面板中的形状图标

绘制完“热区”之后，【属性面板】如图3．44所示，在【链接】框中填入点击图像“热区”时跳转的URL；【目标】给出点击URL后网页的打开位置，如在本窗口打开还是在新窗口打开等；【替代】指的是图像的替代显示文字。

图3．44    图像属性面板

3.4.6  超级链接

网络中的一个个网页是通过超级链接的形式关联在一起的。超级链接是网页中最重要也是最根本的元素之一，没有它的存在，网页之间失去了关联，也就不成为网了。

    1．文本超级链接

浏览网页时，鼠标经过某些（带有下划线的）文字的时候，鼠标指针的形状会发生变化，根据网页设计的不同，可能文本也会发生一些变化，比如出现下划线或下划线消失、文本颜色字型改变等。这就是提示浏览者“这里是一个超级链接”，此时用鼠标点击这个超级链接，就会打开所链接的网页。

    在 Dreamweaver MX 中为文本加入超级链接十分简单，下面我们一起来动手建立一个文本超级链接。

（1）打开index.htm；

（2）用鼠标选中“首页”两字；

（3）在属性面板的【链接】文本框后点击文件夹图标，如图3．45所示。

图3．45   属性面板的文件夹图标

（4）打开【选择文件】对话框，选中文档，如index.htm，如图3．46所示。

   图3．46    选择文件对话框

（5）为文本添加链接之后，属性面板中的【目标】文本框就变成了可选状态，可选择网页在新窗口还是本窗口打开等属性，如图3．47所示。

 图3．47    属性面板中的目标文本框

2．电子邮件链接

    在“常用”中点击“电子邮件”按钮（如图3．48），弹出对话框，依次填写文本和正确的邮件地址，网页中文本的内容就会变成一个电子邮件超级链接，用户点击它时，就能启动Outlook或Foxmail等软件给他人发送邮件了。如图3．49所示。

图3．48    常用工具栏的电子邮件按钮

图3．49    电子邮件链接设置

    按下“确定”按钮，一个电子邮件的超级链接就建立完毕。如图3．50所示。

   图3．50    建好的电子邮件链接

3．文件下载链接

    建立文件下载链接与建立文本链接基本相同，不同的是在【链接】文本框中最后的文件的扩展名是“rar、zip”等。

4.鼠标经过图像链接

鼠标指针经过图像属于动态网页中的一部分。当鼠标经过或者按下按钮的时候，图像按钮的形状或颜色就会发生变化，如图像变换，发光，或者阴影出现等等,使网页变的生动活泼起来。操作步骤如下：

（1）光标移动到欲插入的位置，点击菜单栏【插入】【图像对象】【鼠标经过图像】打开如图3．51所示的对话框；

图3．51   鼠标经过图像对话框

【图像名称】鼠标经过图像的名称，名称是自定义的，只要不与同页面另一个鼠标经过图像名称相同即可；
【原始图像】页面开始显示的图像；
【鼠标经过图像】鼠标经过的时候显示的图像；
【替换文本】图像无法正常显示的时候出现的文本注释，也是图像正常显示时鼠标指向链接时的说明；
【前往的URL】点击鼠标后链接的目标；
【预载鼠标经过图像】浏览网页时两个图片都同时被下载，当鼠标经过时无需从网上下载，而是调用预先下载的图像，减少延迟，使效果平滑流畅。

此处我们选择image文件夹下的两个图像文件U3.JPG和U6.JPG作例子，点击“确定”按钮完成设置，如图3．52所示，当然效果在浏览器中才能看到。

图3．52    建立好的鼠标经过图像