当前位置:文档之家› 美化网页.

美化网页.

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