项目四 编辑网页图像ppt课件.pptVIP

* 项目四 编辑网页图像 情 境 设 置 在当今的信息化时代里，网络已经成为了人们沟通的纽带，我们也经常通过网络去了解社会，了解产品等，所以一个好的网站将成为一个最大的展示平台，那么一个好的网站显得更加重要，其中最具吸引力的，使页面更加丰富多彩的当属图像元素的使用。 项 目 展 示 本项目完成后的大体效果如下。（不要求大家做的和样张完全一样，但要尽量模仿） 项 目 目 标 能正确插入普通图像 能合理设置图像属性 能正确插入鼠标经过图像 认识常用的图像文件类型 项 目 分 析 具体工作任务： 制作一个网页，主题为“文学天地” 输入文字，进行适当的设置 插入普通图像，合理设置来美化页面 插入其他图像元素来修饰页面 设置页面背景，使效果更加完美 实 施 步 骤 步骤一：创建一个新的站点并将站点的存放位置设为e:\sucai\chaper4中。在站点根文件下创建子文件夹images和网页文件index.html。 步骤二：输入并格式化文本 步骤三：插入普通图像 步骤四：设置图像属性 步骤五：插入鼠标经过图像 需要注意的仍是所插入图像若不在站点内时，要将所有的图像均保存到images文件中，这是一个好的习惯，也是行业惯例。 知 识 链 接 一、网页中的颜色 在网页中是以RGB来表示颜色的，我们所看到的成 千上万的颜色都是由红、绿、蓝三种基础颜色调和而成的。 网页安全颜色范围：由红，绿，蓝三种基色可以调和，但网页中常用到的是216种颜 色，这是由于浏览器能正常显示的这，超出这个范围就失真，因此我们也把这216种颜色叫做网页的安全颜色范围。 知 识 链 接 二、网页中的图像格式 1.GIF格式：是网页中常用的一种图像格式，在绝 大多数浏览器中都能正常显示 。 2.JPEG格式：是网页中常用的一种图像格式，下载 速度非常快，适合于显示颜色丰富、细腻的图像 3.PNG格式：适合于在网络上传播。但是，它只有 在Microsoft Internet Explorer(4.0及以上版 本)和Netscape Navigator（4.04及以上版本） 才能得到支持。 知 识 链 接 三、图像属性参数 我们可以通过属性参数面板来设置图像的各种属性。 操作方法：选中要编辑的图像，然后编辑、修改图 像属性面板的参数。 知 识 链 接 四、调整图像 插入到页面中的图像可以进行必要的修改。 图像的调整主要是：调整大小、裁剪图像、 调整亮度和对比度、锐化图像。 知 识 链 接 五、插入鼠标经过图像 鼠标经过图像是一种图像在浏览器中显示的特殊效果，为了实现这个效果，需要两副图像，正常状态下显示一副图像，而当鼠标指针经过该图像时，它将变化为另外一副图像，从而达到一种图像动态变化的特殊效果。 注意：“原始图像”和“鼠标经过图像”所设置的两个图像尺寸大小最好相等，如果大小不等，系统将自动调整第二个图像的大小，使其与第一个图像匹配。 知 识 链 接 六、插入图像占位符 图像占位符：是临时替代图像的，顶替图像的位置， 是在设计好页面后又不能确定插入什么样的具体图像 时，在图像的位置上使用图像占位符，可以避免由于 没有图像而导致无法正常设计的问题。 图像占位符与图像的属性基本相同。 知 识 拓 展 项目展示 知 识 拓 展 制作要点提示 1.创建一个本地站点并且新建一个子文件夹 images来管理素材文件 2.新建一个网页，保存网页文件，将其命名 为“index.html” 3.插入一个3行3列的表格 4.在每个单元格中分别插入一幅图像 5.保存文件，预览最终效果 小 结 本项目中主要介绍了网页图像的相关 知识，如何插入、编辑图像，以及鼠标经过 图像特殊效果的使用方法。