第9章 插入多媒体ppt课件

1、精选课件第第9章章 插入多媒体插入多媒体精选课件n9.1 网页的动感效果设计网页的动感效果设计n9.2 插入插入Flash对象对象n9.3 插入其它多媒体元素插入其它多媒体元素n9.4 插入第三方插件插入第三方插件n9.5 实战演练实战演练精选课件n多媒体是由多种媒体构成的共同表示、传多媒体是由多种媒体构成的共同表示、传播和存储信息的媒体。如声音、动画、交播和存储信息的媒体。如声音、动画、交互控件。互控件。n 可插入的多媒体元素包括：可插入的多媒体元素包括： Flash动画，动画，Flash按钮，按钮，Flash文本、文本、Java Applet小程序小程序或者其他一些音频或视频对象。或者其他

2、一些音频或视频对象。精选课件n 插入多媒体文件插入多媒体文件nn src-用来设置插入的多媒体文件的地址或名用来设置插入的多媒体文件的地址或名称。注意：文件后面一定要加上后缀名称称。注意：文件后面一定要加上后缀名称精选课件9.1 9.1 插入插入FlashFlash对象对象nFlash是一种高质量的矢量动画，它由是一种高质量的矢量动画，它由Macromedia 的的Flash动画制作软件创建。动画制作软件创建。Flash动画的优点：文件小，网上传输快。动画的优点：文件小，网上传输快。可以任意调整大小而仍保持清晰效果，可播可以任意调整大小而仍保持清晰效果，可播放放mp3声音，可设置超级链接。声音

3、，可设置超级链接。n在在Dreamweaver 8中可以插入多种中可以插入多种Flash对对象包括：象包括：Flash动画、动画、Flash按钮、按钮、Flash文文本、本、Flash视频、视频、Flash元素（图像查看元素（图像查看器）、器）、Flash文档等。文档等。精选课件插入插入Flash动画的操作步骤：动画的操作步骤：将插入点置于要插入将插入点置于要插入Flash影片的位置。影片的位置。选择选择【插入插入】|【媒体媒体】|【Flash】命令，或命令，或【常用常用】/【媒体媒体Flash】插入栏中插入栏中Flash命令。命令。在弹出的对话框中选择一个在弹出的对话框中选择一个*. swf

4、文件。文件。插入的插入的Flash动画显示为一个灰色的方框，里动画显示为一个灰色的方框，里面有面有Flash标志。标志。1.单击单击【属性属性】面板上的面板上的【播放播放】按钮，可预按钮，可预览动画。览动画。9.2.19.2.1插入Flash动画精选课件插入插入FlashFlash动画动画设置设置FlashFlash影片属性：影片属性：n【 FlashFlash】: :影片的名称。影片的名称。n【宽宽】和和【高高】：以像素为单位指定：以像素为单位指定影片的宽度和高度。影片的宽度和高度。n【文件文件】：指定指向：指定指向FlashFlash（* *.swf.swf）或或ShockwaveShoc

5、kwave文件的路径。文件的路径。n【源文件源文件】指定指向指定指向FlashFlash源文档源文档(fla)(fla)的路径。的路径。精选课件n【编辑编辑】可以启动可以启动Macromedia Flash Macromedia Flash MX 2004MX 2004以更新以更新flafla文件。文件。n【重设大小重设大小】将选定影片返回到其初将选定影片返回到其初始大小。始大小。n【循环循环】选中则选中则连续播放。连续播放。精选课件插入插入FlashFlash动画动画属性：n【自动播放自动播放】选中则在加载页面时自选中则在加载页面时自动播放动播放。n【垂直边距垂直边距】和和【水平边距水平边距

6、】指指定空白的像素值。定空白的像素值。n【品质品质】控制抗失真度。控制抗失真度。n【比例比例】确定影片如何适合在确定影片如何适合在【宽宽】和和【高高】文本框中设置的文本框中设置的尺寸。尺寸。精选课件n【对齐对齐】确定影片在页面上的对齐确定影片在页面上的对齐方式。方式。n【背景颜色背景颜色】指定影片区域的背景指定影片区域的背景颜色。颜色。n【参数参数】打开一个对话框，可在其打开一个对话框，可在其中输入传递给影片的附加参数中输入传递给影片的附加参数精选课件9.2.2 9.2.2 插入插入FlashFlash按钮按钮n可制作根据鼠标的显示不同效果的按钮。可制作根据鼠标的显示不同效果的按钮。n操作步骤

