当前位置:首页 >> 其它课程 >>

七年级信息技术网页布局教学案例


《家装布局》 ——表格在网页中的应用
一、教材课程 (一)教材内容:《家装布局》是《信息技术》七年级下册第九章的第二节,它是在学生认识 网页制作工具软件 Dreamware Mx 并会简单使用的基础上开设的, 希望学生能够掌握用表格和框架 来对网页进行规划布局,使其制作的网页达到条理分明,自然美观的效果,它在本章中有承上启下 的作用,为后面网页的修饰和美化打下了坚实的基

础。因本节涉及表格和框架两个内容,为了夯实 学生基础,故分为两课时,今天所列内容为第一课时,重点介绍表格在网页布局设计中的应用。 (二)教学目标: 结合信息技术这门学科的特点,我将本课的教学目标定为: 1.知识与技能: (1)了解表格在网页布局设计中的功能和作用; (2)能根据实际需要插入合适的表格并对插入网页中的表格进行编辑和修饰; (3)掌握在表格中插入文字、图片、表格的技能 2.过程与方法: (1)通过对比分析和学生自主实践,引导学生从分析任务需要着手,学会从需要中寻找技术解 决的方法和策略。 (2)通过学生解决问题的过程,提高学生自主学习、自主探究的能力。 3.情感、态度与价值观: (1)鼓励学生根据任务需求进行科学合理的设计,促进学生分析问题与解决问题能力的提高。 (2)通过小组之间的互相协作,提高学生交流合作能力,同时帮助学生养成批判地接受他人意 见和建议的态度,学习与他人愉快地合作,更好地激发学习信息技术的兴趣。 (三)教学重、难点: 重点: 1、表格的相关基本操作和灵活应用 2、利用恰当的表格规划网页的版面 难点: 由于学生对使用表格进行网页布局设计的理念比较陌生, 所以我把这节课的难点放在根据网页 版面的设计需求熟练的使用表格。 二、教法学法 (一)学情分析: 通过前面的学习,学生对计算机及其常用软件的使用有了一定的基础,同时他们 对网络不但非常熟悉而且充满了好奇,内心中非常渴望知道丰富多彩的网页是如何制作的,所以每 位同学都充满了强烈的学习网页制作的欲望,兴趣高涨,动力十足。 (二)教法选择 1.本课采用“任务驱动----师生讨论----任务完成----效果评价----归纳汇总”的五步教学模 式。 2.在整个教学过程中,教师只是作为学生主动建构知识的帮助者和促进者,而不是知识的传授 者、灌输者。 3.注意分层要求学生。教师首先要面向全体学生,积极贯彻启发式、探究式和任务驱动式的教 学方法,针对学生学习基础的差异,在设计任务时再注意任务的层次性。 (三)学法指导 以“授人以鱼,不如授人以渔。”的观点为主导,在学习方法的选择上本着:一创设轻松和谐 的学习氛围;二提供更多表达、交流的机会;三积极鼓励学生大胆操作实践,四让学生通过成功的 作品,体验成就感,激发他们的创造欲望为原则。因此,本课中,我指导学生掌握以下四种学习方

