《《插入多媒体》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《插入多媒体》PPT课件.ppt（41页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第9章章 插入多媒体插入多媒体n9.1 网网页页的的动动感效果感效果设计设计n9.2 插入插入Flash对对象象n9.3 插入其它多媒体元素插入其它多媒体元素n9.4 插入第三方插件插入第三方插件n9.5 实战实战演演练练n多媒体是由多种媒体构成的共同表示、多媒体是由多种媒体构成的共同表示、传传播和存播和存储储信息的媒体。如声音、信息的媒体。如声音、动动画、交画、交互控件。互控件。n 可插入的多媒体元素包括：可插入的多媒体元素包括：Flash动动画，画，Flash按按钮钮，Flash文本、文本、Java Applet小程序小程序或者其他一些音或者其他一些音频频或或视频对视频对象。象。n 插入
2、多媒体文件插入多媒体文件nn src-用来用来设设置插入的多媒体文件的地址或名置插入的多媒体文件的地址或名称。注意：文件后面一定要加上后称。注意：文件后面一定要加上后缀缀名称名称9.1 9.1 插入插入FlashFlash对象对象nFlash是一种高是一种高质质量的矢量量的矢量动动画，它由画，它由Macromedia 的的Flash动动画制作画制作软软件件创创建。建。Flash动动画的画的优优点：文件小，网上点：文件小，网上传输传输快。快。可以任意可以任意调调整大小而仍保持清晰效果，可播整大小而仍保持清晰效果，可播放放mp3声音，可声音，可设设置超置超级链级链接。接。n在在Dreamweave
3、r 8中可以插入多种中可以插入多种Flash对对象包括：象包括：Flash动动画、画、Flash按按钮钮、Flash文文本、本、Flash视频视频、Flash元素（元素（图图像像查查看器）、看器）、Flash文档等。文档等。插入插入Flash动动画的操作步画的操作步骤骤：1.将插入点置于要插入将插入点置于要插入Flash影片的位置。影片的位置。2.选择选择【插入插入】|【媒体媒体】|【Flash】命令，或命令，或【常用常用】/【媒体媒体Flash】插入插入栏栏中中Flash命令。命令。3.在在弹弹出的出的对话对话框中框中选择选择一个一个*.swf文件。文件。4.插入的插入的Flash动动画画显
4、显示示为为一个灰色的方框，里一个灰色的方框，里面有面有Flash标标志。志。5.单击单击【属性属性】面板上的面板上的【播放播放】按按钮钮，可，可预预览动览动画。画。插入Flash动画插入插入FlashFlash动画动画设设置置FlashFlash影片属性：影片属性：n【FlashFlash】:影片的名称。影片的名称。n【宽宽】和和【高高】：以像素：以像素为单为单位指定位指定影片的影片的宽宽度和高度。度和高度。n【文件文件】：指定指向：指定指向FlashFlash（*.swf.swf）或）或ShockwaveShockwave文件的路径。文件的路径。n【源文件源文件】指定指向指定指向FlashF
5、lash源文档源文档(fla)(fla)的路径。的路径。n【编辑编辑】可以启可以启动动Macromedia Flash Macromedia Flash MX 2004MX 2004以更新以更新flafla文件。文件。n【重重设设大小大小】将将选选定影片返回到其初定影片返回到其初始大小。始大小。n【循循环环】选选中中则则连续连续播放。播放。插入插入FlashFlash动画动画属性：n【自自动动播放播放】选选中中则则在加在加载页载页面面时时自自动动播放播放。n【垂直垂直边边距距】和和【水平水平边边距距】指指定空白的像素定空白的像素值值。n【品品质质】控制抗失真度。控制抗失真度。n【比例比例】确定
6、影片如何适合在确定影片如何适合在【宽宽】和和【高高】文本框中文本框中设设置的尺置的尺寸。寸。n【对齐对齐】确定影片在确定影片在页页面上的面上的对齐对齐方式。方式。n【背景背景颜颜色色】指定影片区域的背景指定影片区域的背景颜颜色。色。n【参数参数】打开一个打开一个对话对话框，可在其框，可在其中中输输入入传递给传递给影片的附加参数影片的附加参数9.2.2 9.2.2 插入插入FlashFlash按钮按钮n可制作根据鼠可制作根据鼠标标的的显显示不同效果的按示不同效果的按钮钮。n操作步操作步骤骤如下如下：将光将光标标放到要插入放到要插入Flash按按钮对钮对象的位置。象的位置。选择选择【插入插入】|【
7、媒体媒体】|【Flash按按钮钮】命令，命令，或或单击单击【插入插入】面板上面板上【常用常用】|【媒体媒体】|【Flash按按钮钮】，打开，打开【插入插入Flash按按钮钮】对话对话框框.设设置完成后置完成后单击单击“确定确定”按按钮钮。9.2.3 9.2.3 插入插入FlashFlash文本文本n使用使用Flash文本功能可以在文本功能可以在Dreamweaver中中制作制作滚动滚动效果的文本。而且可以效果的文本。而且可以设设定定链链接。接。nDreamweaver制作的制作的Flash按按钮钮和和Flash文本文本将另存将另存为为*.swf文件文件插入插入FlashFlash文本文本n操作
8、步操作步骤骤如下如下：将光将光标标放到要插入放到要插入Flash文本文本对对象的位置象的位置。选择选择【插入插入】|【媒体媒体】|【Flash文本文本】命令，命令，或或单击单击【插入插入】栏栏上上【常用常用】|【媒体媒体】|【Flash文本文本】，打开，打开【插入插入Flash文本文本】对话对话框框.可可设设置置转滚颜转滚颜色。当鼠色。当鼠标经过标经过文本，文本，则则文本文本变变色。色。设设置完成后置完成后单击单击“确定确定”按按钮钮。n操作步操作步骤骤如下如下：将光将光标标放到要插入放到要插入Flash元素的位置元素的位置。选择选择【插入插入】|【媒体媒体】|【图图像像查查看器看器】命令，命
9、令，打开打开【保存保存Flash元素元素】对话对话框。框。输输入一个文件名，入一个文件名，单击单击“保存保存”按按钮钮。在属性面板中在属性面板中设设置置宽宽和高，和高，设设置置对齐对齐方式。方式。9.2.4 9.2.4 插入图像查看器插入图像查看器Flash图象查看器的属性设置图象查看器的属性设置n选选中中Flash图图象象查查看器，在右看器，在右侧侧的面板中会的面板中会看看见见“Flash元素元素”面板。面板。n在在这这个面板中个面板中进进行相关参数的行相关参数的设设置。置。主要主要设设置属性：置属性：imageLinks(图片的链接)，单击文本框右边的图标，在打开的编辑对话框中添加图象链接
10、imageURLs(图图片的位置片的位置)单击单击文本框右文本框右边边的的图标图标 ，在打开的，在打开的编辑编辑对话对话框中添加框中添加图图象源文件象源文件n设设置其他属性：置其他属性：nShowControls=否（不否（不显显示控制条）示控制条）nSlideAutoPlay是（自是（自动动播放）播放）nSlideLoop是（循是（循环环播放）播放）nSlideDelay5（切（切换间换间隔的隔的时间时间）n设设置完成后，置完成后，预览预览nJava Applet程序程序nJava是一种允是一种允许许开放并可以嵌入开放并可以嵌入Web页页面的面的应应用程序用程序语语言。言。Java Appl
11、et 是在是在Java 的基的基础础上演上演变变而成的而成的应应用程序，它可以嵌入到用程序，它可以嵌入到网网页页中用来中用来执执行一定的任行一定的任务务。9.39.3插入插入Java Applet小程序小程序 n操作步操作步骤骤如下如下：将光将光标标放到要插入放到要插入Applet小程序的位置。小程序的位置。选择选择【插入插入】|【媒体媒体】|【Applet】命令，或者命令，或者单击单击【插入插入】面板上面板上【常常规规】|【媒体媒体】|【Applets】按按钮钮，打开，打开【选择选择文件文件】对话对话框，从框，从对话对话框中框中选择扩选择扩展名展名为为.class的文件。的文件。选选中插入到
12、中插入到页页面中的面中的Applet图标图标，打开属性面，打开属性面板，板，设设置其属性。置其属性。插入插入Java Applet小程序小程序 插入插入ActiveX控件控件nActive X控件是一种由特定功能的控件是一种由特定功能的软软件。可件。可以充当以充当浏览浏览器插件的可重复使用的器插件的可重复使用的组组件。件。n如在网如在网页页中加上一些不同功能的中加上一些不同功能的Active X控控件可以播放件可以播放AVI图图象文件象文件n操作步操作步骤骤如下如下：将光将光标标放到要插入放到要插入ActiveX对对象的位置。象的位置。选择选择【插入插入】|【媒体媒体】|【ActiveX】命令
13、或者命令或者单击单击【插入插入】面板上面板上【常常规规】|【媒体媒体】|【ActiveX】按按钮钮，即可在文档中插入，即可在文档中插入ActiveX对对象。象。选选中中ActiveX对对象象图标图标，打开它的属性面板，打开它的属性面板，设设置其属性。置其属性。8.68.6插入插入ActiveXActiveX控件控件 插入插入ShockWave影片影片nShockWave是是Macromedia公司制定的一种公司制定的一种用于网用于网页页中中进进行媒体交互的行媒体交互的标标准，是一种准，是一种被被压缩压缩的文件。的文件。nShockWave在网在网络络上能被快速下上能被快速下载载，并可，并可在在
14、绝绝大多数大多数浏览浏览器中播放器中播放n播放播放ShockWave影片必影片必须须使用相使用相应应的播放的播放器。在器。在IE中用中用Active x控件来控件来实现实现。n操作步操作步骤骤如下如下：将插入点置于要插入将插入点置于要插入Shockwave 影片的位置。影片的位置。选择选择【插入插入】|【媒体媒体】|【Shockwave】命令，命令，或或【常用常用/媒体媒体】插入插入栏栏中中Shockwave图标图标。插入的插入的Flash动动画画显显示示为为一个灰色的方框，里面一个灰色的方框，里面有有Shockwave标标志。志。选选中此影片中此影片标记标记，在属性面板中，在属性面板中设设置
15、其相关属置其相关属性。性。插入 Shockwave 影片9.4 9.4 插件插件n插件：插件：n当在互当在互联联网网浏览时浏览时，常常会遇到一些，常常会遇到一些浏览浏览器无法自行器无法自行处处理的文件，如三理的文件，如三维动维动画文件。画文件。n为为了解决了解决这这些些问题问题，发发展出一些展出一些软软件模件模块块，可以和可以和浏览浏览器器结结合在一起合在一起处处理理这这些文件。些文件。这这些些软软件就是插件件就是插件插入第三方插件插入第三方插件安装安装扩扩展插件展插件 n利用插件可以增利用插件可以增强强Dreamweaver 8Dreamweaver 8的功能。在网的功能。在网站可以下站可以
16、下载载第三方插件，大部分是免第三方插件，大部分是免费费的。的。n插入第三方插件的操作方法：插入第三方插件的操作方法：1.1.在在【文档文档】窗口中，将插入点置于要插入窗口中，将插入点置于要插入ActiveXActiveX控控件的地方。件的地方。2.2.选择选择【插入插入】栏栏|【常用常用】|【媒体媒体】|【插件插件】图标图标，或或【插入插入】|【媒体媒体】|【插件插件】3.3.出出现现的的 图标图标会会标记标记出出页页面中插件将在面中插件将在页页面上出面上出现现的的位置。位置。9.59.5实战演练实战演练 一、实战要求一、实战要求1.添加添加FlashFlash元素。元素。2.添加添加Appl
17、etApplet小程序。小程序。3.3.添加背景音乐。添加背景音乐。实战演练实战演练 n网网页页的的动动感效果感效果设计设计n页页面基本制作面基本制作创创建站点建站点设设其默其默认认的文件的文件夹为夹为D:cf-duomeitiimages创创建主建主页页文件文件设设置置标题标题BannerBanner条的制作条的制作n（透明背景的（透明背景的Flash)n插入插入11的表格的表格T1，宽为宽为770px，高，高为为123px，边边框等均框等均为为0。n选选中表格，将其背景中表格，将其背景图图象象设为设为imagesbanner.jpgn将光将光标标置于表格中，置于表格中，单击单击插入插入栏栏
18、|常用常用|媒体媒体|Flashn在在弹弹出的出的对话对话框中，框中，选择选择flashhengline.swfn单击单击“确定确定”。再。再选选中中Flash，在属性面板中，在属性面板中设设置置宽宽度度为为770px，高，高为为123px。n将将动动画背景画背景设为设为透明。再透明。再选选中中Flash，在属性，在属性面板中面板中单击单击“参数参数”按按钮钮，设设置参数置参数为为wmode,值为值为transparent.导航条的制作导航条的制作n在表格在表格T1下插入下插入11表格表格T2，宽为宽为770px，边边框框均均为为0。n将光将光标标置于表格置于表格T2中，中，设为设为居中居中对
19、齐对齐n插入插入Flash按按钮钮。选择样选择样式式”Soft-Raspberry”,在按在按钮钮文本文本处输处输入文字入文字“页页面面1”。单击单击确定确定n以同以同样样的方法在的方法在页页面中再插入面中再插入3个个Flash按按钮钮。按。按钮钮文本分布文本分布为为“页页面面2”，“页页面面3”，“页页面面4”制作正文区制作正文区n在表格在表格T2下插入下插入21表格表格T3，宽为宽为770px，边边框均框均为为0。n打开素材打开素材“正文文本正文文本.txt”，复制，复制标题标题下的第下的第一自然段到第一自然段到第1个个单单元格。其余文本复制到元格。其余文本复制到第第2单单元格。元格。n打
20、开打开CSS样样式面板，可以用式面板，可以用CSS格式化格式化页页面。面。n双双击击body样样式，在式，在“body的的CSS规则规则定定义义”对话对话框中，框中，设设置正文文字大小置正文文字大小为为12pt，行高，行高为为24pxn在在CSS样样式面板中，式面板中，单击单击“”按按钮钮，添加，添加自定自定义样义样式式.line。n在新建在新建CSS规则规则中，中，选择选择器器类类型型为类为类，名称，名称输输入入”.line”n选择选择定定义义在在“仅对仅对 该该文档文档”n在打开的在打开的“.line的的CSS规则规则定定义义”对话对话框中，框中，选择选择“边边框框”类别类别，设设置参数，
21、如置参数，如图图所示所示插入插入Flash文本文本n选择选择表格表格T3，在其属性面板的，在其属性面板的“类类”下拉列下拉列表框中表框中选择选择”.line”.n插入插入Flash文本文本n将光将光标标置于表格置于表格T3的第一的第一单单元格最前面元格最前面n单击单击Flash文本文本n在在弹弹出的出的对话对话框中，文本框中，文本输输入入“真的真的,想想牵牵一次你的手一次你的手”，设设置文本置文本颜颜色和色和转滚颜转滚颜色，色，以及字体和字号等。以及字体和字号等。n在插入的在插入的Flash文本后回文本后回车换车换行。行。n设设置其他文本置其他文本为为“华华文行楷文行楷”，大小，大小为为18，
22、颜颜色色为为”#FF33CC”插入图象查看器插入图象查看器n将光将光标标定位于定位于Flash文本后，文本后，选择选择菜菜单单插入插入|媒体媒体|图图象象查查看器看器n在在弹弹出的出的“保存保存Flash元素元素”对话对话框中指定所框中指定所生成的生成的Flash动动画文件的名称和存放位置。画文件的名称和存放位置。n单击单击保存保存n将将该该元素元素设为设为200135px大小，右大小，右对齐对齐n修改修改imagelinks和和imageURLs属性属性nShowControls=否（不否（不显显示控制条）示控制条）nSlideAutoPlay是（自是（自动动播放）播放）nSlideLoop
23、是（循是（循环环播放）播放）nSlideDelay5（切（切换间换间隔的隔的时间时间插入插入Applet小程序小程序n将光将光标标定位于定位于T3第第2单单元格的最前面。元格的最前面。n插入插入APPLET按按钮钮n在在弹弹出的出的对话对话框中框中选择选择“Lake.class”文件文件n在在页页面中面中选择选择Applet图标图标，在属性面板中，在属性面板中，单击单击“参数参数”按按钮钮，设设置参数置参数为为image，参数，参数值为图值为图象文件的象文件的实际实际路径路径images/111.jpgn将将Applet图标宽图标宽度度设为为图设为为图象象宽宽度，高度度，高度为为图图象高度的象高度的2倍。倍。276512px插入背景音乐插入背景音乐n插入插件的方法插入背景音插入插件的方法插入背景音乐乐。n在在【插入插入】栏栏|【布局布局】|【绘绘制制层层】按按钮钮，在在页页面的任意位置面的任意位置绘绘制一个制一个层层，将光，将光标标置置于于层层中，插入中，插入【插件插件】。n在在页页面中面中选选中插件中插件图标图标，在其属性面板中，在其属性面板中，设设置源文件置源文件为为00.midn单击单击“参数参数”按按钮钮，添加参数，添加参数autostart，值为值为truenLoop的的值为值为true。n代代码码如下：如下：