网页设计多媒体ppt课件

《网页设计多媒体ppt课件》由会员分享，可在线阅读，更多相关《网页设计多媒体ppt课件（46页珍藏版）》请在金锄头文库上搜索。

1、.,第10章 多媒体,清华大学出版社,.,主要内容,重点掌握标记,了解插入背景音乐标记及其属性,掌握插入各种多媒体标记及其属性,掌握采用超链接标记插入多媒体文件的方法,.,10.1 滚动文字,插入滚动文字所用的标记是 . 。 其常用属性参数设置如表10-1所示。,.,10.1.1 创建滚动文字标签,基本语法： 语法说明： - 将要添加效果的文字放到标记之间，同时也可以设置文字的字体、大小和颜色； - 表10-1的各种属性为可选参数，根据需要可插入标记之间； - 默认情况下滚动背景的面积和文字等高，和浏览器等宽。设置绝对大小时默认单位为px； - 默认情况下hspace和vspace的值为0，默

2、认单位为px。,滚动文字内容,.,10.1.1 创建滚动文字标签, 添加滚动文字 添加滚动文字 这里的文字是滚动的效果 ,.,10.1.1 创建滚动文字标签,.,10.1.2 设置滚动文字的属性,1. 设置滚动文字的方向 基本语法： 语法说明： -,滚动文字,.,10.1.2 设置滚动文字的属性, 设置滚动方向 设置滚动文字方向 春晓 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少？ ,.,10.1.2 设置滚动文字的属性,.,10.1.2 设置滚动文字的属性,2. 设置滚动文字的方式 基本语法： 语法说明：,滚动文字,.,10.1.2 设置滚动文字的属性, 设置滚动方式 设置文字滚动方

3、式 我就滚动一次 我来回滚动 我一直向前滚动 ,.,10.1.2 设置滚动文字的属性,.,10.1.2 设置滚动文字的属性,3. 设置文字循环滚动的次数 基本语法： 语法说明： - 循环次数取值为整数，用数字表示，数字是多少就表示要循环多少次。 - 当loop值为infinite时，文字不断滚动。,滚动文字,.,10.1.2 设置滚动文字的属性, 设置滚动循环 设置文字滚动循环 春晓 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少？ ,.,10.1.2 设置滚动文字的属性,.,10.1.2 设置滚动文字的属性,4.设置滚动文字的速度 基本语法： 语法说明： - scrollamount属

4、性用来设置滚动过程中文字每次移动的像素数。取值越小，文字滚动的较慢，反之文字滚动较快。 - scrolldelay延迟时间是以毫秒为单位的，毫秒就是千分之一秒。这个延迟时间设置得越小，滚动得越快，延迟时间设置得如果过大，还会出现走走歇歇的效果。,滚动文字 滚动文字,.,10.1.2 设置滚动文字的属性, 设置滚动速度 设置文字滚动速度 我是最快的！ 我是三个中的第二名，速度还可以。 不好意思，有点慢了。 /html,.,10.1.2 设置滚动文字的属性,.,10.1.2 设置滚动文字的属性, 设置滚动延迟 设置文字滚动延迟 我一直在走，没有停下来。 我走累了，就停下来歇歇。 我没走就累，走一步

5、歇一下。 ,.,10.1.2 设置滚动文字的属性,.,10.1.2 设置滚动文字的属性,5.设置滚动文字的背景颜色 基本语法： 语法说明： -文字背景颜色使用十六进制或者颜色代码。 - 滚动文字的背景颜色设置为淡蓝色，其中背景颜色要覆盖整个滚动文字会滚动过的区域，所以看上去是和文字相等宽度的颜色带。,滚动文字,.,10.1.2 设置滚动文字的属性, 设置滚动文字背景颜色 滚动文字背景颜色 春晓 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少？ ,.,10.1.2 设置滚动文字的属性,.,10.1.2 设置滚动文字的属性,6.设置滚动文字字幕区域 基本语法： 语法说明： -宽度值和高度值都

