制作多媒体效果网页（课堂PPT）

1、.1第十二讲 制作多媒体效果网页（二） 任务一 创建网页滚动广告 任务二 创建网页视频.2【知识点】嵌套表格、代码视图【重点/难点】代码的添加【范例分析】 本实例在设计制作时，通过添加Javascript代码为输入的公告文字创建滚动效果，从而完成本例的制作。任务一 创建网页滚动广告.3【主要步骤】 启动Dreamweaver，新建一个网页文件，将其命名为“index.htm”，打开“页面属性”，设置“字体”为12pix，“文本颜色”为#FFFFFF，上边距为0pix；在“分类”列表框中选择“链接”选项，链接字体“大小”设置为9pit，链接颜色为#4893DD，将“变换图像链接”颜色设置为“#1

2、AA663”，在”下划线样式”下拉列表框中选择“始终无下划线”。 在网页插入三大宽为778pix、居中对齐且“填充”和“间距”均为0的表格； 其中第一个表格11； 第二个表格13且“表格ID”文本框中输入“01”； 第三个表格11，背景色设置为“#EFDCEF”。.4在第一个表格中再插入一15，宽度为100%的嵌套表格，分别在各列插入相应的图像；（关键步骤）在第二个表格“01”的第一列中插入光标，将其背景颜色设置为“#DE80A5”， 1）在其中插入一11，宽为253pix，边框粗细、单元格边距和单元格间距均为“0”的嵌套表格，并将表格ID设置为“01-1”，在其中插入相应的图像； 2 2）将

3、光标移至表格）将光标移至表格“01-1”01-1”之外的第一列中，再插入一个之外的第一列中，再插入一个1 11 1的表格的表格“01-2”01-2”，设置，设置同同“01-1”01-1”；将光标移至将光标移至“01-2”01-2”中，为其设置一背景图像；中，为其设置一背景图像； 课堂用课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）将光标移至）将光标移至表格表格“01-2”01-2”中，插入一中，插入一1 11 1、宽为、宽为214pix214pix（高为（高为160

4、pix160pix）、单元格边距和单元格间）、单元格边距和单元格间距均为距均为“0”0”的嵌套表格的嵌套表格“01-2-1”01-2-1”，将光标移至表格中，为其设置一背景图像将光标移至表格中，为其设置一背景图像，并，并将垂直对齐设置为将垂直对齐设置为“底部对齐底部对齐”； 课堂用课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在）在“01-2-01-2-1”1”表格中再插入一个表格中再插入一个1 11 1 、宽为、宽为214pix214pix、单元格边距和单元格间距

5、均为、单元格边距和单元格间距均为“0”0”的嵌的嵌套表格套表格“01-2-1-1“01-2-1-1“； 课堂用课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在表格）在表格“01-2-1-1“01-2-1-1“中，将垂直对齐方式设置为中，将垂直对齐方式设置为“顶端顶端”对齐，然后在表格中对齐，然后在表格中输入滚动公输入滚动公告文字，并为文字设置空链接；告文字，并为文字设置空链接； 课堂用课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.

6、html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html） 在在“代码代码视图视图”中，在显示的文字前后添加代码（见上部）；中，在显示的文字前后添加代码（见上部）； .5（关键步骤） 3）将光标移至表格“01-2”外，插入一41、宽为253pix、单元格边距和单元格间距均为“0”的表格；在第1、3行中插入相应的图像，在第2、4行单元格中输入相应文字； 将“01”表格中间和右侧的单元格合并，然后将合并后的单元格背景颜色设置为灰色； 将光标移至合并后的单元格中，在其中插入一个44、宽度为98%、单元格和单元格间距均为“0”的嵌套表格。 a）将嵌套表格的第一行单元

