网页设计与开发.ppt

九、多媒体 主要内容： 会滚动的文字 音乐 创建视频 9.1 会滚动的文字 滚动文字可以增加文字的动态效果，引起浏览者的注意，丰富页面的内容。 创建滚动文字标签 使文字在网页中动态地滚动好像只是flash的专利，其实则不然，可以通过HTML的marquee同样能够达到文字在网页中移动的效果。但是marquee只适用于Internet Explorer，marquee并不是标准标签，这里并不推荐使用这个扩展标签。 例如： marquee这是会滚动的文字！！！！/marquee 设置滚动文字的属性 滚动文字的属性用来控制文字的移动方向、滚动方式、文字滚动速度以及移动文字的外观等多个属性。常见的属性有direction、scrollamount、align、bgcolor等。 1．设置文字滚动的方向 可以通过direction属性来设置文字滚动的方向，该属性有left、right属性值，left为默认属性值，在不设置direction属性时文字的滚动顺序为从右向左移动。 2．设置滚动文字速度 scrollamount 与scrolldelay属性用来控制滚动文字的速度。scrollamount属性用来设置滚动过程中文字每次移动的像素数，当scrollamount取值较小时，文字滚动的较慢；反之文字滚动较快。scrolldelay属性用来设置文字移动的延迟，以毫秒为单位。值越小，文字滚动的越快（文字滚动速度与计算机的处理能力有关）。 设置滚动文字的属性 3．设置滚动文字字幕区域 使用height和width属性设置滚动文字字幕区域大小，在默认情况下，滚动文字字幕区域为整个IE浏览器屏幕。这两个属性值可以取绝对的像素数，也可以取相对的百分比。 9.2 背景音乐 为网页添加背景音乐的方法一般有三种，第一种是通过普通的 bgsound标签来添加，一种是通过 embed标签来添加, 还有一种直接建立声音的链接 。 嵌入背景音乐 1. bgsound标签 Internet Explorer自带了一个内置音频解码器，支持特殊的标签bgsound，该标签可以把声音文件集成到文档中，在后台作为背景音乐播放。 基本语法：bgsound src= 2. embed标签 embed可以用来插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3等等。 基本语法：embed src=url 3. 建立声音的链接 在设计网页的时候可以创建一个背景音乐的链接，单击网页上的链接后，就会播出背景音乐。当建立声音链接时，提倡使用万维网上的音频格式。建立声音的链接方法如下： a href=music/spring breeze.rm点击播放音乐春风 /a 9.3 创建视频 在网页中创建视频与创建音频的方法基本相同，可以通过创建一个视频的链接实现视频在网页中的加载。当浏览者选中视频连接时，浏览器将播放该视频。如果浏览器不能播放该视频格式，则会自动打开本地计算机上已安装支持该格式的视频播放器软件。如果本地计算机上没有安装所需的视频播放软件，则浏览器会提示浏览者是否要保存该视频文件到本地的计算机上。 创建内部视频 1．使用embed标签创建视频 所谓内部视频就是视频文件可以直接在网页中播放。可以通过embed标签创建内部视频。创建方法如下： embed src=musicspring breeze.rm width=250 height=180 2．使用img标签创建视频 一些网页设计者利用img标签的dynsrc属性在网页内部添加视频文件。dynsrc属性用来指定视频文件所在位置。 例如：img dynsrc=eclipse.avi 11 CSS语法基础 CSS意思就是叠层样式表（Cascading Style Sheets），使用CSS的优点在于将格式从功能中分离出来。它定义了HTML元素的显示，是一种对web文档添加样式的简单机制。 主要内容： CSS定义 CSS语法 CSS类型 伪类与为元素 11.1 理解CSS 1．基本语法 CSS规则由选择器（selector）、属性（property）和值（value）三部分组成。 基本格式如下： selector {property : value} 2．组合 为了提高效率，可以将相同属性和值赋给多个选择器，并用逗号将选择器分开。例如： h1,h2,h3,h4,h5,h6 { color: blue } 11.1 理解CSS 3．选择器类 选择器类可以将同一类型的HTML元素定义出不同的样式。例如： style type=text/css p.right {text-a