DreamweaverCS网设计培训教程电子教案3

第7课通过多媒体元素丰富网页

本课要点具体要求本课导读上机练习本课要点插入Flash媒体元素插入其他媒体元素具体要求掌握插入Flash动画、按钮和文本的方法掌握插入FlashPaper的方法掌握插入Flash视频的方法掌握设置Flash背景透明的方法了解插入Shockwave影片的方法了解插入JavaApplet的方法熟悉插入背景音乐的方法熟悉插入插件的方法本课导读 网页中如果只有图像和文本，那么表现力毕竟有限。如果在网页中加入一些动感十足的Flash动画，则可以吸引更多浏览者的注意。如果再加上背景音乐，那么就更能创建图像、文本、动画和音乐四位一体的多媒体效果了。7.1插入Flash媒体元素在网页中添加动态元素可使网页更具动感、更吸引人。Flash动画是网页中最常见的动态元素。Flash动画是一种矢量动画，它具有动画文件小、效果好并能够实现交互等优点。要制作Flash动画，可以使用Adobe公司最新推出的FlashCS3软件。7.1插入Flash媒体元素

知识讲解

典型案例——制作“江南旅游”网首页知识讲解 在DreamweaverCS3中，可以直接插入发布后的Flash动画文件（.swf文件）。可插入的Flash媒体元素包括Flash动画、Flash按钮和Flash文本等。知识讲解

1.了解Flash文件格式 2.插入Flash动画

3.插入Flash按钮

4.插入Flash文本

5.插入FlashPaper

6.插入Flash视频

