“网站优化”教学设计.doc

高中信息技术4.3网站优化教学设计内容摘要： 作为教师在了解学情和认真分析教材基础上，要合理的制定教学目标及重难点，认真有序的安排教学，在教学中不仅锻炼提高学生的知识与技能，还要注意教学中的过程与方法，并正确引导学生情感、态度、价值观的方向。本节课作为一节实践活动课，教师关键是做好课堂教学的组织者的工作，更重要的是充分发挥学生的自主性、研究性和学习性。关键词：网站优化、设计、创新、学习、互助学情分析在设计教学之前，作为教师首先必须清楚了解我们任教学生的情况，正所谓“知己知彼，百战不殆”。在网络技术应用选修课的学习中，知识的不断积累，学生们已逐渐领悟什么是真正的网络，接入到家的那根线怎么就能连接了因特网；通过实际的动手练习，学生们也逐渐掌握了一些接入网络的技能操作，譬如：用水晶头和双绞线制作网线、组建小型对等网。学生们在自己组建的小型对等网中畅游网海，进行网络交流，更让他们体验到了成功的喜悦和无穷的趣味。现在，学生们的精神状态空前高涨，于是乎乘热打铁，通过网站优化这节课我们将融会贯通前面的相关知识点，借助一个半成品网站，通过实践活动的课程形式，让学生们尽情发挥，更好的在实践中的理解知识、应用知识，并通过本节课点燃他们后续学习的热情，将整个单元学习内容环环相扣。教材分析其次必须清楚本节内容在教材中的作用和地位。本节选自中国地图出版社网络技术应用第四单元第3节，它承接了前面两节的内容，在一个初建网站的基础上对其进行优化，其过程如同对毛胚房进行装潢。教材中明确提出了：“网站只有单纯的文字，却没有合理的布局，会使人感到单调而凌乱。对网站进行合理的布局，通过图像、动画、声音、视频使得网站成为具有多媒体功能的图文并茂的网站。”这一实践活动思想；然后教材中提供给我们了各种媒体插入进网页的方法，而我们在本节实践活动中必须对教材提供给我们的内容进行重新组合、筛选，通过不同学生的不同思想和创造对优化网站的知识点进行整合，并引导学生理解本节课是优化网站，而不是网页，在掌握合理使用优化的方法基础上，学会理解网站中网页的名称、位置以及相互间的跳转。因此本节的内容在发挥学生思维创造、动脑分析、动手操作的重点上，教师作为指导者提出优化方案和意见，引导学生加入个人元素、创造实践，最终完成网站优化的任务。本节课的教学目标一、知识与技能：1、 正确理解网站和网页的定义及关系，看懂站点文件夹与结构图；2、 掌握用图像、动画、视频、声音等素材的美化网页；3、 掌握利用表格等进行页面布局的方法；4、 掌握多种超级链接的方法，并能交互使用。二、过程与方法：1、 一个半成品的站点文件引入，放手让学生思考该如何去优化；2、 教师提出指导性的方案和意见，学生可在实践活动中融入个人意见和元素；3、 在实践活动过程中，遇到问题，通过自学、教师指导、同学间互助等多种形式，学会分析问题解决问题；4、 通过实际动手操作，实现网站的优化。三、情感、态度与价值观：1、 培养学生的感悟力和审美力，学会学习观察，创造突破的能力，学会分析问题，自我探索解决问题的能力；2、 通过感悟、观察、发现问题，分析问题，提高学生严谨的求学态度；3、 从实际问题出发，激发学生学习热情，提高他们自信心，培养他们解决实际问题的能力。4、 培养学生间的友谊、互助精神、学习精神。本节课教学重、难点利用本节课的学习既能很好的承接前面所学的知识，又能为后面的学习做好铺垫，并解决实际问题。在解决实际问题过程中，正确理解不同名词差别，并通过同一平台，不同思想创造的方式对知识梳理和补给，通过自我信息素养能力解决问题，完成任务。本节课教学方法在学生分析教师提供的指导性方案和意见下，加入个人的创造思想和元素，对半成品网站进行网站优化。实践活动过程中，学生主要通过已有知识和学件进行自主、创造学习，激发学习兴趣，提高动手能力。本节课教学设计过程一、 引入本节课主题教师：通过情境引入，展示一套房子装修前、后的图片，请同学们谈谈你们怎么看？学生：显而易见的，全体同学都觉得装修后的房子看着就舒服，住着更舒服！同时，也有同学提出自己的想法：“觉得虽然这个房子装修的不错，但如果是自己的房子绝对不会这么装，因为自己并不喜欢这样的设计风格。”（这个想法的提出，其实教师在设计教学时就考虑到了，也希望是由学生主动提出，效果更好。）教师：请几位同学说一下如果是你的房子你怎么装修？学生：有几位学生举手发言，表达了各人不同的装修设计风格，主要体现在主色调的定位、中式欧式家具、奢华或是简约方面。教师：简单小结：每个人的审美观及设计思维都不相同，因此即使是同一套房子也能设计出各不相同的风格来。（培养学生的感悟力和审美力，学会学习观察）学生：都表示赞同。教师：正式引入：本节课学习内容是对网站进行优化，广播打开半成品网站mysite，展示给学生看，提出在这个网站的基础之上进行你们的设计装修。学生：在老师引导下浏览半成品站点mysite，了解他的结构：仅有一个网页index.htm文件，一个images图片文件夹，一个private个人文件夹。（从同一间房的装修引入到同样的半成品网站需要学生们来创造修饰。课题的自然引入和过渡。达成教学目标中知识与技能部分：正确理解网站和网页的定义及关系，看懂站点文件夹与结构图；以及过程与方法：放手让学生思考该如何去优化。）二、 教学设计内容：教师：在学生对网站mysite的结构有基本了解后，打开网站首页index.htm，引导学生们分析这个页面。学生：对mysite的站点结构有了基本了解，已经感受到一个网站只有一个首页文件是不合适的。接下来，学生通过广播并在教师指导下分析目前index.htm页面内容状况，思考对这样的半成品，自己应该有哪些地方要去做。（达成教学目标中的学生能学会学习观察，学会分析问题，具有自我探索解决问题的能力。）教师：通过大屏幕广播，提出本节课的指导性优化方案：1) 站点文件mysite的首页index.htm页面中的内容并不完整，是否要添加素材？（添加什么？怎么添加？）2) index.htm中有标题行，可以考虑在同一页面内实现快速跳转。（怎么实现？）3) 一个网页只有一个站点是否太单调？（能否添加网页？网页间怎么相互跳转？）4) 新网页如何布局？（用什么帮助布局？）5) 整齐、美观、充实的网站页面，并且功能性良好，这应该是我们优化的基本方案。（教师提出指导性的方案和意见，学生可在实践活动中融入个人意见和元素。）学生：通过教师的介绍和分析，了解教师对该网站提出的指导性优化方案，同时通过自己的思考后，如何对于方案进行可行性的操作，同时，设计展现出能更体现学生个体个性的站点。参考教师提出的指导性优化方案，学生们应该有了一个基本的操作思路：1) 选择合适的素材将首页index.htm内容补充完整，方法在高一基础知识中学过一些，遗忘不懂得可以看看学件；2) 同一页面间的跳转，应该就是书签式链接；3) 肯定需要添加新网页，还要考虑结构和超级链接；4) 网页布局方法在高一上学期学过，通过表格形式进行布局，同时可以设置表格边框宽度=0，隐藏表格；5) 体现出自己的设计风格。（从实际问题出发，激发学生学习热情，提高他们自信心，培养他们解决实际问题的能力。）教师：结束屏幕广播，提出任务要求：通过刚才老师的优化方案的指导，下面大家可以自己根据自己的想法设计理想的网站页面。在设计的过程中，当大家有困难的时候，可以通过多方寻求帮助：通过学件自主学习；举手询问老师；请教身边的同学；向因特网求助。（在实践活动过程中，遇到问题，通过自学、教师指导、同学间互助等多种形式，学会分析问题解决问题。通过实际动手操作，实现网站的优化。培养学生间的友谊、互助精神、学习精神。）学生：按照教师要求，每人打开桌面上已经发送好的mysite站点文件，使用网页制作软件FrontPage2000打开首页index.htm文件，进行操作。教师：巡视课堂，巡视中发现学生设计中创新思想和熟练的操作技能及时给予表扬，发现操作技能方面的问题及时给予指导解决。提示学生：合理使用网站中的images、private这两个文件夹。提示学生：我们共学过哪些超级链接的方法？（书签、图片、文字、热区）提示学生：我们平时浏览的网页都能看到表格么？（教师做好组织者工作，提醒学生仔细观察、发现问题，分析问题，提高学生严谨的求学态度。）学生：规划设计网页：背景色、背景图片、背景音乐，从主色调上显示了自己的设计风格；添加素材，不少同学采用图片、文字结合，也有同学插入了flash动画和视频。同一页面跳转，不同的人有不同的考虑，选择不一样的书签对象。同时，学生会发现一个问题：标题栏是一个完整的图片。要对图片中的不同区域去做热区式书签链接，有学生犯难，不懂得灵活应用。学生设计新网页，新网页设计大大跳出了首页的设计框架，布局、内容每个人都不相同。方法参照首页创作。完成优化网站的任务。（掌握用图像、动画、视频、声音等素材的美化网页；掌握利用表格等进行页面布局的方法；掌握多种超级链接的方法，并能交互使用。）三、 课堂总结教师：展示、分析部分学生作品，请学生小结本节课的学习体会。（学生间相互学习交流。）学生：小结本次实践活动后的学习体会，主要谈：设计思路、学习方法、操作遇到的困难如何解决、如果没有这个半成品框架，自己来设计网站会设计什么主题教师：提出后面的学习要求，后面利用两节课时将安排同学们自我设计一个全新网站作品。此时下课的铃声正好响起。（安排学生对本节课实践活动过程进行简单小结，回顾他们自己动手实践的过程，培养他们语言表达能力和严谨的求学态度。引导出下次课的教学任务，并提供学生更多思考的空间。）