
第10章媒体对象的应用 一、要点解析 本章主要介绍精入Fas动对象,辅入Shockwave对象、插入视類、插入ActiveX控件与 Jva小程序、填加声音等内容。 教学要求: 拿罪:插入F门的对象、插入Shockwave对象、插入视频、插入AceX控件与na 小程序、填加声音 Fah对象的几个间题 通过的学习,相信保己经能制作出一个简单的网页了,很有成瓷移吧A 不过,一个优秀的网站应该不仅仅是由文字和图片组成的,而是动志的,多媒体。为了 增强网页的表现力,丰富文药的显示效果,我们可以向其F动动面、Ja小程序、音颜播 放插件等多煤体内容。 《一)插入Fash动国 1,插入Fh 为了合理的安排这一误的页面元素,在括入F动动西之前,让我们先米复习一下表格 布局吧AA 打开03htl,设置真面属性,在弹出的“页面属性"对话柜中,“外观项设置字体为宋 体”,字号为16即x,文本颜色为F282A8,背景图像为img/008JPG,上边距为50pK、下、 左、右的边更都为0。“链接项遗择始锋无下划线,桂接膜色为F282A8,己访问链接为 F5E458, 现在我们开始布局一AA一 (1)插入一个1行1列的表格(表格1),表格的宽度为726匹,边框相细为0,单元 格边距为0、单元格何距为1,背景颜色为892321,将表格居中对齐. (2)橘入一个3行2列的表格(表格2),表格的宽度为100%,边框粗细为0,单元 格边距和单元格何距都为0,背景颜色6DC下F6。设置第一行左边单元格的宽为173x,高 为137%,设置第二行的高为238m,将第三行的两个单元格合并,高度为50x。在第一行 左侧单元格插入图片img/102gif,在右侧单元格插入图片img101jp唱.在第三行将光标水平 苫中,输入文字版权所有©闪客启航” (3)在表格2第二行左侧单元格插入一个6行一列的表格(表格3),表格宽度为95%, 边框和单元格边距为0,单元格何距为5,将表格居中对齐。第一行高度为15,其余各行高 度都为40。 (4)在表格2右侧单无格插入一个1行2列的表格(表格4),表格党度为550路:边 想、单元格边距和阿距都为0。 好啦一我们完成了页面的布局,开始插入页面元素。 将光标做置在表格4右侧单元格中。单击常用快捷栏中的螺体按钮,然后在弹出的列表 中选择Fla动
第 10 章 媒体对象的应用 一、要点解析 本章主要介绍插入 Flash 对象、插入 Shockwave 对象、插入视频、插入 ActiveX 控件与 Java 小程序、填加声音等内容。 教学要求: 掌握:插入 Flash 对象、插入 Shockwave 对象、插入视频、插入 ActiveX 控件与 Java 小程序、填加声音 Flash 对象的几个问题 通过的学习,相信你已经能制作出一个简单的网页了,很有成就感吧^_^ 不过,一个优秀的网站应该不仅仅是由文字和图片组成的,而是动态的、多媒体。为了 增强网页的表现力,丰富文档的显示效果,我们可以向其 Flash 动画、Java 小程序、音频播 放插件等多媒体内容。 (一)插入 Flash 动画 1、插入 Flash 为了合理的安排这一课的页面元素,在插入 Flash 动画之前,让我们先来复习一下表格 布局吧^_^ 打开 03.html,设置页面属性,在弹出的“页面属性”对话框中,“外观”项设置字体为“宋 体”,字号为 16px,文本颜色为#F282A8,背景图像为 img/008.JPG,上边距为 50px、下、 左、右的边距都为 0。 “链接”项选择始终无下划线,链接颜色为#F282A8,已访问链接为 #F5E458。 现在我们开始布局~^_^~ (1)插入一个 1 行 1 列的表格(表格 1),表格的宽度为 726px,边框粗细为 0,单元 格边距为 0、单元格间距为 1,背景颜色为#892321,将表格居中对齐。 (2) 插入一个 3 行 2 列的表格(表格 2),表格的宽度为 100%,边框粗细为 0,单元 格边距和单元格间距都为 0,背景颜色#6DCFF6。设置第一行左边单元格的宽为 173px,高 为 137px,设置第二行的高为 238px,将第三行的两个单元格合并,高度为 50px。在第一行 左侧单元格插入图片 img/102.gif,在右侧单元格插入图片 img/101.jpg。在第三行将光标水平 居中,输入文字“版权所有©闪客启航” (3)在表格 2 第二行左侧单元格插入一个 6 行一列的表格(表格 3),表格宽度为 95%, 边框和单元格边距为 0,单元格间距为 5,将表格居中对齐。第一行高度为 15,其余各行高 度都为 40。 (4) 在表格 2 右侧单元格插入一个 1 行 2 列的表格(表格 4),表格宽度为 550px。边 框、单元格边距和间距都为 0。 好啦~我们完成了页面的布局,开始插入页面元素。 将光标放置在表格 4 右侧单元格中,单击常用快捷栏中的媒体按钮,然后在弹出的列表 中选择 Flash

