DreamweaverCS3网页设计培训教程电子教案07

1、第7课 通过多媒体元素丰富网页 本课要点具体要求本课导读上机练习本课要点点插入Flash媒体元元素插入其他他媒体元元素具体要求求掌握插入入Flash动画、按按钮和文文本的方方法掌握插入入FlashPaper的方法掌握插入入Flash视频的方方法掌握设置置Flash背景透明明的方法法了解插入入Shockwave影片的方方法了解插入入Java Applet的方法熟悉插入入背景音音乐的方方法熟悉插入入插件的的方法本课导读读网页中如如果只有有图像和和文本，那么表表现力毕毕竟有限限。如果果在网页页中加入入一些动动感十足足的Flash动画，则则可以吸吸引更多多浏览者者的注意意。如果果再加上上背景音音乐，那

2、那么就更更能创建建图像、文本、动画和和音乐四四位一体体的多媒媒体效果果了。7.1插入Flash媒体元素素在网页中中添加动动态元素素可使网网页更具具动感、更吸引引人。Flash动画是网网页中最最常见的的动态元元素。Flash动画是一一种矢量量动画，它具有有动画文文件小、效果好好并能够够实现交交互等优优点。要要制作Flash动画，可可以使用用Adobe公司最新新推出的的FlashCS3软件。7.1插入Flash媒体元素素7.1.1知识讲解解7.1.2典型案例例制作“江江南旅游游”网首首页7.1.1知识讲解解在DreamweaverCS3中，可以以直接插插入发布布后的Flash动画文件件（.swf文

3、件）。可插入入的Flash媒体元素素包括Flash动画、Flash按钮和Flash文本等。7.1.1知识讲解解1.了解Flash文件格式式2.插入Flash动画3.插入Flash按钮4.插入Flash文本5.插入FlashPaper6.插入Flash视频7.设置Flash动画背景景透明1.了解Flash文件格式式要想在网网页中插插入合适适的Flash媒体元素素，首先先得了解解其文件件格式。Flash文件主要要有以下下3种文件类类型：.swf.fla.swt2.插入Flash动画制作网页页时必须须考虑到到网络的的下载速速度，所所以在插插入Flash动画文件件之前最最好将其其压缩为为.swf格式。

4、在在网页中中插入Flash动画后，可在【属性】面板中对对其进行行大小调调整和预预览等操操作。插插入Flash动画的具具体操作作请教师师参照软软件和书书中内容容进行讲讲解。3.插入Flash按钮DreamweaverCS3中集成了了许多精精美的Flash按钮，这这为增加加网页动动态效果果提供了了方便。在制作作网页时时，也可可以将自自己制作作的Flash按钮插入入到网页页中。插插入Flash按钮的方方法与插插入Flash动画类似似，这里里主要讲讲解插入入DreamweaverCS3中集成按按钮的方方法。具具体操作作请教师师参照教教材进行行讲解。4.插入Flash文本在网页中中还可以以插入Flash

5、文本，插插入Flash文本的方方法与插插入Flash按钮的方方法类似似。Flash文本是DreamweaverCS3中集成的的文本动动画，可可以通过过【插入Flash文本】对话框插插入。在在网页中中插入Flash文本的具具体操作作请教师师参照软软件和书书中内容容进行讲讲解。5.插入FlashPaperFlashPaper是一种特特殊的Flash动画文件件，可以以通过FlashPaper软件制作作。制作作网页时时，可以以利用插插入FlashPaper功能在网网页中插插入FlashPaper文档。这这样，在在浏览器器中打开开包含FlashPaper文档的网网页时，用户就就可以浏浏览FlashPap

6、er文档中的的所有页页面，而而无须加加载新的的网页；用户也也可以搜搜索、打打印和缩缩放该文文档。在在网页中中插入FlashPaper的具体操操作请教教师参照照软件和和书中内内容进行行讲解。6.插入Flash视频插入Flash视频也是是目前网网页制作作中常用用的方法法。在DreamweaverCS3中，可以以轻松地地在网页页中插入入Flash视频。插插入Flash视频的具具体操作作请教师师参照软软件和书书中内容容进行讲讲解。7.设置Flash动画背景景透明有时，为为了优化化网页视视觉效果果，可在在表格的的单元格格中插入入背景图图像，然然后再在在该单元元格中插插入Flash动画，这这时需要要将Fl

