《制作网站（二）》教学设计

《制作网站（二）》教学设计
一、教材分析和处理
《制作网站（二）》一课是信息技术八年级上第二十一课的四、五、六内容，本课要求学生通过小组合作的方式制作一个网站，进一步巩固制作网站的基本知识和技能。同时学习如何与他人合作，以及在团队活动中更好地发挥个人的作用。因此根据这些学习要求，并结合实际情况，因为课堂时间有限，故确定了这样的教学目标：
知识与技能目标
⑴插入图片与填充文字
⑵设置背景图片
⑶修饰网页文字
⑶设置超链接
过程与方法
⑴将本单元主要知识点串到任务中，在学生通过小组合作，完成自己所负责的页面制作同时，通过环节中的作业点评达到巩固复习本单元知识点的目的。
⑵通过任务三：设置超链接，将每个分页面通过超链接组合成网站，体现从分工到合作的小组教学模式。
3、情感态度价值观
通过《关爱残疾人》主题活动激发孩子们的毅力和对团队力量的深度认识与体验。并在活动中达到小组互动、互助，共同提高的目的。
为达到这样的目标，根据本课时的教学内容和授课方式，对教学重难点作了这样的界定：
⑴教学重点
超链接的设置
⑵教学难点
网页里文字与图片的协调，网站中各页面的协调。小组成员如何有效协调。
二、学生对象分析
所教班级是温岭五中的八年级同学，信息技术基础一般，从整个班级的层次来看，他们的学习起点不一、知识结构及学力能力有较大的差异。
三、教学策略设计
积极引导学生进行自我探究，放手让学生去做，碰到困难了再集体解决。拒绝“填
鸭式”的教学方式。
2、小组合作教学模式的实现。本课是综合实践课，因为重要环节是小组合作的体现，但是如何在信息技术课中真正实现小组合作，一直是我所思考的。所以本课在这里的设计颇具心思，我尝试用角色定位每个小组成员，通过给他们每个人细致的分工任务，实现小组间真正的合作，使其最大化的发挥团队的力量！
3、分层教学的设计。在教学组织过程中，我让学生分组完成“关爱残疾人系列网站制作”的主题活动，对不同层次的学生使用分层任务，普通同学要求掌握本课的基本任务，而基础较好的学生，可以掌握本课的提高任务。
采用主题化教学模式，主题与小组合作相融合。《关爱残疾人系列网站制作》融入了德育教育，使学生明白只有利用集体的力量，你才有克服一切困难的毅力，包括完成一个网站，在任务完成中渗透情感熏陶，促使学生在掌握教学目标的过程中实现情感的升华。
四、教学准备
1、学生的学习准备
预习教材，带好课本进机房。
分小组，确定组长、技术员、美工设计时和宣传员。
小组成员课前讨论好，每个同学确定负责一个栏目网页的编辑与制作。
2、教师的教学准备
（1）课前为学生搜集素材，包括网页图片素材、文字素材、音乐素材以及特效代码。并拷贝到学生机器上。
（2）课前为每组设计好网站各个页面框架，并拷贝到组长的机器上。
（3）为组长的机器设置共享。
（4）预先做好问题的设计及突发事件的应对。
五、教学流程
教学流程 教学过程 设计意图
课前准备 1、请同学检查素材文件夹2、请同学跟着老师一起学会打开网上邻居 因为学生没操作过网上邻居，所以在课前演示一遍。
一、创设情境巧妙导入（3分钟） 同学们，2010年在广州举办的亚洲残疾人运动会，你们有看吗？你们去看的目的是为了关注什么？金牌数？谁得第一？那你们知道老师最关注的是什么？请一起看一组图片。播放幻灯片提问：最让你感动的是哪张图片？他在干什么？如果此刻你突然失去双臂，你的心情会怎样？你会像他一样跳入水中去游泳吗？确实，残运会上运动员们身残志坚，顽强拼搏的毅力是最让我感动的，我也是带着这份关注去看残运会的。那么今天，在信息技术课上就让我们一起用技术的手段把感动凝聚，通过制作关爱残疾人系列网站，利用信息的平台把关爱传递。展示：课题关爱残疾人系列网站制作 通过查看一组残运会上几个运动员虽然身体残废但却顽强拼搏的图片，引起学生的关注。再结合几个问题的引导，创设情境说明运动员们毅力的可贵，以及带给我们的感动，从而引出课题“关爱残疾人”！那么在电脑课上我们能给予他们关爱的只有利用技术的手段，制作网站，把关爱传递。
二、虚心学习优秀网站 但是，同学们在动手制作网站之前，我们都会抱着一种虚心的态度去取经，同样，我们先来看看优秀的网站是怎样的？展示：优秀网站首先，我们从标题上看出这是一个关于感恩的网站。第二，它给我们的最强的一个视觉冲突，就是它的网站风格，从它的背景图片上，我们看到比较有质感，显示出端庄、朴素、典雅的风格。第三，我们看一下它的栏目设置。。。。。。 通过欣赏优秀网站以及主要点评这个网站的风格，引导学生制作网站要注重网页间的协调性，特别要注意单个网页的协调。再通过查看网页栏目引出同学们共同回忆自己组的网站。
三、引导学生完成任务 那么同学们，还记得我们有几个栏目吗？我们来回忆一下展示： 幻灯片3：每位同学负责一个网页的编辑，幻灯片4：通过Frontpage直接打开网上邻居组长电脑上的网站目录进行操作。提醒组长：把自己的机器名告诉组员提醒学生：注意及时保存。那么，接下来我们就要完成1个任务：展示：幻灯片5快速充实自己的网页基本任务：利用素材资源，通过插入相关图片和复制文字来充实。能力提升：浏览自己网页的内容，并在网页的最后添加文字：“读后感：……”使内容更能彰显自己的个性，也更能让此刻的感动凝聚在瞬间。学生操作 展示一个学生的网页，请全班同学给他们提提意见。引出课堂任务二展示：幻灯片6二、修饰自己的网页基本任务：设置网页背景 修饰网页文字能力提升：1、插入背景音乐 2、添加特效代码可以选择其中的一个来做，结合自身情况决定。当然，高手，也可以两个都做。那么，我们还有一个温馨提醒：展示：幻灯片7温馨提醒：在这里，老师特别要强调的是：同学们，我们的最终要展现的是：小组网站，不是个人网页，所以个人做的好，不能代表整个网站就是好！我们要突出小组的协调能力和凝聚力。所以：1、在操作之前，请小组各成员讨论协调好网页基本色调。2、根据课前的角色定位，请各角色发挥自己特长，进行互相帮助。在我们每个组里面都有：组长、美工设计师、宣传员以及技术员。每一个人都有自己的职责所在，具体负责什么，或者我的角色需要我如何去做？在你们的纸质表格里也有的。接下来就是体现团队力量的时候，请，开始吧！学生操作 教师巡视，发现问题并记录学生作品演示请同学们来评评看，并给他建议？可以改正的有哪些地方？该怎么操作？鼓励一些合作比较好的小组，引导学生在接下来还要注意小组成员间的配合！但是同学们，你们刚才有注意到吗？老师查看同一个网站的页面，却需要一个一个的打开来看。那么同学们可以给我什么建议以便我下次更方便的查看网站？请这位同学来教教老师！学生演示展示：幻灯片三、设置超级链接要求：设置自己网页上，导航栏中各栏目的超链接自己的这个可以不用设置。能力提升：宣传员准备一下介绍自己组的网站。尝试在下面先介绍给组内成员听听看！注意：一定要把特色之处介绍出来！ 发挥组长的第一次作用，请组长更加确定自己的重要角色。设置分层任务，照顾有层次的学生。并使学生对本课的主题认识更深化。 引导学生评价作品与提建议，使学生主动想到要完成接下来的任务二。体现学生的主观能动性。根据学情分析，把任务分层设计，让好生吃饱，差生吃好！强调小组合作的重要性！使学生明白：每个人都要有合作意识！通过给各组员角色定位，使学生都有一个身份，并通过更加细致的分工与任务（在纸质上），使每个人都能发挥自己的作用去帮助别人，真正达到小组中各成员互帮互助的目的。通过发现问题，解决问题，实现知识点的再现，达到巩固与复习知识点的目的。通过发现问题，引出超链接的重要性！由学生来操作演示，把这个难点技能操作再现，并同学链接到哪个具体页面，提示学生小组合作的重要性！一定要互相询问，协调好！任务三的设计实际上就是体现了小组间从分工到合作的过程。提高任务的设计就是为了最后的作品展示，突出了最默默无闻的宣传员的角色功能！
四、作品展示交流点评 请学生展示作品，并请其他组的成员给予点评与建议！有问题共同指正，有好的大家一起学习！ 作品展示，分享成果！
五、课堂总结情感升华 同学们，相聚的时间总是短暂，马上就到了说离别的时候，老师真是不舍得，但是，今天令老师最难忘的是：课堂上同学们的表现似乎让老师明白了，为什么残运会上的运动员有如此顽强的毅力！对，就是集体给了他们动力给了他们源泉！亲爱的同学们，让我们坚持把这种力量持续下去，希望我们的六班在今后的学习生活中都做一个的强者！ 情感升华，请学生牢记今天的合作模式，请学生把这种精神在以后的学生生活中持续，引导学生注重的团体意识的培养！与本课的重要环节——小组合作相对应！
PAGE
5