7、如下操作步骤如下 ：将光标放到要插入将光标放到要插入Flash按钮对象的位置。按钮对象的位置。 选择选择【插入插入】|【媒体媒体】|【Flash按钮按钮】命令，命令，或单击或单击【插入插入】面板上面板上【常用常用】|【媒体媒体】|【Flash按钮按钮】，打开，打开【插入插入Flash按钮按钮】对话对话框框.设置完成后单击设置完成后单击“确定确定”按钮。按钮。精选课件9.2.3 9.2.3 插入插入FlashFlash文本文本n使用使用Flash文本功能可以在文本功能可以在Dreamweaver中中制作滚动效果的文本。而且可以设定链接。制作滚动效果的文本。而且可以设定链接。nDreamweave

8、r制作的制作的Flash按钮和按钮和Flash文本文本将另存为将另存为*.swf文件文件精选课件插入插入FlashFlash文本文本n操作步骤如下操作步骤如下 ：将光标放到要插入将光标放到要插入Flash文本对象的位置文本对象的位置 。选择选择【插入插入】|【媒体媒体】|【Flash文本文本】命令，命令，或单击或单击【插入插入】栏上栏上【常用常用】|【媒体媒体】|【Flash文本文本】，打开，打开【插入插入Flash文本文本】对话对话框框 .可设置转滚颜色。当鼠标经过文本，则文本可设置转滚颜色。当鼠标经过文本，则文本变色。变色。设置完成后单击设置完成后单击“确定确定”按钮。按钮。精选课件n操作

9、步骤如下操作步骤如下 ：将光标放到要插入将光标放到要插入Flash元素的位置元素的位置 。选择选择【插入插入】|【媒体媒体】|【图像查看器图像查看器】命令，命令，打开打开【保存保存Flash元素元素】对话框。对话框。输入一个文件名，单击输入一个文件名，单击“保存保存”按钮。按钮。在属性面板中设置宽和高，设置对齐方式。在属性面板中设置宽和高，设置对齐方式。9.2.4 9.2.4 插入图像查看器插入图像查看器精选课件Flash图象查看器的属性设置图象查看器的属性设置n选中选中Flash图象查看器，在右侧的面板中会图象查看器，在右侧的面板中会看见看见“Flash元素元素”面板。面板。n在这个面板中进

10、行相关参数的设置。在这个面板中进行相关参数的设置。精选课件主要设置属性：主要设置属性：imageLinks(图片的链接)，单击文本框右边的图标，在打开的编辑对话框中添加图象链接精选课件imageURLs(图片的位置图片的位置) 单击文本框右边的图标单击文本框右边的图标 ，在打开的编辑，在打开的编辑对话框中添加图象源文件对话框中添加图象源文件精选课件n设置其他属性：设置其他属性：nShowControls=否（不显示控制条）否（不显示控制条）nSlideAutoPlay是（自动播放）是（自动播放）nSlideLoop是（循环播放）是（循环播放）nSlideDelay5 （切换间隔的时间）（切换间

11、隔的时间）n设置完成后，预览设置完成后，预览精选课件nJava Applet程序程序nJava是一种允许开放并可以嵌入是一种允许开放并可以嵌入Web页面页面的应用程序语言。的应用程序语言。Java Applet 是在是在Java 的的基础上演变而成的应用程序，它可以嵌入基础上演变而成的应用程序，它可以嵌入到网页中用来执行一定的任务。到网页中用来执行一定的任务。9.39.3插入插入Java Applet小程序小程序 精选课件n操作步骤如下操作步骤如下 ：将光标放到要插入将光标放到要插入Applet小程序的位置。小程序的位置。选择选择【插入插入】|【媒体媒体】|【Applet】命令，或者命令，或者

