3使用图像与多媒体.ppt

*/60 使用动画gif 什么是动画gif 一系列的图像按累进顺序排列，每个图像的显示与前面一个图像有所不同，当这些图像连续显示时，动画效果就产生了。 在网页中插入动画gif 与插入普通图片一样用IMG标记符 */60 演示——动画gif的效果 */60 演示——动画gif的原理 在 Fireworks 中打开刚才的动画文件…… */60 图像与超链接 图像既可以作为超链接的源，也可以作为超链接的目标。例如，Web相册。 图像映射是指在同一幅图中定义若干区域，不同区域对应不同的超链接，单击不同区域可跳转到相应页面。 */60 演示——图像链接效果 */60 客户端图像映射 什么是客户端图像映射 在同一幅图中定义若干区域，不同区域对应不同的超链接，单击不同区域可跳转到相应页面。 客户端图像映射的使用（1）定义映射图（2）使用映射图 */60 客户端图像映射 定义映射图：<map>标记符和<area>标记符 使用映射图：<img usemap=#映射图名称> */60 AREA标记符 Shape属性（rect、circle、poly） Coords属性 Href属性 */60 演示——图像映射效果 * Part 4 网页中的特殊对象 */60 多媒体对象 OBJECT和PARAM标记符 EMBED标记符 <embed src="motivational.mov" width="540" height="312“ autostart=“false”> </embed> Flash对象 声音、视频等对象 */60 演示——多媒体对象 */60 Java applet APPLET标记符 Java 特效工具——Anfy（） */60 演示——Java applet 效果 */60 滚动字幕 MARQUEE标记符 Width和height属性 Behavior属性 Scrollamount属性 …… */60 演示——滚动字幕效果 * Part 5 使用Flash对象 */60 Flash 的创作流程 创建电影文件 创建与导入电影资源 制作 Flash 动画 添加动作（行为） 测试和发布电影 */60 帧与层的概念 Flash 动画是由一个个的帧组成的。帧就是动画在播放过程中，不同时间上动画内容的载体。 Flash中的幀分为：关键帧、相同帧、空白帧等类型。 */60 帧与层的概念 动画中的层就像一摞透明纸，每一张都保持独立，它们之间的内容相互没有影响，可进行独立操作，通过对各层内容的组织即可整合为一个完整的动画。 */60 演示——幀与层的概念 */60 演示——制作逐幀动画 */60 形状补间动画 形状补间动画就是指在两个或两个以上的关键帧之间对“形状”对象的属性进行补间的动画。 在 Flash 中的“形状”是指直接用绘图工具绘制出来的矢量图形，或将文字、图像、组合体、元件实例等打散后分离成的对象。 */60 演示——制作形状补间动画 */60 元件和实例的概念 在 Flash 中，元件（也叫做符号）是可以重复利用的图像（Graphic）、电影剪辑（Movie Clip）或按钮（Button）。 实例是符号在舞台上的具体体现，实例在舞台上可以被修改，并且不会影响到符号本身。 */60 补间动画 补间动画也是在两个关键帧之间建立渐变的一种动画，与形状补间动画不同的是，补间动画关键帧中的对象不能是形状，而必须是符号的实例、群组体或文字。 */60 演示——制作补间动画 * Part 6 作业2：使用图像与媒体对象增强网站效果 */60 要求 至少5页，在第一次作业的基础上制作。 导航结构要清楚。 文本内容的组织和显示要合理。 合理使用图像对网站进行修饰。 所有图像文件都存放在images子目录中。 合理使用多媒体对象。 */60 That’s all for this chapter! * Web编程基础 ——使用图像与多媒体 */60 学习目标 理解矢量图和位图的区别，了解常用的Web图像格式。 理解Web图像的处理流程，初步掌握基本的Web图像处理操作。 掌握在网页中插入图像的方法，理解图像在网页中的作用和Web图像的基本使用原则。 */60 学习目标 理解在网页中可使用的对象类型。 掌握在网页中插入多媒体对象和Java小应用程序的方法。 理解Flash动画中的基本概念，初步掌握Flash动画的制作方法。 * Part 1 Web图像基础 */60 矢量图与位图 矢量图形是指用线条和填充色等数学信息来描述图像的一种图像类型。 制作矢量格式图像的软件有 Freehand、Illustrator、CorelDraw、AutoCAD 。 */60 演示——Flash动画的效果 */60 矢量图与位图 位图是指用像素