第09章 网页的动态效果辑_第1页
第09章 网页的动态效果辑_第2页
第09章 网页的动态效果辑_第3页
第09章 网页的动态效果辑_第4页
第09章 网页的动态效果辑_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第9章网页的动态效果9.1网页的特效9.2将多媒体加入网页9.3滚动的文字9.4显示Flash动画上一页下一页目录结束本节9.2.1插入多媒体文件9.2.2嵌入多媒体文件9.2将多媒体加入网页上一页下一页目录结束本节第9章网页的动态效果

<meta>标签主要用于对HTML文档进行说明,如文档的所有权、所采用的字符集等。如:

•<metaname="generator"content="MicrosoftFrontpage5.0">

(用来说明这个HTML文档是用“MicrosoftFrontPage5.0”制作的。)

•<metahttp-equiv="content-type"content="text/html;charset=gb2312">

(用来说明这个HTML文档所采用的字符集标准。)

在网页设计中,动态效果的实现是最精彩的部分,通过本章的学习,将使你的网页不但动起来,而且丰富多彩,从此踏入动态网页的制作领域。9.1网页的特效上一页下一页目录结束本节

<meta>标签放在<head>和</head>标签之间,在HTML文档中可以包含任意数量的<meta>标签。在所有的<meta>标签的功能中,最具吸引力的就是它的自动化功能和网页进入或退出时产生的过渡效果,下面我们通过实例来进行介绍。在许多网站,第一个网站画面常常停留几秒后,即自动切换到另一个网页,而这个技巧是利用<meta>标签,将http-equiv属性设置为refresh(自动更新),并在content属性中指定秒数和自动更新所显示的网页地址。语法如下:

<metahttp-equiv="Refresh"content="秒数;url=文件名称或网址">上一页下一页目录结束本节使用<embed>标签可以将多媒体文件插入到网页中,当访问者用鼠标单击多媒体对象时,该类多媒体文件所关联的应用软件(声音、视频播放软件)将被激活,(必须已安装在访问者的计算机内),并开始播放该多媒体文件。我们知道,Web页面是多媒体的,可以在Web页面中加入图像、视频、声音等多媒体文件。9.2将多媒体加入网页9.2.1插入多媒体文件上一页下一页目录结束本节

<embed>标签主要有src、height、width三个属性。其语法如下:

<embedsrc="多媒体文件的名称"width=宽度height=高度loop=播放次数>

说明:

⑴src属性用于指定多媒体文件的地址,该属性必须使用。

⑵height和width属性用于设置多媒体对象的高度和宽度,单位为像素。

⑶loop属性用于设置播放的次数,设为true会无限制的重复播放,直到你离开该网页或是单击播放网页中的停止按钮;若设为no,则仅播放一次,默认值为no。上一页下一页目录结束本节除了可以使用上述方法插入多媒体文件外,还可以在网页中嵌入多媒体文件,它将不调用多媒体播放器。1.设置背景声音可以使用<bgsound>标签来设置网页的背景声音。<bgsound>标签有src和loop两个属性。其语法如下:

<bgsoundsrc="声音文件的名称"loop=次数>

说明:

⑴src属性用于指定声音文件的地址,声音文件可以是wav、midi和mp3等类型的文件。

⑵loop属性用于设置声音文件循环播放的次数,若设为infinite时,声音文件将循环播放,直到网页关闭为止。9.2.2嵌入多媒体文件上一页下一页目录结束本节

2.嵌入视频文件使用<img>标签可以在网页中嵌入视频文件。

<img>标签主要有src、dynsrc、start、loop四个属性。其语法如下:

<imgsrc="图像文件"dynsrc="视频文件"start=开始播放时间loop=播放次数>

说明:

⑴dynsrc属性用于指定要播放的视频文件,必须是avi格式。

⑵src属性用于指定作视频“封面”的图像文件,即在浏览器未完全读入avi文件时,先在avi播放区域显示该图像。

⑶start属性用于设置视频文件播放的开始时间,参数值为fileopen和mouseover。fileopen为默认值,即在打开网页时就开始播放视频文件。mouseover参数表示当鼠标移到avi播放区域之上时开始播放视频文件。

⑷loop属性用于设置视频文件循环播放的次数。上一页下一页目录结束本节使用<marquee>标签可以简便地实现文字的移动,以达到动感十足的视觉效果。

<marquee>是一个成对标签,它有direction、behavior、loop、scrollamount、scrolldelay、align、bgcolor、height、width、hspace和vspace等属性。其语法如下:

<marqueedirection=参数值behavior=参数值loop=循环次数scrollamount=数值scrolldelay=数值、align=参数值、bgcolor="#"height=数值width=数值hspace=数值vspace=数值>要滚动的文字</maruqee>9.3滚动的文字上一页下一页目录结束本节说明:

⑴direction属性用于设置文字的移动方向,它的取值为left和right。left表示从右向左移动,这是默认方向。right表示从左向右移动。

⑵behavior属性用于设置文字的移动方式,它的取值为scroll、slide或alternate。scroll表示滚动播出,slide表示滚动到一方后停止滚动,alternate表示滚动到一方后向相反方向滚动。

⑶loop属性用于设置文字移动的循环次数,若未指定或取值为“infinite”则循环不止。

⑷scrollamount属性用于设置文字移动的速度。

⑸scrolldelay属性用于设置文字的移动延迟。上一页下一页目录结束本节

⑹align属性用于设置文字的对齐方式。它的取值为top、middle、bottom。

⑺bgcolor属性用于设置滚动文字的背景色。

⑻height、width属性用于设置滚动文字的宽度和高度,单位为像素或占浏览器窗口的百分比。

⑼hspace和vspace属性用于设置滚动文字周围的空白区域,单位为像素或占浏览器窗口的百分比。上一页下一页目录结束本节如今的商业

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论