第5章使用图像和多媒体创建丰富多彩的网页.ppt

第5章　使用图像和多媒体创建丰富多彩的网页 教学内容：在网络上随意浏览一个页面，都会发现除了文字以外还有各种各样的其他元素，如图像、动画和声音。 教学重点 了解网页中图像的使用常识 掌握在网页中使用图像 掌握插入其他网页图像 掌握添加Flash影片 掌握使用代码提示添加背景音乐 掌握创建鼠标经过图像导航栏 掌握创建图文混合网页 5.1 网页中图像的使用常识 网页中图像的格式通常有3种，即GIF、JPEG和PNG。目前GIF和JPEG 文件格式的支持情况最好，大多数浏览器都可以查看它们。 5.2 在网页中使用图像 在网页制作中，还有一个很重要的元素，那就是图像。正是由于图像的存在，才使得网页内容变得丰富多彩。 5.2.1 插入图像 在网页中插入图像的方法非常简单，具体操作步骤如下。 5.2.2 设置图像属性 插入图像后，如果图像的大小和位置并不合适，还需要对图像的属性进行具体的调整，如大小、位置和对齐方式等。设置图像属性的效果如图5.4所示，具体操作步骤如下。 Dreamweaver CS6中提供了直接在文档中裁剪图像的功能，不再需要在其他图像编辑软件中进行操作。 5.2.3 裁剪图像 调整图像的亮度和对比度的具体操作步骤如下。 5.2.4 调整图像的亮度和对比度 锐化图像的具体操作步骤如下。 5.2.6 锐化图像 下面讲述在网页中其他图像的使用，如设置背景图像，插入鼠标经过图像。 5.3 插入其他网页图像 5.3.1 背景图像 在网页中，可以把图像设置为网页的背景，这个图像就是背景图。设置背景图像的效果如图5.16所示。 5.3.2 创建鼠标经过图像 鼠标经过图像就是当鼠标经过图像时，原图像会变成另外一张图像。鼠标经过图像其实是由两张图像组成的：原始图像和鼠标经过图像。 Flash是一个非常成功的产品，在以前的Web页面中所有的动态视频元素不是视频就是GIF动画，现在已经慢慢转化为使用Flash动画了。所以Flash影片在页面中的置入是非常重要的。 5.4 添加Flash影片 5.5使用代码提示添加背景音乐 通过代码提示，可以在【代码】视图中插入代码，在输入某些字符时，将显示一个列表，列出完成条目所需要的选项，下面通过代码提示讲述插入背景音乐的效果，如图5.32所示。 5.6 实战演练 以上主要讲述了图像的基本操作、添加Flash影片、插入视频文件和插入其他媒体对象。下面通过两个例子进一步巩固所学知识。 5.7.1 实例1——创建鼠标经过图像导航栏 创建鼠标经过图像最常用的是在网站的导航栏中，鼠标经过图像导航栏前如图5.40所示，鼠标经过图像导航栏时如图5.41所示。 5.7.2 实例2——创建图文混和网页 文字和图像是网页中最基本的元素，在网页中合理的插入图像就使得网页更加生动、形象。图像和文本混和排列在网页中是很常见的，效果如图5.48所示。 * *