网页的动态效果资料.ppt

第4章　网页的动态效果（1课时）;教学目标 掌握制作一些常见的网页的动态效果 掌握flash动画的插入 熟悉网页特效 教学重和难点 掌握制作一些常见的网页的动态效果 掌握flash动画的插入 熟悉网页特效 ;一、滚动文字和滚动图片效果的实现marquee direction=参数值 behavior=参数值 loop=循环次数 scrollamount=数值 scrolldelay=数值 align=参数值 bgcolor=“#” height=数值 width=数值 hspace=数值 vspace=数值要滚动的文字/marquee;1、marquee direction=“” /marquee 其中direction的属性值取“left”、“right”两个值分别对应将中间的字体向左、右移动。;3、marquee height=“” width=“” bgcolor=“” /marquee 其中的height属性值是取数字值，这个属性控制了文字移动面积的高度；width属性的属性值是取数字，这个属性控制了文字移动面积的宽度；bgcolor属性的属性值可以取RGB值，或者用预定义值，它控制了移动文字的背景颜色。;二、 网页特效 1、meta标记实现页面自动切换 meta标签主要用于对HTML文件进行说明，例如文件的所有权及所采用的字符集等。该标签放在head和/head标签之间。 在所有meta标签的功能中，最具有吸引力的就是它的自动化功能和进入和退出网页时产生的过度效果。2、meta标记实现网页过渡效果例：meta http-equiv=“Refresh” content=“秒数；url= 文件名称或网址”;Enter、Exit (进入与退出) 说明：这个是页面被载入和调出时的一些特效。用法：Meta http-equiv=Enter Content=blendTrans(Duration=0.5)　　　Meta http-equiv=Exit Content=blendTrans(Duration=0.5) 注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: 　　　　　　Meta http-equiv=Enter Content=revealTrans(duration=x, transition=y)　　　　　　Meta http-equiv=Exit Content=revealTrans(duration=x, transition=y) Duration　表示滤镜特效的持续时??(单位：秒)Transition 滤镜类型。表示使用哪种特效，取值为0-23。 ;三、flash动画的插入 1、插入多媒体文件 embed标签主要有src,height,width三个属性。 embed src=“多媒体文件的名称” width=高度 loop=播放次数 2、嵌入视频文件 img src=“图象文件” dynsrc=“视频文件” start=开始播放时间 loop=播放次数;四、背景音乐的加入bgsound 1、设置背景声音bgsound src=“声音文件的名称” loop=次数 2、注与bgcolor与background位置不同。;总结 掌握了把网页中添加多媒体的方法，使自己的网页页面更加丰富多彩。 作业 课后习题： marquee标签中有哪些属性请分别说出他们的属性具体是干什么的。 meta标签中使用___、___和___属性，可让网页具有自动切换功能。 上机作业：在自己的网页中加入背景音乐以及多媒体视频和FLASH动画。