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

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