网页中的多媒体应用.ppt

1,第6章 网页中的多媒体应用,清华大学出版社,2,主要内容,重点掌握标记和标记,了解插入背景音乐标记及其属性,掌握插入各种多媒体标记及其属性,掌握采用超链接标记插入多媒体文件的方法,3,6.1图片,高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其容量的大小。 网页中常用的图片格式为GIF、JPEG和PNG。 一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片，可先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。 如果在同一文件中多次使用相同图片，最好使用相对路径查找。 在HTML文档中，显示图片所用的标记是。,6.1.1 图片标记,基本语法：,4,6.1.1 图片标记,语法说明： - img的常用属性如下表。其中src是其必须的属性； - src属性用来指定图像源，即图像的URL路径。该路径可以是相对路径，也可以是绝对路径。,5,6.1.2 指定图像的高与宽,默认情况下，在HTML页面中显示的是图像的原始大小。 如果要显示指定的图像大小，就需采用img标记的width和height属性。 基本语法：,语法说明： - width和height的单位可以是像素，也可以是百分比。百分比表示显示图像大小为浏览器窗口大小的百分比。 - 在width和height属性中，如果只设置了其中的一个属性，则另一个属性会根据已设置的属性按原图等比例显示。如果对两个属性都进行了设置，且其比例和原图大小的比例不一致的话，那么显示的图像会相对于原图变形或失真。,6,6.1.3 指定图像的间距,标记的hspace和vspace属性分别用来指定图像的水平间距和垂直间距。 其值为数字，单位为px，默认值为0。,基本语法： 语法说明： - hspace 指的是所设置图片与相邻元素的水平间距； - vspace 指的是所设置图片与相邻元素的垂直间距。,7,6.1.4 指定图像的对齐方式,标记的align属性用来指定图像与周围元素的对齐方式。,基本语法： 语法说明： - align属性既包括水平对齐方式，又包括垂直对齐方式； - align的默认值为bottom。,8,6.1.5 指定图片的边框与文字说明,标记的border属性和alt属性分别用来指定图像的边框和图像的替代文字说明。 基本语法：,语法说明： - border的值用数字表示，默认单位为px； - 默认情况下图片没有边框，即border=0； - 图片边框的颜色不可调整，默认为黑色。当图片作为超 链接使用时，图片边框的颜色和文字超链接的颜色一 致，默认为深蓝色； - 图片的alt属性用于对图片信息进行描述。在浏览器中 当图片无法正常显示时，在图片位置显示该描述信息。 当图片可以正常显示时，当鼠标放在图片上面时才显示 该描述信息。,9,6.2 滚动文字,插入滚动文字所用的标记是。,基本语法： 语法说明： - 将要添加效果的文字放到标记之间，同时也可以设置文字的字体、大小和颜色； - 表6-3的各种属性为可选参数，根据需要可插入标记之间； - 默认情况下滚动背景的面积和文字等高，和浏览器等宽。设置绝对大小时默认单位为px； - 默认情况下hspace和vspace的值为0，默认单位为px。,滚动文字内容,10,6.2 滚动文字,11,6.3 背景音乐,除了使用图片和滚动文字外，也可以使用音频、视频、Flash等给浏览者创造氛围，使他们喜欢上你的网站。 背景音乐是它们中的一种，该设置在网页中不显示播放软件面板。 设置背景音乐的标记为，其参数设定不多，可播放的声音文件格式包括WAV、AU、MIDI、WMV、MP3等。,基本语法： 语法说明： - src指定声音文件的URL来源，即其路径，为必选属性； - loop指定声音文件的循环播放次数，其值为正整数可 指定播放次数，值为-1或infinite指定循环播放无限次。,12,6.4 其他多媒体文件,使用标记只能添加声音文件，而且不能显示和调整播放软件的控制面板。 使用标记则可以插入各种各样的多媒体文件，如WMV、MP3、AVI、SWF、MOV、RMVB格式等。 还可以采用超链接标记将多媒体文件放到网页上，这样，当浏览者点击超链接时，浏览器会将这个多媒体文件先下载到浏览者的机器硬盘上，再调用相应的播放程序播放。,13,6.4 其他多媒体文件,基本语法： 语法说明： - src指定多媒体文件的URL来源，即路径，为必选属性； - loop指定声音文件的循环播放次数，值为true可循环播放 无限次，值为false只播放一次，false为默认值； - autostart指定对媒体文件在下载完后是否自动播放； - width和height分别指定多媒体窗口的宽和高。值都为0 时类似背景音乐可隐藏面板； - type指定多媒体的播放类型； - pluginspage 指定插件页面。,14,6.5 小实例,综合本章知识，以前面实例为基础写的小实例程序6-11。该实例实现了背景音乐、图片、Flash及滚动文字在页面的插入。,15,小结,本章主要介绍了插入图片标记及其属性