3多媒体元素的创建.doc

第三讲 多媒体元素的应用 【教学内容】 网页中多媒体元素的应用 网页中多媒体元素的HTML分析 【教学目的】 掌握Dreamweaver图片、动画的插入方法 掌握图像标记的应用 理解动画及音视频标记，了解其使用方法。 【教学重、难点】 重点：Dreamweaver中图片、动画的应用，img标记的使用。 难点：flash及音视频标记 【教学方式】 采取讲授、讨论和案例分析相结合的方式。 【教学】 一、简单个人网页分析 图2-3-1 简单个人网页效果图 ??? 问题1：该网页和上节课的网页有什么不同？ 上次课示例网页只有文字 本节课示例中网页不仅有文字还有图像和动画等多媒体元素的应用。 ??? 问题2：网页中图像运用的格式是说明。 ??? 问题3：网页中图像的嵌入方式是什么？是把图像变成代码嵌套在网页中呢？还是做一个图像链接，从而保证网页能把对应位置的图像显示出来？如果是后者，网页中图像的路径应该如何确定。 ??? 问题4：这些元素是如何应用到网页中的呢？ 二、网页中图像的应用 1.Dreamweaver中图像的应用 网页中最引人入胜的莫过于那丰富多彩的图像了。成功的站点中不能没有绚丽的图像，否则便使测览者觉得索然无味。 在示例网页中插入了我的照片，其操作步骤如下： （1）光标定位在“一、自我介绍”文字上方，点击常用插入栏中的“”按钮，如图如下：