Dreamweaver CS3网页设计培训教程电子教案

第7课经过多媒体元素丰富网页本课要点详细要求本课导读上机练习本课要点插入Flash媒体元素插入其他媒体元素详细要求掌握插入Flash动画、按钮和文本的方法掌握插入FlashPaper的方法掌握插入Flash视频的方法掌握设置Flash背景透明的方法了解插入Shockwave影片的方法了解插入JavaApplet的方法熟习插入背景音乐的方法熟习插入插件的方法本课导读 网页中假设只需图像和文本，那么表现力毕竟有限。假设在网页中参与一些动感十足的Flash动画，那么可以吸引更多阅读者的留意。假设再加上背景音乐，那么就更能创建图像、文本、动画和音乐四位一体的多媒体效果了。7.1插入Flash媒体元素在网页中添加动态元素可使网页更具动感、更吸引人。Flash动画是网页中最常见的动态元素。Flash动画是一种矢量动画，它具有动画文件小、效果好并可以实现交互等优点。要制造Flash动画，可以运用Adobe公司最新推出的FlashCS3软件。7.1插入Flash媒体元素 7.1.1知识讲解 7.1.2典型案例——制造“江南旅游〞网首页7.1.1知识讲解 在DreamweaverCS3中，可以直接插入发布后的Flash动画文件〔.swf文件〕。可插入的Flash媒体元素包括Flash动画、Flash按钮和Flash文本等。7.1.1知识讲解 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.插入FlashPaper FlashPaper是一种特殊的Flash动画文件，可以经过FlashPaper软件制造。制造网页时，可以利用插入FlashPaper功能在网页中插入FlashPaper文档。这样，在阅读器中翻开包含FlashPaper文档的网页时，用户就可以阅读FlashPaper文档中的一切页面，而无须加载新的网页；用户也可以搜索、打印和缩放该文档。在网页中插入FlashPaper的详细操作请教师参照软件和书中内容进展讲解。6.插入Flash视频 插入Flash视频也是目前网页制造中常用的方法。在DreamweaverCS3中，可以轻松地在网页中插入Flash视频。插入Flash视频的详细操作请教师参照软件和书中内容进展讲解。7.设置Flash动画背景透明 有时，为了优化网页视觉效果，可在表格的单元格中插入背景图像，然后再在该单元格中插入Flash动画，这时需求将Flash动画设置为背景透明，否那么就看不见下面的背景图像了。设置Flash动画背景透明的详细操作请教师参照软件和书中内容进展讲解。7.1.2典型案例——制造“江南旅游〞网首页案例目的 本案例将制造一个网站的首页，主要练习插入Flash动画、Flash文本和Flash按钮。7.1.2典型案例——制造“江南旅游〞网首页操作思绪〔1〕设置页面属性，并插入图像。〔2〕插入Flash动画。〔3〕设置Flash动画背景透明。〔4〕插入Flash文本。〔5〕插入Flash按钮。7.1.2典型案例——制造“江南旅游〞网首页操作步骤 详细操作步骤请教师参照软件和书中内容进展讲解。7.1.2典型案例——制造“江南旅游〞网首页案例小结 本案例练习了添加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插入其他媒体元素 7.2.1知识讲解 7.2.2典型案例——在线影院7.2.1知识讲解 下面讲解在DreamweaverCS3中插入Shockwave影片、JavaApplet及背景音乐等的方法。7.2.1知识讲解 1.插入Shockwave影片 2.插入JavaApplet 3.插入背景音乐 4.插入插件 1.插入Shockwave影片 Shockwave影片具有文件小、下载速度快、被目前主流的阅读器所支持等优点，广泛运用于网页制造中。它是运用Director制造的多媒体影片文件。在DreamweaverCS3中插入Shockwave影片的详细操作请教师参照软件和书中内容进展讲解。2.插入JavaAppletJavaApplet是Java的运用程序，是一种动态、平安和跨平台的网络运用程序，它能在网页中实现一些特殊效果，如下雪、水纹和下雨等。JavaApplet常被嵌入到HTML言语中，可以实现较为复杂的控制和动态效果。可以从网站上下载JavaApplet，如httpjava/zh等网站。在网页中插入JavaApplet的详细操作请教师参照软件和书中内容进展讲解。3.插入背景音乐 在DreamweaverCS3中，可以为网页添加背景音乐。背景音乐是在网页后台播放的音乐，在制造时可以采用在源代码中添加代码的方法来添加背景音乐，详细操作请教师参照软件和书中内容进展讲解。

4.插入插件 假设想在阅读器中访问更多类型的媒体对象，就必需借助插件。利用插件可以在网页中插入各种类型的媒体元素。插件包括的范围很广，如视频文件、音乐文件和动画文件等。前面引见的Shockwave影片就是插件中的一员。插入插件的详细操作请教师参照软件和书中内容进展讲解。

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