法,自主探究法、合作学习法、操作实践法、归纳总结法等,培养培养学生的动手实践能力,提高 学生的信息综合素养。 三、说教学过程 合理的组织课堂教学是教育成功的关键。教学设计应注意围绕教学的重点和难点,充分调动学 生的主观能动性,发挥出教师的主导作用和学生的主体作用,启发引导学生学习新知,因此,我把 教学过程设计为如下六个环节。 (一)启(情境激趣,导入新课) (二)导(有的放矢,授人以渔) (三)知(思考研究,自由实践) (四)练(共同参与,合作成功) (五)评(大胆创新,展示自我) (六)结(归纳整理,反思小结) 具体阐述如下: (一)启(情境激趣,导入新课) 内容 1:展示两个同样的内容的网页,一个采取了表格进行布局,一个 没有采取表格进行布局。 意图 1:让学生初步明白表格可以帮助我们对网页进行排版布局。 内容 2:展示一些优秀网站中的网页(以表格进行页面布局的网页) 。 意图 2:让学生进一步明白表格是网页设计中最常用的布局工具,而灵活的应用表格,可以让 网页看上去井井有条、美观大方且具有吸引力,而作为设计者,你的网页制作水平也会让人刮目相 看。 在这个过程中,教师采用创设情境,激趣导入法。上课后,我直接进行内容 1 和内容 2 的活动, 尤其在内容 2 完成后我紧接着问:你想不想也成为网页制作高手呢?回答是肯定的,教师顺势导入 新课:用表格对网页进行设计布局。 (二)导(有的放矢,授人以渔) 内容 1:以教材中 P67 页的任务为例,教师演示在网页中插入表格(5 行 3 列)的 步骤,并针对表格中列在表格属性面板上设定“水平”居中、“垂直”居中,通过背景颜色框设定 背景为黄色并在指定单元格中添加项目符号。 意图 1:以一代面地教给学生方法,有助于学生形成一种定势,知道基本的操作技巧,从而去 尝试更多新鲜的操作方法。 内容 2:以上述插入的表格为基础,演示在表格中插入图片、合并单元格,拆分单元格,设置 边框等操作步骤。 意图 2:让学生更灵活的掌握表格的基本操作,同时让学生形成正是因为表格能实现上述的功 能,所以可以用表格来对我们的网页进行设计布局的意识。在这个过程中,教师采用传统的师传生 授法,教给学生插入表格的基本操作方法,同时提醒学生可结合在 Word 、Excel 中所学的相关知识 来帮助自己认识和掌握网页中的表格,打好基础。只有基本功扎实,才有可能进行大胆创新。 (三)知(思考研究,自由实践) 内容:1.学生模仿教师的上述演示自己操作实践,并能够通过教师的讲解,按照教材的要求, 自己独立完成对表格第一行、表格左列的设置,同时探索如何调整表格的行高和列宽。 2.在大部分学生完成操作后,请一位学生上前演示自学内容的操作方法。 意图:让学生在操作中体验成功的快乐,在动脑、动手的同时,夯实表格在网页制作中的基本 操作技巧,进行创新素质锤炼并为下一环节打好基础。 七年级学生正是求知欲旺盛的年龄,他们好奇心强,思维活跃,喜欢接受挑战,学习新知识的 能力较强。 在此过程中以学生为主体, 培养学生自主、 探究学习的能力; 以教师指导为辅,适当点拨、 启发,从而开启学生的智慧之门。此时教师要做好巡视指导的工作,及时解决学生初学时的问题。 (四)练(共同参与,合作成功)

内容:完成任务 1(必做)和任务 2(选做) 任务 1:以小组为单位参照教材 P69 页图 9-2-3,用表格完成结构设计并在指定位置插入图片。 任务 2:结合自己制作的电子小报的设计,用表格在网页中实现版面布局。(属于拓展进阶任 务:让学有余力的学生选择性学习,在实践中掌握根据需要选择合适的表格进行网页的布局设计) 意图:重点进行技能巩固方面的训练,达到知识迁移的目的。鼓励学生大胆创新,大胆实践, 在提高学生动手、动脑能力的同时,培养学生识美、审美、鉴美、赏美的能力,以及对自主、合作、 探究能力的训练与提高,突破重、难点。 在这一环节中,发挥学生的主体性作用的同时充分利用小组合作学习的强大功能,通过对知识 的回顾、体验、收获、自主参与,既提高了学生的语言组织能力及表达能力,又共同巩固了所学知 识点,而且对本节课知识的理解和掌握提高到了一个新层次。学生在完成这个任务的过程中,教师 一定要积极进行学法的指导,让学生自主探索、自主实践。 (五)评(大胆创新,展示自我) 内容:1.结合评价表,每组推荐一名学生上前展示。(推荐的学生也将是本节课的优秀组员) 2.学生互评,交流经验,共同提高。 意图:在此我安排了优秀组员作品展示环节,作品的展示是对学生能力的肯定,可以增强学生 的自信心,唤起他们的学习热情,为后续的学习打下良好的基础。 此过程围绕着任务 1 进行,无意识地产生了一种竞争机制,从而提高了学生的实践操作 能力和自主学习的能力,并养成良好的学习习惯。目的在于加深学生对知识的记忆、理解,完成真 正意义上的知识建构。 附评价表: 评价者 自己 组长

评价内容 能够根据任务要求插入表格(2分) 熟练掌握表格编辑操作(2分) 能根据需要用表格对网页进行布局设计(2分) 认真听讲,勤于思考,敢于实践(2分) 能认真参与小组互助、互学(2分) 附加分:完成任务2(10分)

