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