论文部分内容阅读
摘 要：学生畏惧“动态网页制作”的学习，根据维果茨基的最近发展区理论，合理组织教材内容，剖析知识，充分发挥教师的主导性，指导、激励、帮助学生系统地构建动态网页知识。
关键词：有效；动态网页；实践
中图分类号：G427 文献标识码：A 文章编号：1992-7711（2012）02-044-1
如何引导学生学习第五章的内容，突出动态网页的“动”？我主要从以下四个环节入手。
一、感知“动”，抛砖引玉
再次欣赏第四章提供的《机器人做学玩》网站，引导学生分析首页面的“动”人之处，挑动学生的学习欲望。学生对新颖的事物总是很感兴趣，在平淡无奇的网页上稍增添一点“动”的元素，让网页产生焕然一新的变化，他们会努力将这种变化实现于自己做的网页中。
二、剖析 “动”，小试牛刀
学生对新知识会有一定的畏难情绪，当他觉得这种知识“好玩”，有兴趣尝试时，我们就不用担心他这部分内容的学习能力。初次认识动态网页，从感性上对动态网页的“动”有了一定的认识，并产生了一定的兴趣，我们就得从理性上认识它，剖析它。教材上所说的动态网页，主要分解成“动态HTML”和具有交互性的动态网页。“动态HTML”再次分解为客户端脚本语言和CSS样式表，交互性强的动态网页主要介绍ASP技术。学习“动态HTML”有一个循序渐进的过程，我们对教材展开分析不难发现，教材对“动态HTML”的操作是从简单易实现的工具操作开始，逐渐过渡到插入相应代码。学生可通过Frontpage自带的“动态HTML效果”工具栏实现鼠标悬浮时文字或图片的变化，初识JAVA客户端脚本语言，认识网页中的特效。“动态HTML效果”工具栏无法实现的特效如何实现？引导学生自然过渡到插入JavaScript特效代码的学习。
在小试牛刀的过程中学生要做到有的放矢，可以先模仿，再理解语句适当修改代码。面对初次接触并需理解的操作，所有的操作若一一俱全，会使学生分不清操作重点，我个人的处理是“挑”着做，对布置的练习分设必做和选做两部分。第五章中，我要求学生必须完成的操作有：（1）初识JavaScript：借助Frontpage “动态HTML效果”工具栏实现鼠标悬浮时文字或图片的变化；（2）理解JavaScript：题一：弹出警告窗口；题二：在网页适当位置显示系统时间；题三：实现公告栏文字自下而上的滚动效果。（3）实践CSS样式表：重点操作内联式样式表；（4）发布网站，实现网站的“共享”。
关于ASP，我觉得对学生而言的确存在一定的难度。为了更好地帮助学生理解这部分内容，我调整了部分内容的顺序，将ASP工作流程调至最后。首先让学生自学，找到“什么是ASP”的关键词，再通过实例“验证”关键词。教材突出的关键词是“服务器端脚本”，但学生不理解，如何 “验证”这个关键词？学生先照教材编写一个简单的ASP网页，在思维定势的影响下，他们会直接点击“预览”，页面无法显示后，突出“服务器端”这个关键词。学生再按教材提示设置好ASP运行环境后，我通过教师机访问该学生机器，演示该ASP网页是否运行，趁机强调了服务器端与客户端的定义（学生总认为只有教师机才是服务器，意识不到自己的机器也能成为服务器）。接着趁热打铁，我直接右击在当前网页，查看网页的源文件，请被访问端学生比较所看到网页源代码与自己编写网页代码的区别，理解教材“服务器将100%的纯HTML代码发送到客户端，所以我们在客户端看到的代码还是HTML，并不是ASP的源代码。”最终水到渠成，让学生理解总结出ASP的工作流程。
三、总结“动”，高屋建瓴
学到最后，一定要归纳点题，首尾呼应，回归第一小节“认识动态网页”。总结什么是动态网页？动态网页制作中常用的技术有哪些？动态网页除了将网页个性表现得淋漓尽致外，主要优点有哪些？比较静态网页与动态网页有何主要区别？理清理顺基本概念，最终解决问题达成“认识动态网页”的目标。当然，学习完了这一章的内容，并不能说明学生就掌握了所有动态网页的内容，要让学生明确实践的目的不只是提高他们的技能，更重要的是在实践过程中体验动态网页制作的思想和优点。
四、对教材的困惑与反思，反馈教学
1.读与读懂教材，教材要读细
教材将动态HTML划入动态网页的内容，提及“动态网页不仅局限于动态HTML，还包括…………”，初次看到这个提法，我比较困惑。已有的经验告诉我动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，采用动态网站技术生成的网页称为动态网页。或者说程序是否在服务器端运行，是区分静态网页与动态网页的重要标志。那动态HTML属动态网页吗？继续翻阅教材，细读教材，发现教材对“什么是动态网页”有这样的说明，“随着网络技术的发展，动态网页涵盖的范围在不断扩大，现在动态HTML也已成为动态网页的重要组成部分。”
2.用教材，但不唯教材，可根据需要适当调整教学内容
教材编排者有自己的思路，不可能迎合每个人，我们的教学过程中可能会觉得“如果怎样处理就会更好些”之类的想法。为了更好地用好教材，我们可以适当处理教材，不唯教材是从，以人为本，使教学富有个性和创造性，是我们每位教师的追求。在第五章教学中，我主要对教材作了以下调整：（1）第一节“认识动态网页”先要求学生对动态网页有感性上的认识，将动态网页与静态网页的区别内容调整至学完第五章所有内容后总结，使学生的认识更深刻一些。（2）第三小节“应用动态HTML”，主要内容在网页中加JavaScript特效。可调整到客户端脚本语言的运用中，提升学生实践运用能力。（3）第四小节内容可帮助学生更全面体会动态网页的优越性，虽然给教学带来一定的难度，可以从简单的实例出发——介绍ASP运行环境——归纳ASP工作流程。
关键词：有效；动态网页；实践
中图分类号：G427 文献标识码：A 文章编号：1992-7711（2012）02-044-1
如何引导学生学习第五章的内容，突出动态网页的“动”？我主要从以下四个环节入手。
一、感知“动”，抛砖引玉
再次欣赏第四章提供的《机器人做学玩》网站，引导学生分析首页面的“动”人之处，挑动学生的学习欲望。学生对新颖的事物总是很感兴趣，在平淡无奇的网页上稍增添一点“动”的元素，让网页产生焕然一新的变化，他们会努力将这种变化实现于自己做的网页中。
二、剖析 “动”，小试牛刀
学生对新知识会有一定的畏难情绪，当他觉得这种知识“好玩”，有兴趣尝试时，我们就不用担心他这部分内容的学习能力。初次认识动态网页，从感性上对动态网页的“动”有了一定的认识，并产生了一定的兴趣，我们就得从理性上认识它，剖析它。教材上所说的动态网页，主要分解成“动态HTML”和具有交互性的动态网页。“动态HTML”再次分解为客户端脚本语言和CSS样式表，交互性强的动态网页主要介绍ASP技术。学习“动态HTML”有一个循序渐进的过程，我们对教材展开分析不难发现，教材对“动态HTML”的操作是从简单易实现的工具操作开始，逐渐过渡到插入相应代码。学生可通过Frontpage自带的“动态HTML效果”工具栏实现鼠标悬浮时文字或图片的变化，初识JAVA客户端脚本语言，认识网页中的特效。“动态HTML效果”工具栏无法实现的特效如何实现？引导学生自然过渡到插入JavaScript特效代码的学习。
在小试牛刀的过程中学生要做到有的放矢，可以先模仿，再理解语句适当修改代码。面对初次接触并需理解的操作，所有的操作若一一俱全，会使学生分不清操作重点，我个人的处理是“挑”着做，对布置的练习分设必做和选做两部分。第五章中，我要求学生必须完成的操作有：（1）初识JavaScript：借助Frontpage “动态HTML效果”工具栏实现鼠标悬浮时文字或图片的变化；（2）理解JavaScript：题一：弹出警告窗口；题二：在网页适当位置显示系统时间；题三：实现公告栏文字自下而上的滚动效果。（3）实践CSS样式表：重点操作内联式样式表；（4）发布网站，实现网站的“共享”。
关于ASP，我觉得对学生而言的确存在一定的难度。为了更好地帮助学生理解这部分内容，我调整了部分内容的顺序，将ASP工作流程调至最后。首先让学生自学，找到“什么是ASP”的关键词，再通过实例“验证”关键词。教材突出的关键词是“服务器端脚本”，但学生不理解，如何 “验证”这个关键词？学生先照教材编写一个简单的ASP网页，在思维定势的影响下，他们会直接点击“预览”，页面无法显示后，突出“服务器端”这个关键词。学生再按教材提示设置好ASP运行环境后，我通过教师机访问该学生机器，演示该ASP网页是否运行，趁机强调了服务器端与客户端的定义（学生总认为只有教师机才是服务器，意识不到自己的机器也能成为服务器）。接着趁热打铁，我直接右击在当前网页，查看网页的源文件，请被访问端学生比较所看到网页源代码与自己编写网页代码的区别，理解教材“服务器将100%的纯HTML代码发送到客户端，所以我们在客户端看到的代码还是HTML，并不是ASP的源代码。”最终水到渠成，让学生理解总结出ASP的工作流程。
三、总结“动”，高屋建瓴
学到最后，一定要归纳点题，首尾呼应，回归第一小节“认识动态网页”。总结什么是动态网页？动态网页制作中常用的技术有哪些？动态网页除了将网页个性表现得淋漓尽致外，主要优点有哪些？比较静态网页与动态网页有何主要区别？理清理顺基本概念，最终解决问题达成“认识动态网页”的目标。当然，学习完了这一章的内容，并不能说明学生就掌握了所有动态网页的内容，要让学生明确实践的目的不只是提高他们的技能，更重要的是在实践过程中体验动态网页制作的思想和优点。
四、对教材的困惑与反思，反馈教学
1.读与读懂教材，教材要读细
教材将动态HTML划入动态网页的内容，提及“动态网页不仅局限于动态HTML，还包括…………”，初次看到这个提法，我比较困惑。已有的经验告诉我动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，采用动态网站技术生成的网页称为动态网页。或者说程序是否在服务器端运行，是区分静态网页与动态网页的重要标志。那动态HTML属动态网页吗？继续翻阅教材，细读教材，发现教材对“什么是动态网页”有这样的说明，“随着网络技术的发展，动态网页涵盖的范围在不断扩大，现在动态HTML也已成为动态网页的重要组成部分。”
2.用教材，但不唯教材，可根据需要适当调整教学内容
教材编排者有自己的思路，不可能迎合每个人，我们的教学过程中可能会觉得“如果怎样处理就会更好些”之类的想法。为了更好地用好教材，我们可以适当处理教材，不唯教材是从，以人为本，使教学富有个性和创造性，是我们每位教师的追求。在第五章教学中，我主要对教材作了以下调整：（1）第一节“认识动态网页”先要求学生对动态网页有感性上的认识，将动态网页与静态网页的区别内容调整至学完第五章所有内容后总结，使学生的认识更深刻一些。（2）第三小节“应用动态HTML”，主要内容在网页中加JavaScript特效。可调整到客户端脚本语言的运用中，提升学生实践运用能力。（3）第四小节内容可帮助学生更全面体会动态网页的优越性，虽然给教学带来一定的难度，可以从简单的实例出发——介绍ASP运行环境——归纳ASP工作流程。