第8章页的动态效果.ppt

1、第8章 网页的动态效果,8.1 网页的特效 8.2 将多媒体加入网页 8.3 滚动的文字 8.4 显示Flash动画,上一页,下一页,目 录,结 束,本 节,8.2.1 插入多媒体文件 8.2.2 嵌入多媒体文件,8.2 将多媒体加入网页,上一页,下一页,目 录,结 束,本 节,第8章 网页的动态效果,标签主要用于对HTML文档进行说明，如文档的所有权、所采用的字符集等。如： （用来说明这个HTML文档是用“Microsoft FrontPage 5.0”制作的。） （用来说明这个HTML文档所采用的字符集标准。）,在网页设计中，动态效果的实现是最精彩的部分，通过本章的学习，将使你的网页不但动

2、起来，而且丰富多彩，从此踏入动态网页的制作领域。,8.1 网页的特效,上一页,下一页,目 录,结 束,本 节,标签放在和标签之间，在HTML文档中可以包含任意数量的标签。在所有的标签的功能中，最具吸引力的就是它的自动化功能和网页进入或退出时产生的过渡效果，下面我们通过实例来进行介绍。在许多网站，第一个网站画面常常停留几秒后，即自动切换到另一个网页，而这个技巧是利用标签，将http-equiv属性设置为refresh（自动更新），并在content属性中指定秒数和自动更新所显示的网页地址。语法如下：,上一页,下一页,目 录,结 束,本 节,使用标签可以将多媒体文件插入到网页中，当访问者用鼠标单击

3、多媒体对象时，该类多媒体文件所关联的应用软件（声音、视频播放软件）将被激活，（必须已安装在访问者的计算机内），并开始播放该多媒体文件。,我们知道，Web页面是多媒体的，可以在Web页面中加入图像、视频、声音等多媒体文件。,8.2 将多媒体加入网页,8.2.1 插入多媒体文件,上一页,下一页,目 录,结 束,本 节,标签主要有src、height、width三个属性。其语法如下：说明： src属性用于指定多媒体文件的地址，该属性必须使用。 height和width属性用于设置多媒体对象的高度和宽度，单位为像素。 loop属性用于设置播放的次数，设为true会无限制的重复播放，直到你离开该网页或是

4、单击播放网页中的停止按钮；若设为no，则仅播放一次，默认值为no。,上一页,下一页,目 录,结 束,本 节,除了可以使用上述方法插入多媒体文件外，还可以在网页中嵌入多媒体文件，它将不调用多媒体播放器。 1设置背景声音可以使用标签来设置网页的背景声音。 标签有src和loop两个属性。其语法如下：说明： src属性用于指定声音文件的地址，声音文件可以是wav、midi和mp3等类型的文件。 loop属性用于设置声音文件循环播放的次数，若设为infinite时，声音文件将循环播放，直到网页关闭为止。,8.2.2 嵌入多媒体文件,上一页,下一页,目 录,结 束,本 节,2嵌入视频文件使用标签可以在网

5、页中嵌入视频文件。标签主要有src、dynsrc、start、loop四个属性。其语法如下：说明： dynsrc属性用于指定要播放的视频文件，必须是avi格式。 src属性用于指定作视频“封面”的图像文件，即在浏览器未完全读入avi文件时，先在avi播放区域显示该图像。 start属性用于设置视频文件播放的开始时间，参数值为fileopen和mouseover。fileopen为默认值，即在打开网页时就开始播放视频文件。mouseover参数表示当鼠标移到avi播放区域之上时开始播放视频文件。 loop属性用于设置视频文件循环播放的次数。,上一页,下一页,目 录,结 束,本 节,使用标签可以简

6、便地实现文字的移动，以达到动感十足的视觉效果。是一个成对标签，它有direction、behavior、loop、scrollamount、scrolldelay、align、bgcolor、height、width、hspace和vspace等属性。其语法如下：要滚动的文字,8.3 滚动的文字,上一页,下一页,目 录,结 束,本 节,说明： direction属性用于设置文字的移动方向，它的取值为left和right。left表示从右向左移动，这是默认方向。right表示从左向右移动。 behavior属性用于设置文字的移动方式，它的取值为scroll、slide或alternate。scr

7、oll表示滚动播出，slide表示滚动到一方后停止滚动，alternate表示滚动到一方后向相反方向滚动。 loop属性用于设置文字移动的循环次数，若未指定或取值为“infinite”则循环不止。 scrollamount属性用于设置文字移动的速度。 scrolldelay属性用于设置文字的移动延迟。,上一页,下一页,目 录,结 束,本 节, align属性用于设置文字的对齐方式。它的取值为top、middle、bottom。 bgcolor属性用于设置滚动文字的背景色。 height、width属性用于设置滚动文字的宽度和高度，单位为像素或占浏览器窗口的百分比。 hspace和vspace属性用于设置滚动文字周围的空白区域，单位为像素或占浏览器窗口的百分比。,上一页,下一页,目 录,结 束,本 节,如今的商业网站中一般会有很多的Flash动画。最重要的原因就是Flash动画文件在画质很好的情况下可以保持很小的占用空间，从某种意义上讲提高了用户的浏览速度。在HTML中显示Flash动画，需要使用ClassID和Flash插件。大家不需要过多的了解这些知识，只需直接引用即可。,8.4 显示Flash动画,