网页设计与制作 教案（第7周）

课程名称：网页设计与制作主备人：审核人：第6页网页设计与制作教案（第7周）专业课程学习任务项目4：了解文字与图层任务7掌握操控变形综合实战—设计与制作加湿器宣传网页项目5：掌握切片与网页图像任务1了解网页切片任务2掌握网页图像课时6教学对象授课时间设计者一、学习任务分析1．掌握网页切片的使用。2．教材中的知识与案例均是从实际工作中精选而来，具有很强的应用性和示范作用。同时教材结构清晰、内容翔实、语言浅显易懂，并配以精美的素材图片。二、学情分析对于刚刚接触网页设计的学生，思想活跃，有探索新知识的强烈心理，专业课的学习，除需要一定专业基础外，还需要学生具有很强的技能操作能力，所以在本次课的讲授中，采用演示、引导、任务练习的方法，让学生了解所学的内容。三、学习目标知识目标：掌握网页切片输出的方法。掌握网页图像的优化与输出的方法。能力目标：学会为制作的网页创建切片。学会为制作的切片进行输出。学会为网页图像进行优化。学会为网页图像进行输出。素质目标：积极积累网页各个方面知识点并将其在工作中进行运用。四、教学策略重点难点：重点：了解操控变形的应用；难点：掌握切片的编辑与的使用。教学方法：演示案例教学法。教学模式：分组讨论，集中点评，共同提高。五、教学环境及资源准备教学环境：多媒体实训室课前准备：1.对应本节课制作了相应的备课。2.认真设计教案、课件和教学过程。六、教学过程教学环节教学内容教师活动学生活动设计意图情景描述上课，同学们好！（相互问好！）7S管理组织教学。课前3分钟：一个在家能主动帮助父母，在学校主动帮助老师同学的人，一定是一个优秀的人。送人玫瑰，手留余香。助人者，收获的是能力的提高和心灵的愉悦。复习提问：一、对于图层有哪些不懂得？7S管理组织教学、统计出勤；课前3分钟教育；进行复习提问，让学生进入思考状态。以小组为团体回答，并加分。使学生注意力集中积极思考，积极回答问题。7S管理形成习惯，巩固知识，增强团队意识。引导问题如果网页上的图像较大，浏览器下载整个图像需要花很长的时间。切片就是将一幅大图像分割为一些小的图像切片，然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来，成为一幅完整的图像。这样做可以减小图像的大小，减少网页的下载时间，还能将图像的一些区域用HTML来代替。为此，小艾想使用比较专业的软件对处理中的网页进行输出优化，而同事凯程告诉她，Photoshop就可以完成对一个设计的网页进行切片制作并输出的功能。在此方面只要了解网页切片输出和网页图像的优化与输出即可。引出本节重点内容，注意培养学生的观察力和注意力。学生跟随老师的讲解和启发进入内容，积极思考。通过导入问题,让学生分小组思考。相关知识介绍任务7掌握操控变形该功能能够通过添加的显示网格和图钉对图层中的图像进行变形，从而使僵化的变换变得更加具有柔性，使变换后的图像更符合创作者的要求，变换后的效果如图所示。任务1了解网页切片“切片工具”是Photoshop软件自带的一个平面图片切割工具。使用“切片”工具可以将一个完整的网页切割成许多小图片，以便于从网络上下载。活动1了解创建切片Photoshop中的切片工具主要用于在制作网页时候对图片进行“瘦身”，它可以在不损失图像效果的前提下，减小文件的容量。在打开的图片上，使用切片工具，将光标置于要创建切片的位置，按住鼠标左键拖动，拖动到合适的切片大小绘制切片，具体的创建过程与矩形选框工具相同，如图所示。活动2了解编辑切片如果切片大小不合适，还可以调整和编辑切片，在图片中创建切片后，单击鼠标右键，在弹出的快捷菜单中选择“划分切片”命令，在弹出的“划分切片”对话框中，将划分切片的“垂直划分为”设置为3，设置完毕单击“确定”按钮，完成切片的划分，如图所示。任务2掌握网页图像优化网页使之能快速下载是页面制作中很重要的考虑因素。网页优化涉及方方面面，图片优化则是其中重要手段之一，本此任务就讲述如何进行网页图像的优化。活动1掌握图像的优化及应用颜色表图像的优化应用颜色表活动2掌握图像大小及保存图像图像大小保存图像课件设疑，引起注意，牢牢抓住和吸引学生探究新知识的心理。讲练结合，突出实操能力培养。跟随老师进入思考分析状态。认真完成操作任务。通过课件引出问题，演示法和指导法，使学生掌握知识点。提高学生操作能力。分组讨论组织学生分小组讨论引导问题，保证人人有任务，人人有活干。评分项目评分指标标准分评分仪态举止是否得体0.5准备准备是否充分0.5语言声音是否洪亮、表达是否准确0.5小组配合组分工是否明确，配合是否默契0.5小计2分配小组长任务。通过引导问题，学生进行分析、思考。各个小组分配任务进行讨论问题。达到培养学生分工合作和查找资料能力。小组展示各小组派代表上黑板前展示自己小组引导问，由全班同学找出问题并由小组代表进行解答。展示并解答问题。学生展示讨论成果，回答问题。锻炼学生表达能力和仪表。锻炼学生表达能力和仪表。全班查找问题。课堂总结找最优秀小组讲解设计中的注意事项，并由教师点评总结设计注意事项，并分组点评各组优缺点。总结点评设计情况，并归纳知识点。学生总结所学知识，积极回答问题。学生掌握知识。布置作业一、为图像创建切片并设置链接布置作业，并讲解具体要求。记录并在课下思考问题，主动学习。培养学生学习能力。便于下次课进行。七、教学评价设计通过小组自我评价、小组评价、教师评价完成对小组进行评价，教师和组长对成员进行评价，回答问题加1分；演示操作加2分，第一名小组的成员每人加1分。记入平面成绩，期末进行成绩综合评定。评价项目评价指标标准分自我评价小组评价教师评价学习态度学习主