Dreamweaver网页设计培训教程06

1、第6课 为网页加入动态元素本课要点具体要求本课导读上机练习本课要点点插入Flash媒体元元素插入其他他媒体元元素具体要求求插入Flash动画插入Flash按钮插入Flash文本插入FlashPaper插入Flash视频插入Shockwave影片片插入背景景音乐本课导读读网页中只只有图像像和文本本，表现现力毕竟竟有限，如果在在网页中中加入一一些动感感十足的的Flash动画，可可以吸引引更多浏浏览者的的注意。如果再再加上背背景音乐乐，那就就能创建建图像、文本、动画和和音乐四四位一体体的多媒媒体效果果了。6.1插入Flash媒体元素素在网页中中添加动动态元素素可使网网页看起起来更吸吸引人。Flash

2、动画是网网页中最最常见的的动态元元素。Flash动画是一一种矢量量动画，它具有有生成的的动画文文件较小小、效果果好、并并能够实实现交互互等优点点。要制制作Flash动画，可可以使用用Macromedia公司出品品的Flash软件。6.1插入Flash媒体元素素6.1.1知识讲解解6.1.2典型案例例为网页添添加Flash元素6.1.1知识讲解解在Dreamweaver8中可以直直接插入入发布后后的Flash动画（.swf文件），可插入入的Flash动画包括括Flash动画文件件、Flash按钮和Flash文本等。6.1.1知识讲解解1.了解Flash文件格式式2.插入Flash动画3.插入Fl

3、ash按钮4.插入Flash文本5.插入FlashPaper6.插入Flash视频7.设置Flash背景透明明1.了解Flash文件格式式Flash文件主要要有以下下三种文文件类型型。.swf：该类文文件是Flash电影文件件，是运运用于网网络中的的最佳格格式文件件，是一一种压缩缩格式的Flash文件。fla：该类文文件是Flash的源文件件，在Flash应用程序序中创建建并且只只能在Flash应用程序序中打开开。.swt：该类文文件是Flash库文件，这种类类型的文文件允许许修改Flash动画文件件中的信信息，这这类文件件常用于于Flash按钮对象象中。2.插入Flash动画具体操作作如下：

4、（1）将光标标插入点点定位到到需插入入Flash动画文件件的位置置。（2）选择【插入】【媒体】【Flash】命令，打打开【选择文件件】对话框。（3）在该对对话框的的【查找范围围】下拉列表表框中选选择文件件所在的的位置，然后在在文件列列表框中中选中要要插入的的Flash文件。（4）单击【确定】按钮，完完成Flash动画文件件的插入入。3.插入Flash按钮在Dreamweaver8中集成了了许多精精美的Flash按钮，这这为增加加网页动动态效果果提供了了方便。在制作作网页时时可以将将自己制制作的Flash按钮插入入到网页页中，也也可插入入Dreamweaver8集成的按按钮。具体操作作步骤请请教

5、师参参照书中中步骤进进行讲解解。4.插入Flash文本在网页中中还可以以插入Flash文本，Flash文本是Dreamweaver8中集成的的文本动动画，通通过【插入Flash文本】对话框创创建。具体操作作步骤请请教师参参照书中中步骤进进行讲解解。5.插入FlashPaperFlashPaper是一种特特殊的Flash动画文件件，可以以通过FlashPaper软件制作作。制作作网页时时，可以以利用插插入FlashPaper功能在网网页中插插入Macromedia FlashPaper文档。这这样在浏浏览器中中打开包包含FlashPaper文档的网网页时，用户就就可浏览览FlashPaper文档

6、中的的所有页页面，而而无须加加载新的的网页。用户也也可以搜搜索、打打印和缩缩放该文文档。具体操作作步骤请请教师参参照书中中步骤进进行讲解解。6.插入Flash视频插入Flash视频也是是目前网网页制作作中常用用的方法法。用Dreamweaver8可以轻松松地在网网页中插插入Flash视频内容容，这是是Dreamweaver8新增的功功能。具体操作作步骤请请教师参参照书中中步骤进进行讲解解。7.设置Flash背景透明明有时为了了提高网网页视觉觉效果，可在表表格的单单元格中中插入背背景图像像，然后后再在该该单元格格中插入入Flash影片，这这时需要要将Flash影片设置置为背景景透明，否则就就看不

7、见见下面的的背景图图像。具体操作作步骤请请教师参参照书中中步骤进进行讲解解。6.1.2典型案例例为网页添添加Flash元素案例目标标本案例将将在“天天府美食食”网页页中插入入一些Flash动画，主主要练习习插入Flash动画、Flash按钮和Flash文本的操操作，最最终效果果如图6.17所示。素材位置置：【第6课素材6.1.2】效果图位位置：【第6课源文件6.1.2index1.html】6.1.2典型案例例为网页添添加Flash元素操作思路路（1）插入Flash文本。（2）插入4个Flash按钮用来来制作导导航条。（3）插入一一个Flash动画文件件。6.1.2典型案例例为网页添添加Fla

