认真履行管党治党责任.PPTVIP

图像插入 复习提问 1、在网页文字排版时，如何输入空格？ 使用不换行标记 切换到中文全角状态下输入空格 在代码状态下输入nbsp 2、列表包括哪两种类型？ 列表包括有序列表和无序列表。 课程引导 图像和文本一样都是网页中不可缺少的基本元素。网页中的图像可以更直观地传递网页的内容，并使网页更显活泼，增加网页魅力。一幅好的图像在网页设计中往往是点睛之笔。 知识目标 （1） 能够掌握图像的插入、图像属性的设置； （2）能够掌握图像与文本混合编排； （3）能够制作鼠标经过图像。 案例展示 任务分析 1、网页中如何设置图像的各个属性？ 2、鼠标经过图像时，其发生变化，这种 效果如何实现的？ 任务完成：创建图像 知识讲解（一） 图像和文字都是组成网页的基本元素，与文字相比，图像更加直观、生动。但一定要注意图像的大小和数量。 图象格式：计算机图像格式有成百上千种，但网页中使用的只有3中，即JPEG/JPG，GIF和PNG。 GIF格式优点为： 可以制作动画， 其缺点为： 最多只可以支持到256色。 JPEG格式优点为：可以支持真彩色， 其缺点为：只能为静态图像。 PNG格式优点为：既可制作动画又可支持真彩色， 其缺点为：文件大，下载速度慢。 操作示范（一） 1、插入图像 执行【插入】-【图像】命令，或者在“插入”栏的“常用”类别中单击图像图标。 知识讲解与操作示范（二） 课堂模仿 根据所给素材完成以上网页的图像设置。 练习插入图像、设置图像属性。 练习插入鼠标经过图像 练习编辑图像 疑难解析 问题1：为何有时“移植”了网站，网页中的图像 打不开？ 问题2：如何实现点击图像中的不同区域，链接不同的网页文件？ 归纳总结 插入图像到网页中是一个很简单的基本操作，只需要用一个命令或按钮就可以实现。然而，想正确的插入图像需要了解图像的很多知识。 在网页中插入图像，需要明确的知道使用的图像是相对路径还是绝对路径 本单元重点、难点： 图像的插入、图像属性的设置 插入鼠标经过图像 图像的简单编辑 扩展性任务 结束 * 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 * 2、设置图像属性：图像间距、图像大小设置等等。 3、编辑图像 4、插入相关图像元素 插入“鼠标经过图像” 插入图像占位符 制作各个演示的网页： 1、插入图像： 【插入】-【图像】-设置图像属性 2、插入鼠标经过图像： 【插入】-【图像经过图像】-设置相关链接信息 3、编辑图像： 重新取样、裁剪图像、调整图像亮度和对比度、图像锐化 “青果集团”网站的首页创建