在网页中如何插入图像
点击数：1757 发布时间2012-03-10 15:35:43
插入图像
在DW的“常用”工具栏里，选择“图像”工具或在DW代码窗口输入插入图像的标记
![]()
，均能在页面中插入图像。图像标记的相关属性如下。
·Src：图像来源。必选属性，文件类型可以是jPg，gif，bmp等。
·Width和Height：图像的高度和宽度属性，单位为像素。
·Title与Ah：Title用于设置浏览网页鼠标置于图像上时出现的说明文本；Ah用于设置当图像文件不存在时出现在图像框里的替代文本。
插入图像时，还要注意以下几点。
(1)在页面中插人图像并不是将图像的点阵信息复制到网页文件里，而是一种引用
关系，这一点与Word文档中插入图像是不同的。因此，在网页设计时，先要建立站点文
件夹，并把网页要引用的素材文件(夹)复制到站点里(参见1．4．2节)。
(2)在本地浏览一个引用了图像的网页时，如果通过某个软件修改并保存了该图像
文件，此时页面中的图像并不会立即变化，在单击浏览器工具栏的“刷新”按钮后，页面中
的图像才会相应地变化。这进一步表明了页面生成的过程，就是浏览器解释HTMI。代
码的过程。
(3)在HTML文档中．使用![]()
标记能插入]Pg图片和gif动画，但不能插入
Flash动画。并且，页面中的gi{动画效果只能在浏览页面时才会显现出来(在Dw中编
辑时不会显现)。
2．3．2插入鼠标经过图像
鼠标经过图像是一种特殊效果，也称交换图像，是指在页面中的同一位置显示两幅图
像，这两幅图像当鼠标经过和离开时自动切换。
在Dw中，使用常用工具栏上的图像工具里的“鼠标经过图像”工具，或者使用菜单
“插入”一“图像对象”，则会出现对话框，选择用于交换显示的两个图像文件。
鼠标经过图像能增强页面的交互效果。例如，将页面导航的每一功能做成两个有区
别的图片t然后设置鼠标经过图像效果。鼠标经过该图像前和经过时会有图像的变化，如
图2一lO所示。
臣立叵
图2一lO 鼠标经过图像前后的两种效果
注意：
·使用Dw制作鼠标经过图像，会在文档头部生成一些脚本代码。
·一种更简单的制作鼠标经过图像的方法是定义内联式脚本，参见例8．4。