7、格合并，并将其背景颜色设置为白色，然后在该单元格中插入相应图像； b）在其余各单元格中插入相应图像； 在网页中插入第三个11的大表格，宽为778pix，单元格边距和单元格间距均为“0”，别经颜色为“#EFDCEF”、居中对齐，并在表格中输入相应文字。 .6【为网页添加背景音乐的方法】 切换到“代码视图”，在之间输入 其中“11.mp3”为歌曲的名称，“loop=-1”表示音乐无限循环播放。.7【重要知识问答】 本例中输入的代码的含义？ 代码表示在表格中使输入的文字滚动显示；（计选取框，用于创建一个滚动的文本字幕 ）标签表示对文字进行滚动设置； 其中 “scrollamount”属性是对“滚动的

8、速度”进行设置，默认为6 “direction”是对滚动方向进行设置，（ 默认为“left”）； “scrolldelay”用于设定两次滚动操作之间的间隔时间，（该时间以毫秒为单位；此属性不是必须使用的，默认为0）。 “height” 表示运动区域的高度，（默认width=100% height为标签内元素的高度）。.8 为网页添加背景音乐的注意事项？ 本例中添加背景音乐的方法是最常用的一种方法。对于背景音乐的格式现在大多数的主流音乐格式，如 wav、mid和mp3等。需要注意的是， 如果考虑较低的原因，则可以使用Mid音效作为网页的背景音乐，因为Mid音乐文件小，这样在网页打开的过程中能很快

9、加载并播放，但是Mid只能存放音乐的旋律，没有悦耳的和声和唱词。如果网速较快，或是认为Mid音乐单点的话，则可添加MP3格式的音乐。 .9【知识点】插件、参数设置【重点/难点】插入插件与设置插件【范例分析】 本实例在设计制作时，在网页中插入插件，然后选择视频文件，最后为插件设置参数，使视频能够在网页中顺利播放。任务二 创建网页视频.10 在第一个大表格（31）第三行图像中的相关菜单处设置矩形热点区域，并设置空链接； 插入的第二个大表格为122，宽为760pix，将左侧的单元格全部合并，然后选择菜单“插入” “媒体”“插件”/ “ActiveX”。 【网页制作说明】.11【重要知识问答】 网页中

10、常用的视频格式有哪些？ 有rm、rmvb、mov、swf等，这些都是符合流媒体播放方式的视频格式，其中最新的swf播放插件可以支持flv视频，它以速度快、画质佳和使用方便等特点逐渐成为播客（有声博客）们的最爱。 什么是流媒体？ 流媒体是指在Internet /Intranet中使用流式传播技术播放的连续时基媒体。流媒体在播放前不用下载完整的文件，只需将开始部分内容存入内存即可播放，在播放过程中可以继续下载后面的内容，节约了用户等待的时间。.12 1.制作一滚动公告牌； 2.为网页添加一视频文件；【上机操作】.13【ActiveX】 ActiveX 是一个打开的集成平台，为开发人员、 用户和 W

11、eb生产商提供了一个快速而简便的在 Internet 和 Intranet 创建程序集成和内容的方法。 使用 ActiveX, 可轻松方便的在 Web页中插入 多媒体效果、 交互式对象、以及复杂程序，创建用户体验相当的高质量多媒体 CD-ROM 。 .14【rm】 RealNetworks公司所制定的音频视频压缩规范称为RealMedia，用户可以使用RealPlayer或RealOnePlayer对符合RealMedia技术规范的网络音频/视频资源进行实况转播并且RealMedia可以根据不同的网络传输速率制定出不同的压缩比率，从而实现在低速率的网络上进行影像数据实时传送和播放。 .15【r

12、mvb】 RMVB是一种视频文件格式，RMVB中的VB指VBR,Variable Bit Rate(可改变之比特率)，较上一代rm格式画面要清晰了很多，原因是降低了静态画面下的比特率，可以用RealPlayer播放软件来播放。.16【mov】 MOV即QuickTime影片格式，它是Apple公司开发的一种音频、视频文件格式，用于存储常用数字媒体类型，如音频和视频。当选择 QuickTime （*.mov）作为“保存类型”时，动画将保存为 .mov 文件。 QuickTime用于保存音频和视频信息，现在它被包括Apple Mac OS，Microsoft Windows 95/98/NT/2003/XP/VISTA在内的所有主流电脑平台支持。 .17【swf】 swf是Macromedia公司（现已被ADOBE公司收购）