网页设计-任务十二动感页面—多媒体.pptVIP

项目五 美化网页 技能目标 能够在设计中运用声音、动画等多媒体效果为网页制作动感效果。 能够灵活运用Dreamweaver CS3新增加的功能增加网页的炫感。 知识目标 掌握多媒体内容的插入。 掌握多媒体内容的编辑。 掌握富具动感的spry组件的用法。 5.2.1 运用多媒体装饰页面 5.2.2 问题探究—网页中的动感元素 5.2.3 知识拓展—Spry组件 工作任务 在Dreamweaver CS3操作环境下，可以快速、方便地为网页添加声音、影片等多媒体内容，还可以插入和编辑更多多媒体文件和对象，如Flash动画、JavaApplets、ActiveX控件等，针对表格的布局技术专门设计了一个任务，旨在通过任务的实施完成，用户能够灵活利用表格的背景、框线等属性设置，掌握使用表格准确定位页面元素的排版技术，创建布局更加合理、美观的网页效果。 工作流程 在站点中新建一个页面并保存。 在页面中插入动画文件。 在页面中添加背景音乐。 在页面中根据布局要求灵活运用spry组件。 网页中的动感元素 随着网络速度与品质的提升，越来越多的网站开始使用Flash来表达网站的内容，以Flash强大的动画与向量画效果来弥补一般动画与HTML指令的不足。 Adobe公司的Flash技术中是当前网络上传输矢量和动画的主要解决方案，通过自定义对象技术，将复杂的图像、音频、演示文稿等媒体快速地插入到网页中，从而使网页展现出丰富多彩的动画效果。Flash文件类型有.fla、.swf、.swt、.swc、.flv。 Flash文件类型 Flash文件类型有五种不同类型： Flash文件（.fla）：所有Flash动画的源文件，要在Flash程序中创建。 Flash动画文件（.swf）：它是压缩过的Flash文件的格式，已进行了优化以便在网络上观看和传输，此文件可以在Dreamweaver或浏览器中播放和预览，但不能在Flash中编辑此文件。 Flash生成模板文件（.swt）：Flash生成模板可以修改和取代Flash动画文件中的信息。 Flash元素文件（.swc）：一种FlashSWF文件，通过将此类文件合并到Web页，可以创建丰富的Internet应用程序。 Flash视频文件（.flv）：一种视频文件，它包含经过编码的间频和视频数据，用于通过FlashPlayer进行传送。 插入动画 Flash动画是现在互联网上非常流行的动画格式，它以体积小、效果强大、制作相对简单的优点，大量应用于网站的页面中，无论是作为视频信息的传输，还是作为网页广告的传播，与众不同的炫目效果是其他文件无法替代的。Flash动画的文件的扩展名为.swf，插入Flash动画文件后，可以直接播放该动画文件。 插入动画 在Dreamweaver CS3中插入Flash动画文件后，也可以直接播放该动画文件。单击菜单栏中的“插入记录/媒体/Flash”命令（快捷键Ctrl+Alt+F）或单击“插入”面板中的“常用”选项卡中的媒体按钮下的按钮，都可以把Flash文件插入到文档中。如图所示。 插入Flash按钮 为了简化用户操作，Dreamweaver CS3提供了多种Flash按钮样式，这样即使对Flash不了解的人也可以插入相应元素。单击菜单栏中的“插入记录/媒体/Flash按钮”命令或单击“插入”面板中的“常用”选项卡中的媒体按钮下的按钮，弹出“插入Flash按钮”对话框。如图所示 。 插入Flash按钮 若要修改Flash按钮对象，单击Flash按钮选中它，在属性检查器面板上就可以修改该Flash按钮的相关属性，例如宽度、高度和背景颜色等。单双击Flash按钮则重新弹出如图5-32所示的对话框，依据可自己的喜好重新变换Flash按钮样式。注意：插入Flash按钮和Flash文本时，必须保证文档和目录名称中不能有中文存在，否则不能正常显示。 插入Flash文本 Flash文本对象允许创建和插入只包含文本的Flash影片。这可以使用自己选择的设计器字体和文本创建较小的矢量图形影片。要插入Flash文本对象，单击菜单栏中的“插入记录/媒体/Flash文本”命令或单击“插入”面板中的“常用”选项卡中的媒体按钮下的按钮，弹出“插入Flash文本”对话框。如图所示。 插入FlashPaper FlashPaper是由Adobe发布的浏览器Flash支持补丁程序Adobe Flash Player（可以把任何可打印的文档转换为SWF或PDF文