国6茴凸四置 标腰安 色F1auh按团 F1ash文本 号F1 skPaper Flash Video 情Shockvave APPLET 的少数 ActiveR 非暂件 弹出选择文件”对话框,选择mf文件夹中的dowf文件。单击确定按组后,插 入的F动动西并不会在文档窗口中显示内容,而是以一个带有字母F的灰色框来表示。 [责任编辑:ediorforddvip] 在文档窗口单击这个F动文件。藏可以在属性面板中设置它的属性了, oz>at》ce>dKebieet 109 ?控 刀l,292x 发多 文件enf 00 【 畜4的● 交件 00 ■达小 回清可 香过变 名质面品质 对济歌认直下爸 回动做 水可过更 比例以生甲显 青景心厂, 龙 勾选循环“复选框时影片将连续桶故,否则影片在播放一次后自动停止。 通过勾选“自动播收”复透框后,可以设定F动文件是否香在页面加载时就播政。 在品质”下拉列表中可以选择F动影片的面质,以最佳状态显示,就选择高品质”。 “对齐下拉列表用米设置F动动通的对齐方式, 为了使真面的背景在F动下使够村托出米,我们可以使F归动的青景变为透明。单击 属性面板中的参数按银,打开-参数"“对话框。设置参数为wm水,值为re: 多数 ⊕回 ▣回 确定 参发 福 取消 wmode ranEparet 这样在任何背景下,动动画都能实现透明背最景的显示。 2、插入门动文本 我们将光标放置在表格3第二行的单元格中,用H动文本制作导航栏目。单击常用
弹出“选择文件”对话框,选择 swf 文件夹中的 huaduo.swf 文件。单击“确定”按钮后,插 入的 Flash 动画并不会在文档窗口中显示内容,而是以一个带有字母 F 的灰色框来表示。 [责任编辑:editorforddvip] 在文档窗口单击这个 Flash 文件,就可以在属性面板中设置它的属性了。 勾选“循环”复选框时影片将连续播放,否则影片在播放一次后自动停止。 通过勾选“自动播放”复选框后,可以设定 Flash 文件是否在页面加载时就播放。 在“品质”下拉列表中可以选择 Flash 影片的画质,以最佳状态显示,就选择“高品质”。 “对齐”下拉列表用来设置 Flash 动画的对齐方式, 为了使页面的背景在 Flash 下能够衬托出来,我们可以使 Flash 的背景变为透明。单击 属性面板中的“参数”按钮,打开“参数”对话框,设置参数为 wmode,值为 transparent。 这样在任何背景下,Flash 动画都能实现透明背景的显示。 2、插入 Flash 文本 我们将光标放置在表格 3 第二行的单元格中,用 Flash 文本制作导航栏目。单击常用