(六)结(归纳整理,反思小结) 知识总结:(由学生进行) 1. 插入表格的基本步骤 2.表格设置和修饰的基本操作 3.用表格设计布局网页的优点 方法总结:(由教师针对课堂中的问题进行) 1.表格布局要自然合理 2.色彩搭配要协调 意图:训练分析归纳能力,并能触类旁通。掌握方法,寻找规律,使知识转变为能力。 学习是学生主动参与、发现、探究、知识建构和知识迁移的过程,而教师是学生学习活动的引 导者、指导者、组织者与合作者。在教学过程中,既要面向全体学生,又要注意个别差异,让学生 的个性得到充分发展。教学活动也要由以教师为中心向以学生为中心转变,由单纯向学生传授知识 转变为教学生学会学习。在这个教学过程中,学生在探究的过程中,巩固了知识,交流了经验,学 会了合作,体会到了集体的力量。 四、评价方法

学习评价是课程实施的重要环节,它能有效促进学生的发展。本节课中对学生采用多元评价制, 在内容上即注重学生的制作结果的评价,更注重评价学生在学习过程中经验的获得、良好的态度和 习惯养成的创造性思维的显现。在评价主体上既有教师评价,还要有学生自我评价、组内评价相结 合,以激励性评价为主,促进学生主动学习,有利于学生创新精神和实践能力的养成。 五、教学效果及反思 本节课由于突出以任务驱动为主线,以学生的自主探究学习为中心,充分调动了学生学习的积 极性,学生勤于动手、敢于创新,课堂气氛活跃;从完成任务情况看,知识目标完全达到,能力、 发展和情感目标基本实现。对于信息技术的学习,我一直非常重视在讲授的过程中将单一的传授操 作技巧转变为让学生明白为什么这么做,并且积极培养学生的实践能力和创新思维。另外,在教学 过程中始终贯穿合学教育的理念和方法不但提高了学生合作交流的能力,也为信息技术课堂带来了 更多的活力,在教学效果上也是事半功倍,学生学习的积极性和主动性也越来越高。


相关文章:
七年级信息技术网页布局教学案例
七年级信息技术网页布局教学案例_其它课程_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 七年级信息技术网页布局教学案例_其它课程_初中教育_教育专区。《...
七年级信息技术教学案例
七年级信息技术教学案例_其它课程_初中教育_教育专区...作品风格各异,布局、审美、制作无不体 现了各小组...所有作品在 学校的网站发表,极大地鼓舞了学生学习...
初中信息技术教学案例-美化网页
初中信息技术教学案例-美化网页_初三数学_数学_初中教育...(2) 能够应用主题, 来改变网页的整体布局; (3) ...七、教学评价设计 首先,在这节课的教学中,采用了...
应用表格布局网页教学设计(初中信息技术精品)
应用表格布局网页教学设计(初中信息技术精品)_其它课程_初中教育_教育专区。应用表格布局网页 ■教材分析 《应用表格布局网页》是苏科版初中信息技术第 10 章《主题...
用表格为网页布局教学设计(初中信息技术精品)
用表格为网页布局 一、教材分析 《用表格为网页布局》 是浙江教育出版社 《信息技术》 八年级上册第三单元 《网上安家》 的第 5 课,是整册教材的第 15 课...
《用表格布局网页》教学设计及反思
《用表格布局网页》教学设计及反思_教学案例/设计_教学研究_教育专区。应用表格布局网页■教材分析 本课是苏科版《初中信息技术》教材上册第十章第二节的内容,对应...
网页界面规划布局教学案例设计(高中信息技术精品)
网页界面规划布局教学案例设计(高中信息技术精品)_其它课程_高中教育_教育专区。课题 网页界面规划布局 课时 1 年级 高一年级 一、教材内容分析 本节课是高中信息...
网页布局教学设计(高中信息技术精品)
网页布局教学设计(高中信息技术精品)_其它课程_高中...探究网页 布局类型 完成 活动 2 ,深入分析案例,...网页基本信息、其他”这五类制作的拼图 七、教学...
第十二课 用表格为网页布局教学设计(初中信息技术精品)
第十二课 用表格为网页布局教学设计(初中信息技术精品)_其它课程_初中教育_教育专区。第十二课 一、教材分析 用表格为网页布局 《用表格为网页布局》是八年级上册...
更多相关标签:
css网页布局案例剖析 | 网页布局案例 | 七年级英语教学案例 | 七年级语文教学案例 | 七年级数学教学案例 | 七年级历史教学案例 | 七年级地理教学案例 | 七年级音乐教学案例 |