8、sh元素操作步骤骤具体操作作步骤请请教师参参照软件件和书中中内容进进行讲解解。6.1.2典型案例例为网页添添加Flash元素案例小结结本案例是是在一个个已有的的框架网网页中插插入Flash媒体文件件，在制制作时主主要是为为这个网网页添加加Flash文本、Flash按钮和Flash动画文件件，使整整个页面面看起更更加生动动、协调调。6.2插入其他他媒体元元素在Dreamweaver8中除了可可以插入入Flash媒体元素素外还可可添加其其他媒体体元素，如Shockwave影片、Java Applet及背景音音乐等。6.2插入其他他媒体元元素6.2.1知识讲解解6.2.2典型案例例在“天府府美食”网

9、页插插入插件件6.2.1知识讲解解下面讲解解在Dreamweaver8中插入Shockwave影片、Java Applet以及背景景音乐的的方法。6.2.1知识讲解解1.插入Shockwave影片2.插入Java Applet3.插入背景景音乐4.插入插件件1.插入入Shockwave影片Shockwave影片具有有文件小小、下载载速度快快、被目目前主流流的浏览览器所支支持等优优点，所所以被广广泛应用用于网页页制作中中，它是是使用Macromedia Director制作的多多媒体影影片文件件。具体体操作请请教师参参照软件件和书中中内容进进行讲解解 。2.插入入JavaAppletJava A

10、pplet是Java的应用程程序，是是一种动动态、安安全、跨跨平台的的网络应应用程序序。它能能在网页页中实现现一些特特殊效果果，如下下雪、水水纹、下下雨等。Java Applet常被嵌入入到HTML语言中，可以实实现较为为复杂的的控制和和各种动动态效果果。具体体操作请请教师参参照软件件和书中中内容进进行讲解解 。3.插入入背景音音乐在Dreamweaver8中，可以以为网页页添加背背景音乐乐，背景景音乐是是在网页页后台播播放的音音乐，在在制作时时可以采采用在源源代码中中添加代代码的方方法来添添加背景景音乐。具体体操作请请教师参参照软件件和书中中内容进进行讲解解 。4.插入入插件如果想在在浏览器

11、器中访问问更多类类型的媒媒体对象象，就必必须借助助插件。利用插插件功能能可以在在网页中中插入各各种类型型的媒体体元素，插件包包括的范范围很广广，如视视频文件件、音乐乐文件、动画文文件等。前面介介绍的Shockwave影片就是是插件中中的一员员。具具体操作作请教师师参照软软件和书书中内容容进行讲讲解。6.2.2典型案例例在“天府府美食”网页插插入插件件案例目标标本案例将将在“天天府美食食”网页页插入一一个插件件，使网网页内容容更加丰丰富，主主要练习习插入插插件的操操作，其其效果如如图6.28所示的右右下角部部分内容容。素材位置置：【第6课素材6.1.2】效果图位位置：【第6课源文件6.1.2in

12、dex2.html】6.2.2典型案例例在“天府府美食”网页插插入插件件操作思路路（1）插入插插件。（2）设置插插件属性性。6.2.2典型案例例在“天府府美食”网页插插入插件件操作步骤骤具体操作作步骤请请教参照照软件和和书中内内容进行行讲解。6.2.2典型案例例在“天府府美食”网页插插入插件件案例小结结本案例在在“天府府美食”网页中中插入一一个插件件，使网网页的内内容更具具观赏性性，在制制作过程程中主要要练习了了插入插插件以及及设置插插件的属属性等操操作。制制作本案案例主要要是为了了让读者者灵活掌掌握插入入插件的的方法，从而巩巩固在网网页制作作过程中中插入其其他媒体体元素的的方法。6.3上上机机练习6.3.1网上购物物页面的的制作6.3.2在网页中中插入Shockwave影片6.3.1网上购物物页面的的制作本次练习习将制作作一个网网上购物物的网页页，主要要练习插插入Flash动画和Flash按钮。制制作出的的效果如如图6.31所示。素材位置置：【第6课素材6.3.1】效果图位位置：【第6课源文件6.3.1shipinwangye1.html】6.3.1网上购物物页面的的制作操作思路路在网页的的顶部插插入“音音符.swf”。插入“音符.swf”插入Flash按钮在左侧插插入5个Flash按钮。6.3.2在网页中中插入Shockwave影片本次练习习