《ASP动态网页.doc》由会员分享,可在线阅读,更多相关《ASP动态网页.doc(2页珍藏版)》请在三一办公上搜索。
1、.ASP动态网页 【教材分析】ASP动态网页是中学信息技术选修3网络技术应用(地图出版社)第四单元第四节中的内容。这部分的内容对于中学生来讲是比较抽象难懂的,特别是ASP动态网页的概念和工作原理等知识的理解更是这节教学的重点和难点。我希望在这部分的教学中,通过一些具体的实例和任务,帮助学生从实践操作中逐步体会和理解,由浅入深,从感性到理性,逐步理解和掌握这一节的知识和技能。【学情分析】在本节课之前学生已经初步了解了HTML语言的相关知识,了解过动态网页中的CSS技术,也学会了如何去发布站点等操作,这些都为我们这节课的学习打下了基础。但同时,他们对动态网页的了解还不是很深入,对概念很模糊,他们甚
2、至认为一切可以动的网页就都是动态网页。所以在这一节的教学中,如何帮助他们区分,从而真正的理解ASP动态网页的概念也是一个教学上的重点和难点。【教学目标】知识与技能:1、 初步了解动态网页的基本技术2 、理解ASP动态网页的概念及其工作过程过程与方法:能通过学件和教师的提示,自我探究学习。通过完成规定情境下的任务,获得对知识的感性认识。再通过对相应思考题的积极思维活动,达到对知识的理性认识,并形成抽象的概念原理的过程。情感、态度、价值观:培养学生主动学习,积极探索、勤与思考、善于总结的好习惯【教学重点】理解ASP动态网页的概念及其工作过程【教学难点】1、 ASP网页的概念及其与DHTML网页的区
3、别2、ASP网页的工作过程【教学环境】多媒体网络教室【教学策略】教学方法:本课主要采用了讲授、探究式学习、任务驱动、感性体验与理性建构相结合等教学方法和手段。利用给我的朋友露露的网店变身作为情境导入,逐步引导学生进行探究式学习。通过完成每一阶段的任务来获得相应的感性认识。同时在每一阶段的任务后又给出了若干思考题,通过对思考题的思考分析,教师的点拨引导,帮助学生实现理性建构,完成对知识和概念的理解。教学准备:本课网络学件、露露网店素材。【教学过程】教学过程教师活动学生活动设计意图情境导入我的朋友露露在网上开了个小店,出售自己闲置在家里不用的一些物品.可是一直以来生意比较清淡,我在浏览过她的网页后
4、发现可能部分原因是她的网页做的不够吸引顾客.那今天请大家一起来帮帮她,看看能不能让她的小屋变的更炫一些!下面我们开始吧!(展示”露露的小店”网页)学生观看教师的网页展示通过给我的朋友露露的网上小店网页出谋划策来带领大家进入教学情境.探究任务一(一)小屋变身第一步-添加动态效果!探究任务一:请参考学件,给网页添加两种动态效果,让露露的网店看起来更漂亮!思考题:1、 你所添加的这些动态效果的代码有没有共同之处?共同之处在哪?2、 网页的扩展名是什么?你是通过什么方式浏览网页的?学生答:1、有共同之处。这几种动态效果的代码都有共同的标记,那就是:.教师小结:我们在前面的学习中也见识到过类似这些动态的
5、效果,其真正产生作用的代码都有共同的标记.这对标记的意思是在网页中嵌入脚本语言,而其使用的语言则是java脚本语言.其实可以用于制作的脚本语言除了javascript,还有VBscript等其他类型的,但因为javascript得到了大多数浏览器的支持,所以我们用的比较多.学生答:2、.htm ,直接打开浏览器就可以浏览。教师小结:我们在添加完代码后,直接保存,扩展名仍然是.htm文件,直接打开浏览器就可以浏览到效果了.这说明浏览器能够自己读懂网页中的java脚本语言,它能够由浏览器自己解释执行!像这样的在传统HTML网页上增加一些脚本语言或者前面学过的CSS技术的网页我们称之为动态HTML即
6、DHTML网页。1、学生参考学件完成任务一2、 展示此阶段成果3、请同学起来回答思考题通过探究任务一同学们可以将各种有趣的动态效果添加到网页中,获得感性认识的同时也增强了学习的趣味性。同时通过思考题的回答和老师的总结,帮助他们从感性认识到理性认识,了解了DHTML技术的特点,为其与ASP网页的区分打下基础。探究任务二(二)小屋变身第二步-添加购物区!探究任务二:请参考学件,在网页中适当的位置添加一个购物区,以便浏览者浏览自己购物的一些信息!思考题: 请保存后在IE浏览器中打开浏览,能得到你要的效果吗?出现了什么问题?学生答:不能,网页点击订购后出现代码了.而不是我想要的效果.教师小结:这说明这
7、部分的代码跟任务一所添加的不同了,浏览器无法对订购部分的代码解释执行了,这个时候另一个“重要人物”登场了WEB服务器IIS !1、学生参考学件完成任务二2、 展示此阶段成果3、回答思考题通过对探究任务二的实践,让同学们亲身体验引导出ASP网页的最大特点和其与DHTML网页的区别需要WEB服务器发布执行探究任务三(三)小屋变身第三步-下订单吧!探究任务三:1、尝试将该网站在web服务器IIS中发布后,通过虚拟路径(http:/localhost/index.htm)查看运行结果,能看到你要的效果了吗?2、再尝试将该网页文件的扩展名改为.asp,然后再通过虚拟路径(http:/localhost/
8、index.asp)查看运行结果,现在能得到你要的效果了吗?思考题:1、 为什么要先发布?2、 发布前应该首先保存到哪里?3、订购不同的商品网页发生变化吗?变化是根据什么产生的?4、我们最终看到的网页包含哪些内容?学生答:1、需要WEB服务器的解释执行2、网页保存到WEB服务器(具有IIS组件的机器)内3、变化,根据客户的请求4、执行的结果,页面上的HTML内容,各种客户端脚本教师小结:网页保存到WEB服务器内客户的请求WEB服务器的解释执行 将执行结果连同页面上的HTML内容以及各种客户端脚本一同传送到IE浏览器=动态服务器页面=Active Server Page=ASP网页1、学生参考学
9、件完成任务三2、 展示其作品3、回答思考题通过探究任务三的实践探索,学生能获得对ASP网页工作原理的感性认识。在通过对思考题的思考,教师的引导分析总结,帮助学生实现相应的理性建构。从而了解ASP网页的概念、其工作过程和原理。本课知识拓展与总结教师:大功告成!今天大家帮了露露一个大忙.但同时我们自己也有很多收获!最后,我们通过几个小选择题来总结一下这节课所学到的知识吧!在知识总结栏目中自我测试一下,看你都能答对吗?1、下面哪个选项是客户端脚本语言?( )A、其他三项都是 B、JavaScript和VBScriptC、Navigator3.0t和Internet Explorer D、FrontP
10、age2000和 Dreamweaver2、在HTML中嵌入JavaScript,应该使用的标记是( )。A、 B、 C、 D、3、在下列选项中,哪一个选项最符合ASP代表的含义?( )A、动态服务器页面B、高级程序设计语言C、超文本传输协议D、域名4、下列关于ASP的工作原理说法正确的是( )。A、使用不同技术编写的动态页面保存在Web服务器内。B、Web服务器仅把脚本代码的执行结果传送到客户端。C、所有脚本代码均在客户端计算机中执行。D、使用不同技术编写的动态页面保存在客户端计算机中。学生浏览学件中知识拓展和知识总结栏目,自我测试总结通过学件中知识拓展栏目,让学有余力的同学去自我拓展,了解
11、动态网页的其他技术。知识总结栏目中的4个选择题则是从会考模拟试题中选出的,既可以帮助大家总结本科的知识点又可以贴近会考,一举两得。【教学反思】本次课的教学内容和知识点对于中学生来讲是非常抽象的,如果一味的灌输,我想他们也“只知其然而不知其所以然”,很快这些好不容易灌输进去的知识便会被遗忘的一干二净。所以针对这种情况,我设计了这个给露露的网站变身的情境,在教学开始同学们的积极性就被调动起来。然后从浅入深的设计了三个探究任务,通过学件的辅助,同学们主动探究,完成任务的过程中他们也获得了很多的成就感。很多同学在添加完代码后看到效果,都感叹太漂亮太神奇了,自己居然也能做出来。同时他们也在探索中不断的发
12、现问题和解决问题。同学们时而兴奋的表情,时而眉头紧锁思考的样子,让我倍感欣慰,因为这说明他们已经融入其中,而这些便是我想让他们获得的丰富的感性体验。这部分的设计通过课堂上学生的表现说明还是比较成功的。然后我想再通过给出每一个探究任务后的思考题,同学们起来各抒己见,老师再帮助引导总结,学生便能很轻松的从感性体验上升到理性认识。但在教学的实践过程中,发现学生对于个别思考题的理解还比较茫然,很难自己进行总结概括。这就需要老师适时的帮助引导分析。只有把这个环节做好了才能得到理想的教学效果。最后在知识的总结部分,4个选择题大家都能很轻松的回答出来,甚至有同学表现出了对ASP网页的极大兴趣。所以我想可以在后续的教学中向大家继续介绍ASP技术的应用如留言版等知识。