三、 实验:体验客户端动态网页效果
实验要求:
(1) 通过下面几个简短的动态网页的实例,了解一些实现客户端网页动态效果的简单方法。
(2) 通过对程序中某些对象属性的修改,掌握对网页动态效果简单的修改方法。
(3) 通过在网页代码中插入网页特效代码的体验活动,掌握制作动态网页的一种简易方法。
实验步骤示例:
1.输入如下的一段动态网页的源代码,在浏览器上观察并体验该代码段生成的网页动态效果。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 一个文字的动态效果</title>
</head>
<body>
<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=1 scrolldelay=50 direction=up height=116 width=188 border=1 bgcolor=Olive>鼠标移上时将停止,移开时继续移动,不妨试一下</marquee>
</body>
</html>
2.描述以上代码所能实现的动态效果:
3.实际运用:根据表格中的要求,分别对代码中不同的属性值进行分析、修改,并通过浏览器观察个性的效果,比较修改前后的变化,根据自己的观察结果把表格填完整。
动态网页中的代码
代码所起的作用
1
onMouseOver=this.stop() onMouseOut=this.start()
2
表示文字移动速度
3
direction=up(可改成:direction=right direction=left)
4
height=116 width=188
5
表示移动文字背景色(可改成下列一些颜色:red,yellow,blue,silver等)
4.实验评价:
评价指标
自我评价
活动质量
客户端网页中代码的作用分析,十分明确
6
客户端网页中代码的作用分析,较为清楚
5
客户端网页中代码的作用分析,大体了解
3
客户端网页中代码的作用分析,有待提高
2
四、 通过学习,你还有那些疑惑?
________________________________________
________________________________________
________________________________________
________________________________________
五、 通过学习,你对静态网页与动态网页的相关知识有哪些新的设想?
________________________________________
________________________________________
_________________________________________________________
_________________________________________________________









