（中职）网页设计与制作项目四 编辑网页图像 任务二 设置图像属性电子教案.docx

《（中职）网页设计与制作项目四 编辑网页图像 任务二 设置图像属性电子教案.docx》由会员分享，可在线阅读，更多相关《（中职）网页设计与制作项目四 编辑网页图像 任务二 设置图像属性电子教案.docx（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、（中职）网页设计与制作项目四 编辑网页图像 任务二 设置图像属性电子教案任务二 设置图像属性活动一 设置图像属性课程：网页设计与制作课题: 设置图像属性教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中设置图像属性的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解图像属性面板。掌握修改图像属性的方法过程与方法目标：通过案例展示，学生动手掌握在网页中设置图像属性的方法。情感态度与价值观：1、 培养学生善于发现、勤于动脑、乐于动手的

2、学习习惯；2、 激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：解图像属性面板教学难点：掌握修改图像属性的方法教学过程：教学程序教学内容要点1、导入知识链接一、图像属性2、新课讲授必备知识一、以可视方式调整元素的大小二、将图像回复到原始大小三、对已调整大小的图像进行重新取样3、学做合一实践任务实例网页在【教学资源包】【配套资源】【4.2.1】文件夹中。【活动实施】用Dreamweaver打开网页index.html【思考】图像大小的调整，如果不在Dreamweaver中调整，又可以用哪些工具调整图像大小，怎么操作？【练一练】在以上制作完成的网页基础上继续练级

3、1、通过可视化调节的方式调整第一张图大小为宽100高100。2、通过属性面板设置第二张图大小为宽200高200。3、设置第三张图链接为“4、课堂小结教师回顾本节知识点总结操作中出现的问题教学反思：活动二 编辑图像课程：网页设计与制作课题: 编辑图像教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中编辑图像的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解Dreamweaver 中提供的基本图像编辑功能。掌握在Dreamweave

4、r中编辑图像的方法。过程与方法目标：通过案例展示，学生动手掌握在网页中编辑图像的方法。情感态度与价值观：1、 培养学生善于发现、勤于动脑、乐于动手的学习习惯；2、 激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：Dreamweaver 中提供的基本图像编辑功能教学难点：掌握在Dreamweaver中编辑图像的方法教学过程：教学程序教学内容要点1、导入Dreamweaver 中提供了基本的图像编辑功能，使我们无需使用外部图像编辑应用程序（例如 Fireworks 或 Photoshop）即可修改图像。选择菜单【修改】|【图像】。设置以下任一 Dreamweav

5、er 图像编辑功能，注意:Dreamweaver 图像编辑功能仅适用于 JPEG、GIF 和 PNG 图像文件格式。其它位图图像文件格式不能使用这些图像编辑功能进行编辑。2、新课讲授必备知识1、重新取样2、裁剪图像3、优化图像4、锐化图像5、调整图像的亮度和对比度3、学做合一实践任务实例网页在【教学资源包】【配套资源】【4.2.2】文件夹中。【活动实施】用Dreamweaver打开网页index3.html【思考】如何设置Dreamweaver，使单击图像属性面板上的【编辑】按钮时，自动调用photoshop来编辑图像？【练一练】继续采用上面完成裁剪效果后的网页。1、调整第一张图的【亮度和对比度】。2、【锐化】第二张图，查看效果4、课堂小结教师回顾本节知识点总结操作中出现的问题教学反思：感谢您的支持与使用如果内容侵权请联系删除仅供教学交流使用