情境创设在动态HTML教学中应用.docVIP

情境创设在动态HTML教学中应用 　　摘要：在信息技术教学中，结合新课改的理念，采用创设教学情境的方法，可激发起学生的兴趣，让学生爱学，提高学习效率，取得良好的教学效果。初次面对HTML代码的学生，往往会产生畏难情绪。因此，创设一个好的教学情境，激发学生的学习兴趣，对于学生掌握Java和CSS非常重要。 　　关键词：情境创设；动态网页；HTML；Java；CSS 　　中图分类号：G633.67 文献标识码：A 文章编号：1671-0568（2011）06-0130-03 　　 　　信息技术是一门集知识性、趣味性及技能性于一体的新兴学科，因起步晚、知识更新快、硬件发展迅速等多种因素，其教学从教法到模式还没有形成一套完整的体系。有很多学生喜欢上信息技术课，却不喜欢学习信息技术知识。教师上课如果照本宣科，自然提不起学生的兴趣。在信息技术教学中，结合新课改的理念，采用创设教学情境的方法，可激发起学生的兴趣，令学生爱学，从而提高学习效率，取得良好的教学效果。因此，创设情境也成了目前信息技术教师提高课堂教学效果的一种手段。下面笔者想结合“动态HTML”中Java和CSS的教学案例，谈谈对情境创设应用于信息技术课堂教学的一些体会。 　　“动态HTML”是普通高中课程标准实验教科书《网络技术应用》第五章动态网页制作中第二节的内容。这一节要求学生体验JavaScript和CSS在动态网页设计中的应用并能使用JavaScript和CSS优化网页。Java和CSS的使用要求学生认识HTML，直接与代码打交道。由于学生之前做网页一直是使用FrontPage的按钮、菜单命令，所见即所得的制作，初次面对HTML代码，往往会产生畏难情绪，因此，创设一个好的教学情境，激发学生的学习兴趣，对于学生掌握这块技能非常重要。 　　一、对情景的选材 　　在讲授网站制作时，教师通常都会用展示一些优秀网站作品来激发学生对制作网站的兴趣，但如果选择的是由专业技术人员制作的商业网站或公司网站，即使网站制作很精美，也会由于所用技术与学生在课堂上能掌握的差距较大，而让学生产生畏惧和灰心的心理状态，对于激发其学习兴趣达不到应有的效果。 　　于是，笔者在选择范例网站时，选择了本校学生参加“全国中小学电脑制作活动”的参赛获奖作品和笔者为教学而制作的“网页制作专题学习网站”。实践证明，高年级同学的作品会给学生一种亲近感，学生会觉得高年级同学能做到的，自己通过学习也应该可以做到，不仅激发了学习兴趣，还能起到一定的激励作用。而授课教师亲自制作的学习网站，则能让学生对授课教师产生一种崇拜感，从而进一步激发学习兴趣。 　　二、采用的创设情境方法 　　情境创设的方法有很多，如激趣情境法、角色扮演法、问题情境法、体验情境法、媒体再现法，等等，而笔者在“动态HTML”教学中主要采用了激趣情境法、问题情境法、角色扮演法。 　　1.激趣情境法。“兴趣是最好的老师。”信息技术课是一门操作性极强的课程，如果教师在某节信息技术课上一开篇就直奔主题，带领学生动手实践，自己只是机械地传授知识，而学生则被动地接受。这样的课堂，无疑是缺乏生命力、沉闷不已的。 　　Java和CSS教学的前提是认识HTML。HTML代码这部分要求学生掌握“HTML的基本结构”、“HTML的常用标签以及属性”，这部分内容相对来说是比较枯燥的，怎样才能够吸引学生学，怎样让学生学得不枯燥呢？这就是创设情境所要考虑的，笔者决定用有趣的Java特效做引路石。 　　【课堂片断】： 　　（教师向学生展示了一个“跟随鼠标文字”的Java特效。） 　　教师：其实做这个特效一点都不难，Java代码在网上都能找到，不需要我们编写，我们要做的只是把这段代码插入到网页的区的第二行，可是区的第二行在哪儿呢？下面老师就把这段代码的记事本文件和网页文件发给大家，请同学们登录老师的“网页制作专题学习网站”的“HTML课堂”，看看哪个同学通过自主学习HTML结构，能最快地找到区的第二行，插入Java代码，实现“跟随鼠标文字”的网页特效。 　　（学生登录老师的“网页制作专题学习网站”的“HTML课堂”，利用专题网站中每个知识点都能立刻看到效果网页的特点，通过自主学习掌握了HTML的结构，并很快在正确的位置插入代码，实现了网页特效。） 　　教师：“跟随鼠标文字”的网页特效大部分同学都做出来了，可是现在文字的颜色和文字的内容和我的网页内容风格不和谐，我想把文字改成红色，文字内容改为“我和奥运”，这个应该在哪里改呢？下面请同学继续通过网站中的“HTML课堂”学习有关文字设置的标签及其属性，然后自己尝试修改Java代码中的参数，改变跟随鼠标文字的颜色和内容。 　　一个看似枯燥的知识点，教师在它的基础上设计一个有趣的操作，学生为了实现这个有趣的操