项目四编辑网页图像.ppt

项目四 编辑网页图像,情 境 设 置,在当今的信息化时代里，网络已经成为了人们沟通的纽带，我们也经常通过网络去了解社会，了解产品等，所以一个好的网站将成为一个最大的展示平台，那么一个好的网站显得更加重要，其中最具吸引力的，使页面更加丰富多彩的当属图像元素的使用。,项 目 展 示,本项目完成后的大体效果如下。（不要求大家做的和样张完全一样，但要尽量模仿）,项 目 目 标,能正确插入普通图像能合理设置图像属性能正确插入鼠标经过图像认识常用的图像文件类型,项 目 分 析,具体工作任务：,制作一个网页，主题为“文学天地”输入文字，进行适当的设置插入普通图像，合理设置来美化页面插入其他图像元素来修饰页面设置页面背景，使效果更加完美,实 施 步 骤,步骤一：创建一个新的站点并将站点的存放位置设为e:sucaichaper4中。在站点根文件下创建子文件夹images和网页文件index.html。步骤二：输入并格式化文本步骤三：插入普通图像步骤四：设置图像属性步骤五：插入鼠标经过图像需要注意的仍是所插入图像若不在站点内时，要将所有的图像均保存到images文件中，这是一个好的习惯，也是行业惯例。,知 识 链 接,一、网页中的颜色,在网页中是以RGB来表示颜色的，我们所看到的成 千上万的颜色都是由红、绿、蓝三种基础颜色调和而成的。,网页安全颜色范围：由红，绿，蓝三种基色可以调和成16777216种，但网页中常用到的是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.保存文件，预览最终效果,小 结,本项目中主要介绍了网页图像的相关知识，如何插入、编辑图像，以及鼠标经过图像特殊效果的使用方法。,