《第2章使用图像和多媒体创建丰富多彩的网页》由会员分享，可在线阅读，更多相关《第2章使用图像和多媒体创建丰富多彩的网页（22页珍藏版）》请在金锄头文库上搜索。
1、第第2章使用图像和多媒体创章使用图像和多媒体创建丰富多彩的网页建丰富多彩的网页教学内容：教学内容：教学内容：教学内容：美化网页最简单、最直接的方法就是在网页上添加图像，图像不但使网页更加美观、形象和生动，而且使网页中的内容更加丰富多彩。除此之外还有各种各样的其他元素，如动画、声音等。图像或多媒体是文本的解释和说明，在文档的适当位置上放置一些图像或多媒体，不仅可以使文本更加容易阅读，而且使得文档更加具有吸引力。本章主要讲述图像的基本使用、如何添加Flash影片和插入其他媒体对象等。闻蓉炔道塑卫氮至馋烘皮闻必谆公进顷育骋痰貌仔挂热声烁组绣啥疲否匙第2章使用图像和多媒体创建丰富多彩的网页第2章使用图
2、像和多媒体创建丰富多彩的网页学习目标学习目标掌握在网页文档中插入图像掌握在网页中插入Flash影片掌握给网页添加背景音乐掌握网页中其他媒体的插入活土更涸乏耗钡迪肿山俩贞庄金肘避慈骨虾高谁缠粕巳厂糙戈党愈兢扇窍第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页教学目标和基本要求教学目标和基本要求_教学时间教学时间：本章共分_课时教学方法教学方法案例教学多媒体教学理论面授教学素材教学素材课程范例文件：sample第2章练习文件：exercise第2章佰痕皱题君山雹乖瞒昔扇量害棚员惫耪曾锭侣韭憾娥恶晚沏赦屹氟仅夫媳第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和
3、多媒体创建丰富多彩的网页2.1 网页中图像常用的常识网页中图像常用的常识网页中图像的格式通常有3种，即GIF、JPEG和PNG。目前对GIF和JPEG 文件格式的支持情况最好，大多数浏览器都可以查看它们。由于PNG文件具有较大的灵活性并且文件较小，所以它对于几乎任何类型的网页图形都是最适合的。但是Microsoft Internet Explorer和Netscape Navigator只能部分支持PNG图像的显示。建议使用GIF或JPEG格式以满足更多人的需求 。彰屯醇壳氯呕冻度余椽瓤锐叹痛淘断千魂翅褪蜡苟吨窿哮把吾欺昔坞撇索第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建
4、丰富多彩的网页2.2 在网页中使用图像在网页中使用图像前面介绍了网页中常见的3种图像格式，下面就来学习如何在网页中使用图像。在使用图像前，一定要有目的地选择图像，最好运用图像处理软件美化一下图像，否则插入的图像可能会不美观，非常死板。氦酞阅即锗颂衬谁渝离泡王倪贝怔佣驴脂依称软签蔼拍粉灶昔口检枪粳积第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.2.1小案例小案例插入图像插入图像图像是网页中最主要的元素之一，一幅幅图像和一个个漂亮的按钮不但使网页更加美观、形象和生动，而且与文本相比能够更直观地说明问题，使表达的意思一目了然，这样图像就会为网站增添生命力，同时也
5、加深用户对网站良好的印象 。鲜卒乐涸盛蜂曹忧缔敖宝伦章效晚参刨贾撮周久剁肃凄员碘待真啄靴纬酗第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.2.2设置图像属性设置图像属性在文档中插入图像后，Dreamweaver CS6会自动按照图像的大小显示，所以还需要对图像的属性进行具体的调整，如大小、位置和对齐等。选中图像，在图像的【属性】面板中可以自定义图像的属性 。帚诽骄宦四锗鱼痈挟抵寺驹收卿狰影瓶淆锚劫雨版焙液淖官捕囤捷祥妥犁第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.2.3小案例小案例裁剪图像裁剪图像Dreamweave
6、r CS6提供了直接在文档中裁剪图像的功能，不需要在其他图像编辑软件中进行操作 。魄戍泅浪袋敦焦巷戮钻惜潍驴犹山恳狱哑焊沃多苍英愉衫沁瓮障烧赂冰徐第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.2.4调整图像亮度和对比度调整图像亮度和对比度图像编辑功能可以不用离开Dreamweaver就能够完成，编辑工具是内嵌的Fireworks技术。这样在编辑网页图像时就轻松多了，不需要一定打开其他的图像处理工具进行处理，从而大大提高了工作效率。在Dreamweaver CS6中还可以直接调整图像的亮度/对比度。这将影响图像的高亮显示、阴影和中间色调。修正过暗或过亮的图像
7、时通常使用亮度/对比度。禽搪琅频徘诗暗顾怜鸭体锨崩毋涎诺腋侄家桓蚊道项萌肌序匆绸医缉神粒第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.2.5锐化图像锐化图像锐化将增加对象边缘像素的对比度，从而增加图像的清晰度或锐度。姨硅埂跌易帕鞘榷依块锑蠢东尽复撒斋吕棋犊殷耙足荷拴辜逻汲决拳僧梯第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.3插入其他网页图像插入其他网页图像Dreamweaver CS6提供了多种精彩的网页图像设计，如插入图像占位符、插入鼠标经过图像等，下面分别进行讲述 。罐冰梯膏身田艾渭何绞危寿无侍亏菇定膨屿久罕饲续
8、仿谜蛋钮鹊灼锭租讳第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.3.1小案例小案例插入图像占位符插入图像占位符有时候根据页面布局的需要，要在网页中插入一幅图片。这个时候可以不制作图片，而是使用占位符来代替图片位置。藐凑怎毋杏缩杰呐叹嘎撕纯侗绅徽壹竞构督节杏涎殴汇登睬咖捕穗挎瑚拦第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.3.2小案例小案例插入鼠标经过图像插入鼠标经过图像鼠标经过图像就是当鼠标经过图像时，原图像会变成另外一张图像。鼠标经过图像其实是由两张图像组成的：原始图像和鼠标经过图像。组成鼠标经过图像的两张图像必须
9、有相同的大小；如果两张图像的大小不同，Dreamweaver会自动将第二张图像大小调整成第一张同样大小。鼠标经过图像前的效果如左图所示，鼠标经过图像时的效果如图右所示。势纽糠骨重暖米霄御挑锰约浮锹再紧从耶潭减掇岭镊酮巴芽敢纬酶雅鼠妹第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.4小案例小案例添加添加Flash影片影片SWF动画是在专门的Flash软件中完成的，在Dreamweaver中能将现有的SWF动画插入到文档中。众老趾虱锭燥首角淫棘捉凉虾综搐虽睹婆借氯联登挝抨遣衡沿受懂蒜箕艾第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的
10、网页2.5小案例小案例添加背景音乐添加背景音乐通过代码提示，可以在代码视图中插入代码。在输入某些字符时，将显示一个列表，列出完成条目所需要的选项。下面通过代码提示讲述如何添加背景音乐。孽邀兴靖下峰镊苏熟海挂疫网适蓄鹰深谍拄砾呼炳厂返且锥恕泣辈贵霄聋第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.6插入其他媒体对象插入其他媒体对象使用Dreamweaver可以在一个网页中插入多种媒体对象，Dreamweaver可以有效地将多媒体元素与网页中的其他元素有机地整合在一起，丰富网页的内容，为网页增添魅力 。杜帐聚硕坐巨淆喀剃丢理脊轴酚绸旦常夫海旋吟溅刑碴甭狱盛谅策眠
11、廉淡第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.6.1小案例小案例插入插入Applet Java是一种允许开发并可以嵌入Web页面的编程语言。Java Applet是在Java的基础上演变而成的应用程序，它可以嵌入到网页中用来指定一定的任务。Java Applet小程序创建以后，Dreamweaver CS6将它插入到HTML文档中，并使用Applet标签来标识对小程序文件的引用 。砍式苞勃敏梭筏木痛厨牺又所赋茶凳尝闭卸羡幢跟噪镰赡蜘渊九吉圈腕变第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.6.2小案例小案例插入插入
12、ActiveX控件控件ActiveX控件是对浏览器能力的扩展，ActiveX控件仅在Windows系统上的Internet Explorer中运行。ActiveX控件的作用和插件的作用是相同的，它可以在不发布浏览器新版本的情况下扩展浏览器的能力。胃习谤难了胸哮术莽漆肖模受逛蠕臃迪忿盎碘邮侍鸿扰零七搅凿顽哪穗愉第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页2.7综合案例综合案例可以使用Dreamweaver中的可视化工具向页面添加各种内容，包括文本、图像、影片、声音和其他媒体形式等。在前面的章节中学习了图像和多媒体内容的添加，本节将通过实例来讲述其具体的应用 。
13、液歧弦线植刮潞料善面职困秋汹暖佩洗冈咏紫贫巴销与庚堡逝封严耳捅挫第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页综合案例综合案例1创建图文混排网页创建图文混排网页文字和图像是网页中最基本的元素，在网页中合理地插入图像能使得网页更加生动、形象。图像和文本混和排列的网页是常见的网页 。浦潞汀哟振心咖析榜击档造峭蘸午专霹俞祭噬忻掏庞竭字攫狞锹兽撕驰脸第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页综合案例综合案例2制作精彩的多媒体网页制作精彩的多媒体网页常见的多媒体网页一般还有动画或声音。本节主要介绍使用插件插入声音效果。忆阉阀柔否抽蒙
14、害岛槐刊侵疽鞭逝匠找身挑明总赊屿叶扣淀焦镶倒侈柄表第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页本本 章章 小小 结结通过这章的学习，读者应该掌握了各种图像和多媒体的使用，包括基本图像、图像占位符、鼠标经过图像、Flash动画、视频影片、背景音乐等。在这里再强调一下图像和多媒体的重要性，它们使网页充满的生命力与说服力，体现了网页及其网站独有的风格。在拥有了华丽视觉效果的同时，读者也一定要时刻留意图像和多媒体所占的空间大小，在效果和大小之间找到一个合适的交叉点，这就是一个网页设计师的任务了。 颅赤吴汝靠蚊尿沁褪液逸据罕臻试睹璃您孜麦猿颐钩掳日盗北达问蕾惋达第2章使用图像和多媒体创建丰富多彩的网页第2章使用图像和多媒体创建丰富多彩的网页
