任务二 网页的动态效果 课件 (2)

课件15张PPT。任务二 网页的动态效果一、动态HTML与HTML动态HTML(DHTML)指的是一种制作网页的方式。它是在HTML基础上发展起来的，但又有区别。这种方式即使在脱离网络环境的情况下,网页下载到浏览器以后仍能够随时变换的HTML。
活动一：动态HTML知多少
访问你熟悉的网站，观察这些网页是否运用了动态HTML，填写表格（注意区别动态HTML与动画）
常见的动态HTML效果 光标悬停、图片切换、文字飞入效果(DHTML工具栏实现）
在网页中加入日期，时间、鼠标特效、动感菜单（javascript、vbscript语言实现）
文字特效，网页特效。（CSS样式表）强调：并不是网页上所有“动”的效果都是动态HTML效果。
如：比如Flash动画、GIF图片本身就会动。活动二：动态HTML做一做
我制作的动态HTML效果是__________________，我制作的过程是____________________________。
我观察了某同学，他制作的动态HTML效果是______________________,给他的评价是_________________。二、动态网页与静态网页动态网页不仅局限于动态HTML效果、还包括提供个性化信息服务的页面(有后台数据库、并提供交互)。如：搜索引擎(淘宝) 等。
静态网页是指没有后台数据库、不含程序和不可交互的HTML格式的网页。动态网页常采用的技术CGI、 ASP、 JSP 、 PHP、.NET等。利用这些技术编写的页面，只有在接到用户的访问要求后，服务器才会生成并传输到用户的浏览器中。所谓的动态就是强调人机的交互，也就是按照访问者的不同需要，对访问者的信息作出不同的响应，提供相应的信息。三、静态网页和动态网页的比较静态网页的优缺点：
静态网页无需系统实时生成。
采用静态页面建立起来的站点，只能简单地根据用户的请求传送现有页面，无法实现各种个性化的交互功能。
日常维护十分繁琐。三、静态网页和动态网页的比较动态网页的优缺点：
动态网页可以通过更新页面的外观和行为，实现动态的交互作用。
能方便地同访问者进行交流，及时获得信息反馈。
一般由计算机实时生成，日常维护简单、更改结构方便、交互性能强大。自我评价表：★★★：表现不错；★★：表现一般；★：还需努力
练一练：一、选择：
1、下列不是动态HTML效果的是( )
A、鼠标指向文字变为红色
B、打开某网站进自动弹出一个新窗口
C、网页中变化不断的GIF
D、网页中自动更新的日期
2、网页打开时出现自动飞入的效果，应使用的触发事件是( )
A、单击B、双击C、鼠标悬停D、网页加载
3、某同学以“奥运主题班会”为关键词进行搜索时，出现的网页与几天前他用同一个搜索引擎相同关键词搜索到的网页不完全相同，这是因为该网站使用了( )
A、动态网页技术 B、静态网页技术
C、域名解析技术 D、动态分配IP地址练一练：二、判断
1、网页上的许多精美的动画，这些就是大家所熟悉的动态
HTML效果。( )
2、动态网页就是指运用动态HTML效果的网页。( )
3、在Frontpage中，动态HTML效果可以通过DHTML效果工
具栏来实现。( )
4、使用动态网页技术制作的网站可以减轻网站维护的工作量( )
5、动态HTML效果、ASP、PHP、JSP等都是常见的动态网页
技术。( )
6、要给网页添加动态效果，必须借助“DHTML”效果工具栏（ ）
动态HTML效果的实现方式一“DHML效果”工具栏动态HTML效果的实现方式二客户端脚本语言
可以直接对客户端进行编写并使页面发生动态变化的脚本语言[一种简单的描述性语言，它通过