网页教案,针对初学者的教案

2020-04-17 08:26:52易采站长站整理

三、 实验:体验客户端动态网页效果

实验要求:

(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

四、 通过学习,你还有那些疑惑?

________________________________________

________________________________________

________________________________________

________________________________________

五、 通过学习,你对静态网页与动态网页的相关知识有哪些新的设想?

________________________________________

________________________________________

_________________________________________________________

_________________________________________________________