使用图像和多媒体创建丰富多彩的网.ppt_第1页
使用图像和多媒体创建丰富多彩的网.ppt_第2页
使用图像和多媒体创建丰富多彩的网.ppt_第3页
使用图像和多媒体创建丰富多彩的网.ppt_第4页
使用图像和多媒体创建丰富多彩的网.ppt_第5页
已阅读5页,还剩12页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第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创建图文混和网页 文字和图像是网页中最基本

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论