第4章 图像电子课件

第4章

图像知识要点（1）理解矢量图和位图的区别，了解常用的Web图像格式（2）理解图像在网页中的作用和Web图像的使用原则（3）理解Web图像的处理流程，初步掌握基本的Web图像处理操作（4）掌握在网页中插入和设置图像的方法本章目标（1）不同类型的图像1．位图与矢量图（1）不同类型的图像（1）不同类型的图像2．常用Web图像格式01GIF02JPEG03PNG（1）不同类型的图像GIFGIF（GraphicsInterchangeFormat，图形交换格式）GIF无损压缩01最多256色02能够使用透明色03交错式Gif（interlacedgif）04动画Gif05（1）不同类型的图像JPEGJPEG（JointPhotographicExpertGroup，联合图形专家组）01有损压缩02没有颜色限制03可以控制压缩比04渐进式JPEG（progressiveJPEG）（1）不同类型的图像PNGPNG（PortableNetworkGraphics，可移植的网络图形）01无损压缩02没有颜色限制03支持透明度（1）不同类型的图像3．使用网页图像的要点确保文件较小使图像具有所需的像素大小采用正确的格式进行优化处理控制图像的数量和质量重复使用图像使用图像时一定要有充分的理由合理使用动画（1）不同类型的图像4．关键问题1是否真正需要这个图片？设计（一致的风格）信息（有效传达）2因为它好看？杜绝用好看图片填充网页的倾向（1）不同类型的图像5．Web图像的处理流程GIF打开或创建图像01修改图像和添加图像效果02创建Web对象03优化图像04导出图像05（1）不同类型的图像6．如何获得图像素材Part1直接在网上下载Part2使用图像资源网站/光盘Part3自行创建使用图形图像软件使用扫描仪（扫描全能王）使用手机/数码相机捕捉屏幕图像（printscreen键）（2）图像处理1．常用图像处理软件Windows画图照片编辑器PhotoShop（推荐）FireworksFreehandCorelDrawIllustratorVisio（2）图像处理Photoshop图像处理GIFPS界面01修改图像大小02图像颜色调整03图像修补与抠像04保存为不同格式05（2）图像处理界面菜单栏工具箱选项栏图像窗口状态栏选项面板（2）图像处理修改图像大小（2）图像处理图像颜色调整（2）图像处理图像颜色调整（2）图像处理图像修补（2）图像处理抠像（2）图像处理用适当格式保存图像（3）插入与设置图像1．在网页中插入图像IMG标记符src属性用于指定要插入的图像的文件名（包括路径）alt属性表示图像的简单文本说明align属性设置对齐方式*hspace属性设置水平方向的空白*vspace属性设置垂直方向的空白*width和height属性指定图像的显示大小*border属性指定图像的边框（3）插入与设置图像设置图像格式宽高边框空白水平对齐垂直对齐图文混排图像的透明度（3）插入与设置图像2．垂直对齐（3）插入与设置图像3．图文混排（3）插入与设置图像4．图像透明度（4）综合实例1．首页（4）综合实例2．二级页面-花卉植物（4）综合实例3．二级页面-文玩雅赏（4）综合实例4．三级页面-梅拓展：使用多媒体1．多媒体对象的类型音频MP3、wave、midi等视频MP4、mov等其他FlashJavaapplet拓展：使用多媒体2．使用多媒体对象链接嵌入<audiocontrols="controls"src="秋日的私语.mp3"></audio><videocontrols="controls"src="秋日的私语.mp4"></video><embedsrc="秋日的私语.mp3"width="100"height="50"autostart="fa