网页设计插入图像的方法:将插入点移动到要插入的图像的位置,选择"插入|图像"菜单命令,或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项,打开"选择图像源文件"对话框选择图形即可。
1、插入图像
将插入点移动到要插入的图像的位置,选择"插入|图像"菜单命令,或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项,打开"选择图像源文件"对话框。
选择好要插入的图像文件后,点击"确定"按钮,会出现"图像标签辅助功能属性"对话框。其中,"替换文本"下拉列表项用于指定图像的描述信息,当鼠标移动到图像上时将显示该信息。单击"确定"按钮,即可将选定的图像添加到页面中。
如果插入的图像位于站点文件夹之外,系统会弹出"是否将此图像文件复制到根文件夹中"的信息框。点击"是"按钮,弹出"复制文件为"对话框,点击 "保存"按钮,图像文件将被保存在选定的文件夹中。
2、图像属性设置
在Dreamweaver的文档窗口中选择一个图像,会出现"图像属性"面板,其中显示了该图像的常用属性。如果该面板没有出现,可以单击"窗口|属性"菜单命令来打开所选图像的"属性"面板。
3、插入图像占位符
在网页制作过程中,如果要插入的图像尚未制作完网或尚未计划要插入的图像,可以使用图像占位符来预留图像的位置,以便在网页中添加其他对象。
插入图像占位符时,仅用于临时放置图像,在实际浏览时将以叉的形式显示。
插入图像占位符时,将插入点移动到要添加图像占位符的位置,并选择 "插入|图像对象|图像占位符"菜单命令,或 "插入"面板中的"常用|图像 "图标的"图像占位符"下拉菜单项,打开"图像占位符"对话框。在对话框中设置图像占位符参数,点击 "确定 "按钮,完成设置。
在用图像替换图像占位符时,可以直接双击图像占位符,在弹出的"选择图像源文件"对话框中选择图像源文件即可。
4、插入鼠标经过图像
鼠标插入图像上也叫交互式图像。当鼠标移到一个图像上时,会转换成另一个图像,而当鼠标指针移开时又会返回到原来的图像。这种动态效果常被用在网页导航栏的导航按钮上。
鼠标移过的图像由原始图像和替换图像组成,它们的大小应该相等。如果这两张图片的尺寸不同,Dreamweaver将调整第二张图片的尺寸,使之与第一张图片的尺寸一致。
要插入鼠标经过图像,将插入点移动到需要添加鼠标经过图像的位置,选择"插入|图像对象|鼠标经过图像"菜单命令,打开"插入鼠标经过图像 "对话框。在对话框中设置鼠标经过图像的参数,点击"确定"按钮即可。