12、单击单击【插入插入】面板上面板上【常规常规】|【媒体媒体】|【Applets】按钮，打开按钮，打开【选择文件选择文件】对话框，对话框，从对话框中选择扩展名为从对话框中选择扩展名为.class的文件。的文件。选中插入到页面中的选中插入到页面中的Applet图标，打开属性面图标，打开属性面板，设置其属性。板，设置其属性。 插入插入Java Applet小程序小程序 精选课件插入插入ActiveX控件控件nActive X控件是一种由特定功能的软件。可控件是一种由特定功能的软件。可以充当浏览器插件的可重复使用的组件。以充当浏览器插件的可重复使用的组件。n如在网页中加上一些不同功能的如在网页中加上一些

13、不同功能的Active X控控件可以播放件可以播放AVI图象文件图象文件精选课件n操作步骤如下操作步骤如下 ：将光标放到要插入将光标放到要插入ActiveX对象的位置。对象的位置。选择选择【插入插入】|【媒体媒体】|【ActiveX】命令或者命令或者单击单击【插入插入】面板上面板上【常规常规】|【媒体媒体】|【ActiveX】按钮，即可在文档中插入按钮，即可在文档中插入ActiveX对象。对象。 选中选中ActiveX对象图标，打开它的属性面板，设对象图标，打开它的属性面板，设置其属性。置其属性。 8.68.6插入插入ActiveXActiveX控件控件 精选课件插入插入ShockWave影片

14、影片nShockWave是是Macromedia公司制定的一种公司制定的一种用于网页中进行媒体交互的标准，是一种用于网页中进行媒体交互的标准，是一种被压缩的文件。被压缩的文件。nShockWave在网络上能被快速下载，并可在网络上能被快速下载，并可在绝大多数浏览器中播放在绝大多数浏览器中播放n播放播放ShockWave影片必须使用相应的播放影片必须使用相应的播放器。在器。在IE中用中用Active x控件来实现。控件来实现。精选课件n操作步骤如下操作步骤如下 ：将插入点置于要插入将插入点置于要插入Shockwave 影片的位置。影片的位置。选择选择【插入插入】|【媒体媒体】|【 Shockwa

15、ve 】命令，命令，或或【常用常用/媒体媒体】插入栏中插入栏中Shockwave图标。图标。插入的插入的Flash动画显示为一个灰色的方框，里面动画显示为一个灰色的方框，里面有有Shockwave标志。标志。选中此影片标记，在属性面板中设置其相关属选中此影片标记，在属性面板中设置其相关属性。性。 插入 Shockwave 影片精选课件9.4 9.4 插件插件n插件：插件：n当在互联网浏览时，常常会遇到一些浏览当在互联网浏览时，常常会遇到一些浏览器无法自行处理的文件，如三维动画文件。器无法自行处理的文件，如三维动画文件。n为了解决这些问题，发展出一些软件模块，为了解决这些问题，发展出一些软件模块

16、，可以和浏览器结合在一起处理这些文件。可以和浏览器结合在一起处理这些文件。这些软件就是插件这些软件就是插件精选课件插入第三方插件插入第三方插件安装扩展插件安装扩展插件 n利用插件可以增强利用插件可以增强Dreamweaver 8Dreamweaver 8的功能。在网的功能。在网站可以下载第三方插件，大部分是免费的。站可以下载第三方插件，大部分是免费的。n插入第三方插件的操作方法：插入第三方插件的操作方法：在在【文档文档】窗口中，将插入点置于要插入窗口中，将插入点置于要插入ActiveXActiveX控控件的地方。件的地方。选择选择【插入插入】栏栏| |【常用常用】| |【媒体媒体】| |【 插

17、件插件】图标，图标，或或【插入插入】| |【媒体媒体】| | 【 插件插件】1.1.出现的出现的 图标会标记出页面中插件将在页面上出现的图标会标记出页面中插件将在页面上出现的位置。位置。精选课件9.59.5实战演练实战演练 一、实战要求一、实战要求添加添加FlashFlash元素。元素。添加添加AppletApplet小程序。小程序。1.1.添加背景音乐。添加背景音乐。 精选课件实战演练实战演练 n网页的动感效果设计网页的动感效果设计n页面基本制作页面基本制作创建站点创建站点设其默认的文件夹为设其默认的文件夹为D:cf-duomeitiimages创建主页文件创建主页文件设置标题设置标题精选课

