网页制作与网站设计_06DreamweaverCS3中使用图片摘要.ppt

项目六 Dreamweaver CS3中使用图片 内容摘要 介绍了图片的插入与编辑 介绍了修改图片大小 介绍了图像的对齐、裁减图片 介绍了设置图片交替效果 学习图片的插入及其属性设置 掌握如何调整图片大小、裁剪图片并进行效果的修复 学习图片与其它元素的对齐方式 掌握图片的应用交换图像行为，创建鼠标经过图像并在浏览器中观察 学习目标 任务1　 图片的插入与编辑  1. 任务说明 图像是网页制作中最常用的因素之一，灵活地使用图像会使网页更加亮丽。 2. 任务说明 本任务主要介绍图片的插入和编辑，因为此项操作的详细讲解已在项目四中做了介绍，故在此只做总结性介绍。 图像的插入方法如下 。 3. 操作步骤 1）在文档窗口工具箱的常用工具栏中单击“图像”按钮，在图像源文件目录中选择一幅图片。 2）单击文档窗口菜单命令“插入/图像”。 3）按F11键，打开资源面板，从本站点的图像列表中点击图片，预览插入图片，也可直接拖动图片到“文档”编辑窗口中所需位置，如图6-1所示 。 选中图片后，就可在属性面板中对该图片进行属性设置。 如果没有属性面板，可单击菜单命令“窗口/属性” 图6-1 资源面板 任务2　修改图片大小