单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,项目四 编辑网页,图像,项目四 编辑网页图像,任务一 插入图像,任务一 插入图像,常用网页图像,常用图像处理,软件,=,本节提纲,常用网页图像常用图像处理软件=本节提纲,常用网页,图像,GIF,（图形交换格式）,JPEG,（联合图像专家组）,PNG,（可移植网络图形,）,常用网页GIF（图形交换格式）,常用,图像,处理软件,Adobe,Photoshop,常用图像Adobe Photoshop,【,活动实施,】,实例网页在,【,教学资源包,】【,配套资源,】【4.1.1】,文件夹中。,【活动实施】实例网页在【教学资源包】【配套资源】【4.1.1,插入,图像,插入图像,选择图像,源文件,选择图像源文件,替换,文本,替换文本,完成,插入,完成插入,自主练习,请打开在,【,教学资源包,】【,配套资源,】【4.1.1】,文件夹中,default1.html,文件，按照目标样稿，如图,4-5,，完成导航菜单图像的插入。,自主练习请打开在【教学资源包】【配套资源】【4.1.1】文件,任务二 设置图像属性,任务二 设置图像属性,图像属性,图像属性,【,活动实施,】,1.,调整图像大小,【活动实施】1.调整图像大小,2.,图像调整完成,2.图像调整完成,自主练习,在以上制作完成的网页基础上继续练级,1,、通过可视化调节的方式调整第一张图大小为宽,100,高,100,。,2,、通过属性面板设置第二张图大小为宽,200,高,200,。,3,、设置第三张图链接为“,http:/ 插入,图像,对象,任务三 插入图像对象,插入,图像,占,位,符,一、插入图像占位符,二、替换图像占位,符,插入图像一、插入图像占位符,【,活动实施,】,【活动实施】,插入图像占位符,插入图像占位符,网站,logo,占位符,网站logo占位符,完成网站,logo,的图像占位符插入,完成网站logo的图像占位符插入,菜单占位符,菜单占位符,自主练习,请打开,【,教学资源包,】【,配套资源,】【4.3.1】,文件夹中网页,index,完成,1.html,，在“,【7】”,位置需要放入一个,flash,动画，该动画预计大小为宽,451,像素、高,502,像素，请在这个位置插入一个图像占位符，以便直观查看网页效果。,自主练习请打开【教学资源包】【配套资源】【4.3.1】文件夹,鼠标,经过,图像,鼠标经过,【,活动实施,】,【活动实施】,完成,logo,图像替换效果,完成logo图像替换效果,删除图像占位符,删除图像占位符,插入鼠标经过图像,插入鼠标经过图像,设置鼠标经过图像对话框,设置鼠标经过图像对话框,完成网站首页菜单效果,完成网站首页菜单效果,自主练习,同样方法设置上面实例文件中其他,5,个菜单效果，具体参数，,“蔬果品种”：原始图像“,images024.png,”、鼠标经过图像“,images025.png,”、替换文本“蔬果品种”。,“价格行情”：原始图像“,images026.png,”、鼠标经过图像“,images027.png,”、替换文本“价格行情”。,“有机蔬果”：原始图像“,images028.png,”、鼠标经过图像“,images029.png,”、替换文本“有机蔬果”。,“礼盒套餐”：原始图像“,images030.png,”、鼠标经过图像“,images031.png,”、替换文本“礼盒套餐”。,“行情资讯”：原始图像“,images032.png,”、鼠标经过图像“,images033.png,”、替换文本“行情资讯”,。,自主练习同样方法设置上面实例文件中其他5个菜单效果，具体参数,谢谢,谢谢,