第3课在网页中插入图片汇总.ppt

* 第3课 插入图片 图片的基本格式 插入图片 编辑图片 图片与文字的段落关系 * 3.1 插入图片 了解图片 GIF JPG PNG 想想 它们有什么优缺点？ 优点： 是无损压缩格式的图片 支持动画格式 支持透明背景 缺点：仅支持8位的颜色 优点： 支持24位的颜色 缺点： 是有损压缩格式的图片，无大碍 优点： 是无损压缩格式的图片 支持真彩色 支持透明背景 缺点：较低版本浏览器不支持 * 3.2.2插入图片的方法(index) 二种方法 步骤一：[插入]- [图片] 步骤二：利用插入面板 点击常用 点击图片图标 * 图片编辑 直接使用鼠标缩放调节图片大小 在属性面板中设置图片大小 注意 恢复图片原始大小，选中图片单击鼠标右键，选择Reset Size * 启用Fireworks编辑器 利用Fireworks对图片进行编辑修改 利用Fireworks优化图片 * 设置图文混排 为了对页面进行排版，图片同文字之间的对齐操作显得非常重要 步骤：【属性】?【对齐】属性进行设置。 * 描绘图片 可以将一张网页格式的草图置入网页的底部。以后在设计网页时，就可以按照草图所设计制作出网页内容。浏览器看不到这张草图。 查看-跟踪图片-载入 * 映射图片 映射图片就是一幅要根据链接对象不同而被人为划分为若干指向不同链接的区域“热点”的相应图片区域 练习：绘制热区 * 设置背景图片 (1)在文档窗口中，选择菜单栏中的【修改】｜【页面属性】命令，弹出【页面属性】对话框。 (2) 在【背景图片】文本框中，输入背景图片文件的地址，或是单击【浏览】按钮，从弹出的【选择图片源文件】对话框中选择背景图片文件示。 (3) 单击【确定】按钮，即可在网页中设置背景图片。 * 设置鼠标经过图片 由两张图片组成的：原始图片和转换图片。组成图片翻转的两张图片必须尺寸相同的，如果两张图片的尺寸不同，会自动将两张图片的尺寸调整成同样大小 练习：创建变换图片 步骤：插入?图片对像?鼠标经过图片 * 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * *