第五课认识动态网页三、教学过程(一)动态HTML的概念1、情景创设教师:展示做好的网页,网页中有许多动态HTML的效果,问:请观察以下网页,注意哪些地方发生了动态的变化?学生:仔细观察,发现有文字移动,背景颜色随鼠标变化等特效,兴趣大增。教师引导:同学们想不想学呢,这是什么技术呢?2、动态HTML(DHTML)的概念教师给出概念:在脱离网络环境下,网页下载到浏览器以后仍能够随时变换的HTML3、教师演示:在FrontPage中,提供了一些动态HTML效果,教师演示操作步骤例1:实现简单的动态HTML效果演示:鼠标特效方法:格式----动态HTML教师只演示其中一个,其他例子先让学生自己探索。培养学生的自学能力。学生探索研究后,老师请先完成的同学出来演示,并讲解难点,如鼠标悬停效果。过渡:进一步理解动态网页的概念。动态网页不仅局限于动态HTML还包括采用CGI、ASP、JSP、PHP、Perl等技术动态生成的页面(二)、动态网页的概念这里所谓的动态主要强调的是人机关系,即,按照访问者的不同需要对访问者输入的信息作不同的响应,并提供相应的信息。教师展示网站,让学生体验良好的人机关系,这些网站主要是由asp、php等技术生成的例3:认识几种动态网站http://www.baidu.com搜索引擎http://www.xingyun.org.cn/zm/exam/在线考试系统http://jlzx.k12.com.cn/platform/index.php?t=book_index_firsthttp://www.taobao.com购物网站http://lib.czedu.gov.cn/default_login.asp数据检索,后台数据库http://blog.163.com/jswzb博客系统通过演示,让学生体会到本节所说的动态网页这个“动”字的涵义,主要强调的是一种人机交流,而不是一种动画技术。(三)、总结:静态网页和动态网页的比较请学生讨论完成以下表格:静态网页动态网页是否支持动态显示效果无法实现动态显示效果能实现个性化的交互功能,能否及时更新和响应维护繁琐,不便人机交互,信息反馈更少的刷新、更快的响应并减轻了服务器负担,维护简单,交互功能强,交流方便是否能支持数据库无法支持数据库支持数据库,查询修改数据方便