7.设置Flash动画背景透明1.了解Flash文件格式要想在网页中插入合适的Flash媒体元素，首先得了解其文件格式。Flash文件主要有以下3种文件类型：.swf.fla.swt2.插入Flash动画 制作网页时必须考虑到网络的下载速度，所以在插入Flash动画文件之前最好将其压缩为.swf格式。在网页中插入Flash动画后，可在【属性】面板中对其进行大小调整和预览等操作。插入Flash动画的具体操作请教师参照软件和书中内容进行讲解。3.插入入Flash按钮钮DreamweaverCS3中集集成成了了许许多多精精美美的的Flash按钮钮，，这这为为增增加加网网页页动动态态效效果果提提供供了了方方便便。。在在制制作作网网页页时时，，也也可可以以将将自自己己制制作作的的Flash按钮钮插插入入到到网网页页中中。。插插入入Flash按钮钮的的方方法法与与插插入入Flash动画画类类似似，，这这里里主主要要讲讲解解插插入入DreamweaverCS3中集集成成按按钮钮的的方方法法。。具具体体操操作作请请教教师师参参照照教教材材进进行行讲讲解解。。4.插入入Flash文本本在网网页页中中还还可可以以插插入入Flash文本本，，插插入入Flash文本本的的方方法法与与插插入入Flash按钮钮的的方方法法类类似似。。Flash文本本是是DreamweaverCS3中集集成成的的文文本本动动画画，，可可以以通通过过【插入入Flash文本本】对话话框框插插入入。。在在网网页页中中插插入入Flash文本本的的具具体体操操作作请请教教师师参参照照软软件件和和书书中中内内容容进进行行讲讲解解。。5.插入入FlashPaperFlashPaper是一一种种特特殊殊的的Flash动画画文文件件，，可可以以通通过过FlashPaper软件件制制作作。。制制作作网网页页时时，，可可以以利利用用插插入入FlashPaper功能能在在网网页页中中插插入入FlashPaper文档档。。这这样样，，在在浏浏览览器器中中打打开开包包含含FlashPaper文档档的的网网页页时时，，用用户户就就可可以以浏浏览览FlashPaper文档中中的所所有页页面，，而无无须加加载新新的网网页；；用户户也可可以搜搜索、、打印印和缩缩放该该文档档。在在网页页中插插入FlashPaper的具体体操作作请教教师参参照软软件和和书中中内容容进行行讲解解。6.插入Flash视频插入Flash视频也也是目目前网网页制制作中中常用用的方方法。。在DreamweaverCS3中，可可以轻轻松地地在网网页中中插入入Flash视频。。插入入Flash视频的的具体体操作作请教教师参参照软软件和和书中中内容容进行行讲解解。7.设置Flash动画背背景透透明有时，，为了了优化化网页页视觉觉效果果，可可在表表格的的单元元格中中插入入背景景图像像，然然后再再在该该单元元格中中插入入Flash动画，，这时时需要要将Flash动画设设置为为背景景透明明，否否则就就看不不见下下面的的背景景图像像了。。设置置Flash动画背背景透透明的的具体体操作作请教教师参参照软软件和和书中中内容容进行行讲解解。典型案案例——制作““江南南旅游游”网网首页页案例目目标本案例例将制制作一一个网网站的的首页页，主主要练练习插插入Flash动画、、Flash文本和和Flash按钮。。典型案案例——制作““江南南旅游游”网网首页页操作思思路（1）设置置页面面属性性，并并插入入图像像。（2）插入入Flash动画。。（3）设置置Flash动画背背景透透明。。（4）插入入Flash文本。。（5）插入入Flash按钮。。典型案案例——制作““江南南旅游游”网网首页页操作步步骤具体操操作步步骤请请教师师参照照软件件和书书中内内容进进行讲讲解。。典型案案例——制作““江南南旅游游”网网首页页案例小小结本案例例练习习了添添加Flash动画、、Flash文本、、Flash按钮和和设置置Flash动画背背景透透明等等。为为了使使Dreamweaver能正常常插入入Flash文本和和Flash按钮，，网页页的保保存路路径中中不能能包含含中文文，而而且Flash文本和和Flash按钮的的保存存路径径中也也不能能包含含中文文；如如果网网站文文件夹夹名称称中由由于某某些因因素一一定要要包含含中文文，则则可在在不包包含中中文的的路径径下创创建新新页面面，在在此页页面中中插入入Flash文本或或Flash按钮，，此时时，Dreamweaver能正常常创建建所需需的Flash文本或或Flash按钮，，并生生成.swf文件，，然后后将生生成的的.swf文件复复制到到网站站所需需目录录中，，使用用插入入Flash的方法法插入入该文文件，，便可可实现现相对对应的的同种种功能能。7.2插入其其他媒媒体元元素在DreamweaverCS3中，除除了可可以插插入Flash媒体元元素外外，还还可添添加其其他媒媒体元元素，，如Shockwave影片、、JavaApplet及背景景音乐乐等。。7.2插入其其他媒媒体元元素知识讲讲解典型案案例——在线影影院知识讲讲解下面讲讲解在在DreamweaverCS3中插入入Shockwave影片、、JavaApplet及背景景音乐乐等的的方法法。知识讲讲解1.插入Shockwave影片2.插入JavaApplet3.插入背背景音音乐4.插入插插件1.插入Shockwave影片Shockwave影片具具有文文件小小、下下载速速度快快、被被目前前主流流的浏浏览器器所支支持等等优点点，广广泛应应用于于网页页制作作中。。它是是使用用Director制作的的多媒媒体影影片文文件。。在DreamweaverCS3中插入入Shockwave影片的的具体体操作作请教教师参参照软软件和和书中中内容容进行行讲解解。2.插入JavaApplet3.插入背背景音音乐在DreamweaverCS3中，可可以为为网页页添加加背景景音乐乐。背背景音音乐是是在网网页后后台播播放的的音乐乐，在在制作作时可可以采采用在在源代代码中中添加加代码码的方方法来来添加加背景景音乐乐，具具体操操作请请教师师参照照软件件和书书中内内容进进行讲讲解。。4.插入插插件如果想想在浏浏览器器中访访问更更多类类型的的媒体体对象象，就就必须须借助助插件件。利利用插插件可可以在在网页页中插插入各各种类类型的的媒体体元素素。插插件包包括的的范围围很广广，如如视频频文件件、音音乐文文件和和动画画文件件等。。前面面介绍绍的Shockwave影片就就是插插件中中的一一员。。插入插插件的的具体体操作作请教教师参参照软软件和和书中中内容容进行行讲解解。典型案例例——在线影院院案例目标标本案例将将在网页页中插入入一个插插件，以以丰富网网页内容容，主要要练习插插入插件件的操作作。典型案例例——在线影院院操作思路路（1）插入插插件。（2）设置插插件属性性。典型案例例——在线影院院操作步骤骤具体操作作步骤请请教师参参照软件件和书中中内容进进行讲解解。典型案例例——在线影院