Dreamweaver网页制作基础教程项目八网页中的多媒体元素培训资料.pptVIP

王焕杰 电话 邮箱:cnsyjsj@163.com 沈阳市信息工程学校 项目八 网页中的多媒体元素 核心技术 ? 网页中Flash元素的应用 ? 网页中视频的引用 ? 网页中声音的引用 任务目标 ? 任务一：为网页添加Flash动画 ? 任务二：为网页添加背景音乐和视频 能力目标 ? 动画的使用 ? 视频的使用 ? 声音的使用 项目背景 出于对学校的宣传，需要为学校网站的网页添加一些视频信息、动画元素和音频信息。要求学校网站管理员根据实际需要，在网站中的一些网页中引入相关的多媒体信息。 项目分析 网页中涉及的多媒体元素一般包括图片、声音、视频、动画几类。由于不同的媒体类型，格式都不相同，因而添加到网页中的方式也各不相同。使用不同的媒体可以增加网页的表现力，给访问者留下深刻的印象。 任务一 网页中的文本 任务描述 为学校网站注册页面添加制作好的Flash动画，最终效果如图8.1.1所示。 知识准备 由于HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，所以在这种情况下，各种脚本语言应运而生，使网页设计更加多样化。然而，程序设计要求一定的编程能力，而人们更需要一种既简单直观又功能强大的动画设计工具，而Flash的出现正好满足了这种需求。 Flash是美国的MacroMedia公司于1999年6月推出的网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐、声效、动画及富有新意的界面融合在一起，制作出高品质的网页动态效果。 Flash动画是一种矢量动画格式，它是用MacroMedia公司的Flash软件编辑而成的，具有体积小、兼容性好、直观动感、互动性强、支持MP3音乐等诸多优点，是当今最流行的Web页面动画格式。 任务准备 如果Dreamweaver中没有站点，则利用Dreamweaver创建一个站点。将需要的素材“项目8”放入站点中。需要用到的图片在“项目8\images”文件夹下。保存的文件名为“zhuce.html”。文件格式要求是HTML静态页面。 设置标题为banner，如图8.1.5所示。 插入后的设计视图如图8.1.6所示。 在浏览器中查看插入后的效果，原来静态的图片显示为动态。插入的.swf文件可以在代码窗口中修改宽度和高度属性，如图8.1.7所示。 图8.1.5 设置标题 图8.1.6 设计视图 图8.1.7 设置Flash文件属性 * *