网页设计如何插入图像-插入图像步骤-插图介绍

网页设计插入图像的方法：将插入点移动到要插入的图像的位置，选择"插入|图像"菜单命令，或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项，打开"选择图像源文件"对话框选择图形即可。

1、插入图像

将插入点移动到要插入的图像的位置，选择"插入|图像"菜单命令，或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项，打开"选择图像源文件"对话框。

选择好要插入的图像文件后，点击"确定"按钮，会出现"图像标签辅助功能属性"对话框。其中，"替换文本"下拉列表项用于指定图像的描述信息，当鼠标移动到图像上时将显示该信息。单击"确定"按钮，即可将选定的图像添加到页面中。

如果插入的图像位于站点文件夹之外，系统会弹出"是否将此图像文件复制到根文件夹中"的信息框。点击"是"按钮，弹出"复制文件为"对话框，点击 "保存"按钮，图像文件将被保存在选定的文件夹中。

2、图像属性设置

在Dreamweaver的文档窗口中选择一个图像，会出现"图像属性"面板，其中显示了该图像的常用属性。如果该面板没有出现，可以单击"窗口|属性"菜单命令来打开所选图像的"属性"面板。

3、插入图像占位符

在网页制作过程中，如果要插入的图像尚未制作完网或尚未计划要插入的图像，可以使用图像占位符来预留图像的位置，以便在网页中添加其他对象。

插入图像占位符时，仅用于临时放置图像，在实际浏览时将以叉的形式显示。

插入图像占位符时，将插入点移动到要添加图像占位符的位置，并选择 "插入|图像对象|图像占位符"菜单命令，或 "插入"面板中的"常用|图像 "图标的"图像占位符"下拉菜单项，打开"图像占位符"对话框。在对话框中设置图像占位符参数，点击 "确定 "按钮，完成设置。

在用图像替换图像占位符时，可以直接双击图像占位符，在弹出的"选择图像源文件"对话框中选择图像源文件即可。

4、插入鼠标经过图像

鼠标插入图像上也叫交互式图像。当鼠标移到一个图像上时，会转换成另一个图像，而当鼠标指针移开时又会返回到原来的图像。这种动态效果常被用在网页导航栏的导航按钮上。

鼠标移过的图像由原始图像和替换图像组成，它们的大小应该相等。如果这两张图片的尺寸不同，Dreamweaver将调整第二张图片的尺寸，使之与第一张图片的尺寸一致。

要插入鼠标经过图像，将插入点移动到需要添加鼠标经过图像的位置，选择"插入|图像对象|鼠标经过图像"菜单命令，打开"插入鼠标经过图像 "对话框。在对话框中设置鼠标经过图像的参数，点击"确定"按钮即可。