18、件BannerBanner条的制作条的制作n（透明背景的（透明背景的Flash)n插入插入11的表格的表格T1，宽为，宽为770px，高为，高为123px，边框等均为，边框等均为0。n选中表格，将其背景图象设为选中表格，将其背景图象设为imagesbanner.jpgn将光标置于表格中，单击将光标置于表格中，单击插入插入栏栏|常常用用|媒体媒体|Flash精选课件n在弹出的对话框中，选择在弹出的对话框中，选择flashhengline.swfn单击单击“确定确定”。再选中。再选中Flash，在属性面板中，在属性面板中设置宽度为设置宽度为770px，高为，高为123px。n将动画背景设为透明。再

19、选中将动画背景设为透明。再选中Flash，在属性，在属性面板中单击面板中单击“参数参数”按钮，设置参数为按钮，设置参数为wmode,值为值为transparent.精选课件导航条的制作导航条的制作n在表格在表格T1下插入下插入11表格表格T2，宽为，宽为770px，边框，边框均为均为0。n将光标置于表格将光标置于表格T2中，设为居中对齐中，设为居中对齐n插入插入Flash按钮。选择样式按钮。选择样式”Soft-Raspberry”,在在按钮文本处输入文字按钮文本处输入文字“页面页面1”。单击确定。单击确定n以同样的方法在页面中再插入以同样的方法在页面中再插入3个个Flash按钮。按按钮。按钮文

20、本分布为钮文本分布为“页面页面2”， “页面页面3”， “页面页面4”精选课件制作正文区制作正文区n在表格在表格T2下插入下插入21表格表格T3，宽为，宽为770px，边框均为边框均为0。n打开素材打开素材“正文文本正文文本.txt”，复制标题下的，复制标题下的第一自然段到第第一自然段到第1个单元格。其余文本复制个单元格。其余文本复制到第到第2单元格。单元格。n打开打开CSS样式面板，可以用样式面板，可以用CSS格式化页面。格式化页面。精选课件n双击双击body样式，在样式，在“body的的CSS规则定义规则定义”对话框中，设置正文文字大小为对话框中，设置正文文字大小为12pt，行，行高为高为

21、24pxn在在CSS样式面板中，单击样式面板中，单击“ ”按钮，添按钮，添加自定义样式加自定义样式.line。n在新建在新建CSS规则中，选择器类型为类，名称规则中，选择器类型为类，名称输入输入”.line”n选择定义在选择定义在“仅对仅对 该文档该文档”精选课件n在打开的在打开的“.line的的CSS规则定义规则定义”对话框中，对话框中，选择选择“边框边框”类别，设置参数，如图所示类别，设置参数，如图所示精选课件插入插入Flash文本文本n选择表格选择表格T3，在其属性面板的，在其属性面板的“类类”下拉下拉列表框中选择列表框中选择”.line”.n插入插入Flash文本文本n将光标置于表格将

22、光标置于表格T3的第一单元格最前面的第一单元格最前面n单击单击Flash文本文本n在弹出的对话框中，文本输入在弹出的对话框中，文本输入“真的真的 ,想牵想牵一次你的手一次你的手”，设置文本颜色和转滚颜色，设置文本颜色和转滚颜色，以及字体和字号等。以及字体和字号等。精选课件n在插入的在插入的Flash文本后回车换行。文本后回车换行。n设置其他文本为设置其他文本为“华文行楷华文行楷”，大小为，大小为18，颜色为颜色为”#FF33CC”精选课件插入图象查看器插入图象查看器n将光标定位于将光标定位于Flash文本后，选择菜单文本后，选择菜单插插入入|媒体媒体|图象查看器图象查看器n在弹出的在弹出的“保存保存Flash元素元素”对话框中指定对话框中指定所生成的所生成的Flash动画文件的名称和存放位置。动画文件的名称和存放位置。n单击保存单击保存n将该元素设为将该元素设为200135