经典：制作多媒体效果网页
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
7
• 为网页添加背景音乐的注意事项？
本例中添加背景音乐的方法是最常用的一种方 法。对于背景音乐的格式现在大多数的主流音乐 格式，如 wav、mid和mp3等。需要注意的是， 如果考虑较低的原因，则可以使用Mid音效作为网 页的背景音乐，因为Mid音乐文件小，这样在网页 打开的过程中能很快加载并播放，但是Mid只能存 放音乐的旋律，没有悦耳的和声和唱词。如果网 速较快，或是认为Mid音乐单点的话，则可添加 MP3格式的音乐。
</marquee>
• 在第一个表格中再插入一1×5，宽度为100%的嵌套表格，分别在各列插入相应的图 像；
• （关键步骤）在第二个表格“01”的第一列中插入光标，将其背景颜色设置为 “#DE80A5”， 1）在其中插入一1×1，宽为253pix，边框粗细、单元格边距和单元格间距均为“0” 的嵌套表格，并将表格ID设置为“01-1”，在其中插入相应的图像； 2）将光标移至表格“01-1”之外的第一列中，再插入一个1×1的表格“01-2”，设置 同“01-1”；将光标移至“01-2”中，为其设置一背景图像； 课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）将光标移至表 格“01-2”中，插入一1×1、宽为214pix（高为160pix）、单元格边距和单元格间距 均为“0”的嵌套表格“01-2-1”，将光标移至表格中，为其设置一背景图像，并将 垂直对齐设置为“底部对齐”； 课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在“01-2-1” 表格中再插入一个1×1 、宽为214pix、单元格边距和单元格间距均为“0”的嵌套表 格“01-2-1-1“； 课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在表格 4
• 插入的第二个大表格为12×2，宽为760pix， 将左侧的单元格全部合并，然后选择菜单 “插入” → “媒体”→“插件”/ “ActiveX”。
10
【重要知识问答】
• 网页中常用的视频格式有哪些？ 有rm、rmvb、mov、swf等，这些都是符合流媒体播放方 式的视频格式，其中最新的swf播放插件可以支持flv视频， 它以速度快、画质佳和使用方便等特点逐渐成为播客（有 声博客）们的最爱。
第十二讲 制作多媒体效果网页（二）
• 任务一 创建网页滚动广告 • 任务二 创建网页视频
1
任务一 创建网页滚动广告
【知识点】嵌套表格、代码视图 【重点/难点】代码的添加
【范例分析】
本实例在设计制作时，通过添加Javascript 代码为输入的公告文字创建滚动效果，从而完成 本例的制作。
2
【主要步骤】
• 在网页中插入第三个1×1的大表格，宽为778pix，单元格边距和单元格间距 均为“0”，别经颜色为“#EFDCEF”、居中对齐，并在表格中输入相应文字。
5
【为网页添加背景音乐的方法】
• 切换到“代码视图”，在 <body></body>之间输入 <bgsound src=“11.mp3” loop=-1>
• 启动Dreamweaver，新建一个网页文件，将其命名为 “index.htm”，打开“页面属性”，设置“字体”为12pix， “文本颜色”为#FFFFFF，上边距为0pix；在“分类”列 表框中选择“链接”选项，链接字体“大小”设置为9pit， 链接颜色为#4893DD，将“变换图像链接”颜色设置为 “#1AA663”，在”下划线样式”下拉列表框中选择“始 终无下划线”。
8
任务二 创建网页视频
【知识点】插件、参数设置 【重点/难点】插入插件与设置插件
【范例分析】
本实例在设计制作时，在网页中插入插件， 然后选择视频文件，最后为插件设置参数，使视 频能够在网页中顺利播放。
9
【网页制作说明】
• 在第一个大表格（3×1）第三行图像中的 相关菜单处设置矩形热点区域，并设置空 链接；
• 什么是流媒体？ 流媒体是指在Internet /Intranet中使用流式传播技术播放的 连续时基媒体。流媒体在播放前不用下载完整的文件，只 需将开始部分内容存入内存即可播放，在播放过程中可以 继续下载后面的内容，节约了用户等待的时间。
默认为6
“direction”是对滚动方向进行设置，（ 默认为“left”）； “scrolldelay”用于设定两次滚动操作之间的间隔时间， （该时间以毫秒为单位；此属性不是必须使用的，默认为0）。 “height” 表示运动区域的高度，（默认width=100% height
为标签内元素的高度）。
其中“11.mp3”为歌曲的名称，“loop=-1”表示音 乐 无限循环播放。
6
【重要知识问答】
• 本例中输入的代码的含义？ 代码表示在表格中使输入的文字滚动显示； <marquee>（[计]选取框，用于创建一个滚动的文本字幕 ）标签表 示对文字进行滚动设置； 其中 “scrollamount”属性是对“滚动的速度”进行设置，
• （关键步骤） 3）将光标移至表格“01-2”外，插入一4×1、宽为253pix、单元格边距和单 元格间距均为“0”的表格；在第1、3行中插入相应的图像，在第2、4行单元 格中输入相应文字；
将“01”表格Baidu Nhomakorabea间和右侧的单元格合并，然后将合并后的单元格背景颜色设置 为灰色；
将光标移至合并后的单元格中，在其中插入一个4×4、宽度为98%、单元 格和单元格间距均为“0”的嵌套表格。 a）将嵌套表格的第一行单元格合并，并将其背景颜色设置为白色，然后在 该单元格中插入相应图像； b）在其余各单元格中插入相应图像；
• 在网页插入三大宽为778pix、居中对齐且“填充”和“间 距”均为0的表格；
• 其中第一个表格1×1； 第二个表格1×3且“表格ID”文本 框中输入“01”； 第三个表格1×1，背景色设置为 “#EFDCEF”。
3
<marquee scrollamount="2" scrolldelay="200" width="200“ direction="up" height="130">
• 为网页添加背景音乐的注意事项？
本例中添加背景音乐的方法是最常用的一种方 法。对于背景音乐的格式现在大多数的主流音乐 格式，如 wav、mid和mp3等。需要注意的是， 如果考虑较低的原因，则可以使用Mid音效作为网 页的背景音乐，因为Mid音乐文件小，这样在网页 打开的过程中能很快加载并播放，但是Mid只能存 放音乐的旋律，没有悦耳的和声和唱词。如果网 速较快，或是认为Mid音乐单点的话，则可添加 MP3格式的音乐。
</marquee>
• 在第一个表格中再插入一1×5，宽度为100%的嵌套表格，分别在各列插入相应的图 像；
• （关键步骤）在第二个表格“01”的第一列中插入光标，将其背景颜色设置为 “#DE80A5”， 1）在其中插入一1×1，宽为253pix，边框粗细、单元格边距和单元格间距均为“0” 的嵌套表格，并将表格ID设置为“01-1”，在其中插入相应的图像； 2）将光标移至表格“01-1”之外的第一列中，再插入一个1×1的表格“01-2”，设置 同“01-1”；将光标移至“01-2”中，为其设置一背景图像； 课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）将光标移至表 格“01-2”中，插入一1×1、宽为214pix（高为160pix）、单元格边距和单元格间距 均为“0”的嵌套表格“01-2-1”，将光标移至表格中，为其设置一背景图像，并将 垂直对齐设置为“底部对齐”； 课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在“01-2-1” 表格中再插入一个1×1 、宽为214pix、单元格边距和单元格间距均为“0”的嵌套表 格“01-2-1-1“； 课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在表格 4
• 插入的第二个大表格为12×2，宽为760pix， 将左侧的单元格全部合并，然后选择菜单 “插入” → “媒体”→“插件”/ “ActiveX”。
10
【重要知识问答】
• 网页中常用的视频格式有哪些？ 有rm、rmvb、mov、swf等，这些都是符合流媒体播放方 式的视频格式，其中最新的swf播放插件可以支持flv视频， 它以速度快、画质佳和使用方便等特点逐渐成为播客（有 声博客）们的最爱。
第十二讲 制作多媒体效果网页（二）
• 任务一 创建网页滚动广告 • 任务二 创建网页视频
1
任务一 创建网页滚动广告
【知识点】嵌套表格、代码视图 【重点/难点】代码的添加
【范例分析】
本实例在设计制作时，通过添加Javascript 代码为输入的公告文字创建滚动效果，从而完成 本例的制作。
2
【主要步骤】
• 在网页中插入第三个1×1的大表格，宽为778pix，单元格边距和单元格间距 均为“0”，别经颜色为“#EFDCEF”、居中对齐，并在表格中输入相应文字。
5
【为网页添加背景音乐的方法】
• 切换到“代码视图”，在 <body></body>之间输入 <bgsound src=“11.mp3” loop=-1>
• 启动Dreamweaver，新建一个网页文件，将其命名为 “index.htm”，打开“页面属性”，设置“字体”为12pix， “文本颜色”为#FFFFFF，上边距为0pix；在“分类”列 表框中选择“链接”选项，链接字体“大小”设置为9pit， 链接颜色为#4893DD，将“变换图像链接”颜色设置为 “#1AA663”，在”下划线样式”下拉列表框中选择“始 终无下划线”。
8
任务二 创建网页视频
【知识点】插件、参数设置 【重点/难点】插入插件与设置插件
【范例分析】
本实例在设计制作时，在网页中插入插件， 然后选择视频文件，最后为插件设置参数，使视 频能够在网页中顺利播放。
9
【网页制作说明】
• 在第一个大表格（3×1）第三行图像中的 相关菜单处设置矩形热点区域，并设置空 链接；
• 什么是流媒体？ 流媒体是指在Internet /Intranet中使用流式传播技术播放的 连续时基媒体。流媒体在播放前不用下载完整的文件，只 需将开始部分内容存入内存即可播放，在播放过程中可以 继续下载后面的内容，节约了用户等待的时间。
默认为6
“direction”是对滚动方向进行设置，（ 默认为“left”）； “scrolldelay”用于设定两次滚动操作之间的间隔时间， （该时间以毫秒为单位；此属性不是必须使用的，默认为0）。 “height” 表示运动区域的高度，（默认width=100% height
为标签内元素的高度）。
其中“11.mp3”为歌曲的名称，“loop=-1”表示音 乐 无限循环播放。
6
【重要知识问答】
• 本例中输入的代码的含义？ 代码表示在表格中使输入的文字滚动显示； <marquee>（[计]选取框，用于创建一个滚动的文本字幕 ）标签表 示对文字进行滚动设置； 其中 “scrollamount”属性是对“滚动的速度”进行设置，
• （关键步骤） 3）将光标移至表格“01-2”外，插入一4×1、宽为253pix、单元格边距和单 元格间距均为“0”的表格；在第1、3行中插入相应的图像，在第2、4行单元 格中输入相应文字；
将“01”表格Baidu Nhomakorabea间和右侧的单元格合并，然后将合并后的单元格背景颜色设置 为灰色；
将光标移至合并后的单元格中，在其中插入一个4×4、宽度为98%、单元 格和单元格间距均为“0”的嵌套表格。 a）将嵌套表格的第一行单元格合并，并将其背景颜色设置为白色，然后在 该单元格中插入相应图像； b）在其余各单元格中插入相应图像；
• 在网页插入三大宽为778pix、居中对齐且“填充”和“间 距”均为0的表格；
• 其中第一个表格1×1； 第二个表格1×3且“表格ID”文本 框中输入“01”； 第三个表格1×1，背景色设置为 “#EFDCEF”。
3
<marquee scrollamount="2" scrolldelay="200" width="200“ direction="up" height="130">