7、ash动画设置置为背景景透明，否则就就看不见见下面的的背景图图像了。设置Flash动画背景景透明的的具体操操作请教教师参照照软件和和书中内内容进行行讲解。7.1.2典型案例例制作“江江南旅游游”网首首页案例目标标本案例将将制作一一个网站站的首页页，主要要练习插插入Flash动画、Flash文本和Flash按钮。7.1.2典型案例例制作“江江南旅游游”网首首页操作思路路（1）设置页页面属性性，并插插入图像像。（2）插入Flash动画。（3）设置Flash动画背景景透明。（4）插入Flash文本。（5）插入Flash按钮。7.1.2典型案例例制作“江江南旅游游”网首首页操作步骤骤具体操作作步骤请请

8、教师参参照软件件和书中中内容进进行讲解解。7.1.2典型案例例制作“江江南旅游游”网首首页案例小结结本案例练练习了添添加Flash动画、Flash文本、Flash按钮和设设置Flash动画背景景透明等等。为了了使Dreamweaver能正常插插入Flash文本和Flash按钮，网网页的保保存路径径中不能能包含中中文，而而且Flash文本和Flash按钮的保保存路径径中也不不能包含含中文；如果网网站文件件夹名称称中由于于某些因因素一定定要包含含中文，则可在在不包含含中文的的路径下下创建新新页面，在此页页面中插插入Flash文本或Flash按钮，此此时，Dreamweaver能正常创创建所需需的F

9、lash文本或Flash按钮，并并生成.swf文件，然然后将生生成的.swf文件复制制到网站站所需目目录中，使用插插入Flash的方法插插入该文文件，便便可实现现相对应应的同种种功能。7.2插入其他他媒体元元素在DreamweaverCS3中，除了了可以插插入Flash媒体元素素外，还还可添加加其他媒媒体元素素，如Shockwave影片、Java Applet及背景音音乐等。7.2插入其他他媒体元元素7.2.1知识讲解解7.2.2典型案例例在线影院院7.2.1知识讲解解下面讲解解在DreamweaverCS3中插入Shockwave影片、Java Applet及背景音音乐等的的方法。7.2.1

10、知识讲解解1.插入Shockwave影片2.插入Java Applet3.插入背景景音乐4.插入插件件1.插入Shockwave影片Shockwave影片具有有文件小小、下载载速度快快、被目目前主流流的浏览览器所支支持等优优点，广广泛应用用于网页页制作中中。它是是使用Director制作的多多媒体影影片文件件。在DreamweaverCS3中插入Shockwave影片的具具体操作作请教师师参照软软件和书书中内容容进行讲讲解。2.插入Java Applet3.插入背景景音乐在DreamweaverCS3中，可以以为网页页添加背背景音乐乐。背景景音乐是是在网页页后台播播放的音音乐，在在制作时时可以

11、采采用在源源代码中中添加代代码的方方法来添添加背景景音乐，具体操操作请教教师参照照软件和和书中内内容进行行讲解。4.插入插件件如果想在在浏览器器中访问问更多类类型的媒媒体对象象，就必必须借助助插件。利用插插件可以以在网页页中插入入各种类类型的媒媒体元素素。插件件包括的的范围很很广，如如视频文文件、音音乐文件件和动画画文件等等。前面面介绍的的Shockwave影片就是是插件中中的一员员。插入插件件的具体体操作请请教师参参照软件件和书中中内容进进行讲解解。7.2.2典型案例例在线影院院案例目标标本案例将将在网页页中插入入一个插插件，以以丰富网网页内容容，主要要练习插插入插件件的操作作。7.2.2典

12、型案例例在线影院院操作思路路（1）插入插插件。（2）设置插插件属性性。7.2.2典型案例例在线影院院操作步骤骤具体操作作步骤请请教师参参照软件件和书中中内容进进行讲解解。7.2.2典型案例例在线影院院案例小结结本案例在在“在线线影院”网页中中插入了了一个插插件，在在制作过过程中主主要练习习了插入入插件以以及设置置插件属属性等操操作。制制作本案案例主要要是为了了让读者者灵活掌掌握插入入插件的的方法，从而学学会在网网页制作作过程中中插入其其他媒体体元素。7.3上机练习习7.3.1个人主页页7.3.2MTV欣赏7.3.1个人主页页本练习将将制作一一个个人人主页，主要练练习插入入Flash动画、设设置Flash动画背景景透明以以及添加加背景音音乐。7.3