快捷栏的媒体按粗,在列表中选择a动文本,弹出插入F动文本对话框,字体面意, 大小22p%,服色设置为杆5E45移,转滚顽色为54C994,文本为“图片素材”,背景顽色 6D下F6,选释白已需要的路径时接。同样方法我们分别在表格3的第3.4.5、6行制作“代 码素材灯、“1动动漫”,精美量纸和音频视频等栏目。 3、插入Fa动按钮 我们在将光标收置于插入F阳动核组的位置,单击常用快捷栏的螺体按钮。在列表中选 择Flash按钮,弹出辅入F由按钮对话框。 插入P1xh技卻 粒到 电 &taTe黑一 用 款满 件状地样其 式 CooAr l Iegiaine 面 Canftrel-Fatt Cooftrel-Flar 女式的常君氧■ 季体 面化件帽 大小5 第辞生n2园室同 且除以中 代景色 ,■ 为容分1a3 □ “样式用米这择按耀的外观,“按钮文本"用米输入按钮上的文字,“字体“和大小"用于 设置按细上文字的字体和大小,字号变大,按钮并不会跟着改变。 “陆接用于输入按细的徒接,可以是外部链接,也可以是内部硅接。“目标“用来设置打 开的链接窗口。 知果需要修改F动按组对象,可以先选中它,然后在属性面板中单击编辑“按钮, 会自动弹出例才的插入F可动按钮对话框,更改它的设置就可以了,4、插入FlashP军 我们还可以在网页中插入lacromedia F1 shPaper文档。在测览器中打开包含 F小P阳pe文档的页面时,测宽者能够测宽FHas小hP文档中的所有页面,而无清加载新 的b页。也可以搜索、打印和缩成该文督。 在“文档窗口中,将光标放放在真面上想要是示FhP即文档的位置,然后选择插 入”>“煤体>FlashPaper'”。 在插入FlashPaper'”对话框中,浏览到一个FlashP文档并将其选定。 如果需要,通过输入宽度和高度(以像素为单位)指定F小P即g对象在网页上的尺 寸。F刊ashPaper将缩做文档以适合宽度。 单击确定"在页面中插入文档。由于FlashPaper文档是Fa动对象,因此页面上将出 现一个下动占位符。 如果需要。在属性检查器中设置其他属性
快捷栏的媒体按钮,在列表中选择 Flash 文本,弹出“插入 Flash 文本”对话框,字体随意, 大小 22px,颜色设置为#F5E458,转滚颜色为#54C994,文本为“图片素材”,背景颜色 #6DCFF6,选择自己需要的路径链接。同样方法我们分别在表格 3 的第 3、4、5、6 行制作“代 码素材”、“Flash 动漫”、“精美壁纸”和“音频视频”等栏目。 3、插入 Flash 按钮 我们在将光标放置于插入 Flash 按钮的位置,单击常用快捷栏的媒体按钮,在列表中选 择 Flash 按钮,弹出“插入 Flash 按钮”对话框。 “样式”用来选择按钮的外观,“按钮文本”用来输入按钮上的文字,“字体”和“大小”用于 设置按钮上文字的字体和大小,字号变大,按钮并不会跟着改变。 “链接”用于输入按钮的链接,可以是外部链接,也可以是内部链接。“目标”用来设置打 开的链接窗口。 如果需要修改 Flash 按钮对象,可以先选中它,然后在属性面板中单击“编辑”按钮, 会自动弹出刚才的“插入 Flash 按钮”对话框,更改它的设置就可以了。4、插入 FlashPaper 我们还可以在网页中插入 Macromedia FlashPaper 文档。在浏览器中打开包含 FlashPaper 文档的页面时,浏览者能够浏览 FlashPaper 文档中的所有页面,而无需加载新 的 Web 页。也可以搜索、打印和缩放该文档。 在“文档”窗口中,将光标放放在页面上想要显示 FlashPaper 文档的位置,然后选择“插 入”>“媒体”>“FlashPaper”。 在“插入 FlashPaper”对话框中,浏览到一个 FlashPaper 文档并将其选定。 如果需要,通过输入宽度和高度(以像素为单位)指定 FlashPaper 对象在网页上的尺 寸。 FlashPaper 将缩放文档以适合宽度。 单击“确定”在页面中插入文档。 由于 FlashPaper 文档是 Flash 对象,因此页面上将出 现一个 Flash 占位符。 如果需要,在属性检查器中设置其他属性

二、典型例愿 I,下列速项中(B)按钮表示插入Fireworks HTML. A B c. n.0 2、JavaScrip倒包括在HML中,它成为HML文档的一部分,可将,之同 C.既可放入Head.Hea之间,也可政入Bdy>By>之阿 D只能在.之间 3、美于在Dreamweaver中插入Fa动文本,说法错误的是(A. A可以设置h文本的动态效果,如淡入液出等 B.通过插入F动文本,用户可以直接创建一个Fah文本对象的动司 C.可以没置F动文本的字体、字号、文本颜色、服标转滚颜色等属性 D.可以为Fash文本设置链接 4,添加背景音乐的HML标签是((A)。 A. B.cbgmusic C. D.cmusi?> 5、在Dreamweaver中,可以向网页中括入的多媒体格式有(ABC. A.Shockwave B.ActiveX C.Java Applet D.A和C
二、典型例题 1、下列选项中( B )按钮表示插入 Fireworks HTML。 A. B. C. D. 2、 JavaScript 包括在 HTML 中,它成为 HTML 文档的一部分,可将...标识 放入( C )。 A. 只能在.. 之间 B. 只能在...之间 C. 既可放入.. 之间,也可放入...之间 D. 只能在...之间 3、关于在 Dreamweaver 中插入 Flash 文本,说法错误的是( A )。 A. 可以设置 Flash 文本的动态效果,如淡入淡出等 B. 通过插入 Flash 文本,用户可以直接创建一个 Flash 文本对象的动画 C. 可以设置 Flash 文本的字体、字号、文本颜色、鼠标转滚颜色等属性 D. 可以为 Flash 文本设置链接 4、添加背景音乐的 HTML 标签是( A )。 A. B. C. D. 5、在 Dreamweaver 中,可以向网页中插入的多媒体格式有( ABC )。 A. Shockwave B. ActiveX C. Java Applet D. A 和 C