网页制作与网站设计06DreamweaverCS3中使用图片.ppt

;任务1　 图片的插入与编辑 ;1）在文档窗口工具箱的常用工具栏中单击“图像”按钮，在图像源文件目录中选择一幅图片。 2）单击文档窗口菜单命令“插入/图像”。 3）按F11键，打开资源面板，从本站点的图像列表中点击图片，预览插入图片，也可直接拖动图片到“文档”编辑窗口中所需位置，如图6-1所示 。;图6-1 资源面板 ;任务2　修改图片大小 ;图6-2 调整图像大小 ; 2）在属性面板的“宽”和“高”文本框中输入数值，调整图像的大小。 若要将已调整大小的元素恢复??原始尺寸，在属性检查器中删除“宽”和“高”文本框中的值，或者单击图像属性检查器中的“重设大小”按钮，（如图6-3中箭头指向按钮） ;;任务3　对齐、裁剪图片 ;;2）裁剪图片 在图像属性面板中单击“裁剪”工具按钮，这时会出现一个提示框，提示此操作将永久性改变所选图像，并非只在Dreanweaver中进行修改，而是在Windows的文件夹里的图像已经被永久改变，被截掉的部分不会被恢复。 裁剪时可以拖动各个方面的裁剪手柄，满意后双击鼠标或按回车键确认，如图6-5所示。;任务4　设置图片交替效果;　　3. 操作步骤; ② 选择该对象（通常是将交换的图像），然后从“行为”面板的“动作”菜单中选择“交换图像”（点击菜单命令“窗口/行为”会出现“行为”面板），如图6-7所示.