6、是用数字表示，单位为像素。,滚动文字,.,10.1.2 设置滚动文字的属性, 设置滚动范围 设置文字滚动范围 我的滚动范围就在这 我这的范围比你的大啊 ,.,10.1.2 设置滚动文字的属性,.,10.1.2 设置滚动文字的属性,7.设置滚动文字的间距 基本语法： 语法说明： - 水平间距和垂直间距也是用数字表示，单位均为像素。,滚动文字,.,10.1.2 设置滚动文字的属性, 设置滚动空白空间 设置文字滚动空白空间 空白空间水平为20像素，垂直为10像素。 空白空间水平为50像素，垂直为30像素。 ,.,10.1.2 设置滚动文字的属性,.,10.2 背景音乐,除了使用图片和滚动文字外，也可

7、以使用音频、视频、Flash等给浏览者创造氛围，使他们喜欢上你的网站。 背景音乐是它们中的一种，该设置在网页中不显示播放软件面板。 设置背景音乐的标记为，其参数设定不多，可播放的声音文件格式包括WAV、AU、MIDI、WMV、MP3等。,.,10.2.1 背景音乐,基本语法： 语法说明： - src指定声音文件的URL来源，即其路径，为必选属性； - loop指定声音文件的循环播放次数，其值为正整数可 指定播放次数，值为-1或infinite指定循环播放无限次。,.,10.2.1 背景音乐, 添加背景音乐 明月几时有 明月几时有？把酒问青天。 不知天上宫阙，今夕是何年。 我欲乘风归去，又恐琼楼

8、玉宇， 高处不胜寒，起舞弄清影，何似在人间。 转朱阁，抵绮户，照无眠。 不应有恨，何事偏向别时圆。 人有悲欢离合，月有阴晴圆缺，此事古难全。 但愿人长久，千里共婵娟。 ,.,10.2.1 背景音乐,.,10.2.2 插入多媒体文件,使用标记只能添加声音文件，而且也不能显示和调整播放软件的控制面板。 使用标记则可以插入各种各样的多媒体，如WMV、MP3、AVI、SWF、MOV等格式的多媒体文件。 还可以采用超链接标记将多媒体文件放到网页上，这样，当浏览者点击超链接时，浏览器会将这个多媒体文件先下载到浏览者的机器硬盘上，再调用相应的播放程序播放。 基本语法：,.,10.2.2 插入多媒体文件,语法

9、说明： - src指定多媒体文件的URL来源，即其路径，为必选属 性； - loop指定声音文件的循环播放次数，值为true可循环播 放无限次，值为false只播放一次，false为默认值； - autostart指定对媒体文件在下载完后是否自动播放； - width和height分别指定多媒体窗口的宽和高。值都为0 时类似背景音乐可隐藏面板；,.,10.2.2 插入多媒体文件, 插入多媒体文件 插入flash文件 ,.,10.2.2 插入多媒体文件,.,10.2.2 插入多媒体文件, 插入多媒体文件 插入音频文件 ,.,10.2.2 插入多媒体文件,.,10.2.2 插入多媒体文件, 插入多

10、媒体文件 插入视频文件 ,.,10.2.2 插入多媒体文件,.,10.2.2 插入多媒体文件,程序10-2-2-4采用超链接插入了多媒体文件music.mp3，其在网页当中只显示超链接文字，而无播放软件面板，在点击超链接之后才调用相应的播放程序播放。, 采用超链接插入多媒体文件示例 music.mp3 ,.,10.2.2 插入多媒体文件,当用鼠标单击超链接music.mp3后，在网页外打开播放软件开始播放该音乐。,.,10.2.2 插入多媒体文件,创建多媒体文件注意事项： 1、尽量使用网上常用的音频格式 尽量使用浏览器所支持的音频文件格式，如常用的wav，mp3等。 2、指定音频文件的位置 如果音频文件过多，则最好建立一个子文件夹。指定声音文件时，注意写入正确的路径。 3、播放器软件的链接 若浏览者的计算机上没有对应的音频等多媒体文件的播放器时，则无法正确播放多媒体文件，可以为用户提供相应软件的下载地址链接。 4、提供声音链接描述 创建一个声音链接时，建议为用户提供相关的声音描述，以便浏览者决定是否进行链接。,.,小结,本章主要介绍了插入滚动文字标记及其属性、插入背景音乐标记及其属性、插入各种多媒体标记及其属性、采用超链接标记插入多媒体文件等内容。 这些技术对于丰富网页内容、吸引浏览者光顾网站等有一定的作用，所以，对这些标记及其属性的使用应特殊掌握。,.,Thank You !,