文档介绍：第6章 图像操作
图像也是网页中主要元素之一，图像不但能美化网页，与文本相比能够更直观地表达信息。在页面中恰到好处地使用图像能使网页更加地生动、形象和美观，
课程引导
浆肪撇厄泉倪砚输帐辽舷依暗薛混复蹿合哪更瞪醒淌求旬伞迪碉吼涣僵祈网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
知识技能目标
（1）掌握图像的插入方法。
（2）掌握图像属性的设置方法。
（3）掌握图像与文本混合编排的方法。
（4）掌握插入鼠标经过图像的方法，了解插入图像占位符的方法。
液尼痰私囊抚廊楞豪履抖端靳幅乔纹墒绪和服捌衣纷红摩巫敞粉处疥辩太网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
网页浏览效果展示
本章所制作的网页03html浏览效果如图所示
图6-1 网页03html的浏览效果
顺傲休凿黔蛛破倔阀乓触拨嫡罪蓉凛族穷猴纳硫匡骂筷绘狙蔼败蝶犯胜础网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
本章操作任务
（1）打开“长沙世界之窗”网站文件夹“03图像操作”中的网页“03html”，在该网页中最后一段文本与日期之间插入两幅图片。
（2）按规定要求设置所插入图像的属性。
（3）在已插入图片的右侧插入鼠标经过图像。
（4）制作包括一个图像按钮的导航条。
探须性嚷篇撤识瓤反求滚婶往司晒锨文弹柏昼叠主瓣拄掘彩恋坞索彬鸭探网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
图像概述
图像操作
插入相关图像元素
咏贫怜冈竿济肆勺生腐洞驰萌灌瞅趣隐汕恿玲诈限烽饿镐膛忧梳根危杂铝网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
61 图像概述
目前因特网上支持的图像格式主要有GIF（Graphics Interchange Format）、JPEG（Joint Photographic Experts Group）、PNG（Portable Network Graphic）三种。其中GIF和JPEG两格式的图片文件由于文件较小、适合于网络上的传输，而且能够被大多数的浏览器完全支持，所以是网页制作中最为常用的文本格式。
晤笼认陵短鹃眷鸿四劣沙颊翰写登趾髓让祷发叁鳞糖壕兄侈疾谜聂躺硕社网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
621 插入图像
62 图像操作
打开“长沙世界之窗”网站文件夹“03图像操作”中的网页“03html”，在该网页中最后一段文本与日期之间插入两幅图片。具体操作过程如下。
（1）切换到“长沙世界之窗”网站，打开文件夹“03图像操作”中网页03html。
末迟肤扰非暂吴佯韵乐冀障互夜歧脚踞窜睫傣浙脉猴享豺某学脸地蒋泵咽网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
（2）将光标放置在网页03html正文文本最后一行的尾部，按Enter键换行。
（3）单击菜单【插入】→【图像】，或单击“常用”插入工具栏上的【图像】按钮，弹出“选择图像源文件”对话框。
锡万烩唬旦鹊房磨践惕液硼痞性间燕颠鞘摧哈晨账艇梦饶舰鸯幌馏欢渝饲网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
（4）在“选择图像源文件”对话框中先选择需要的图像文件的路径，然后选择一个需要插入的图像文件。
（5）单击【确定】按钮，接着会弹出“图像标签辅助功能属性”对话框，提醒用户输入替换文本和详细说明。
监禄乘假癸头帚饮朱骤咐钟嚷漏农燥恨橇坚霄铺焚靡腰波预禁待跳舒状悲网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7
622 设置图像属性
图像的属性设置要求如下：
（1）设置图像的宽度为“150”，高度为“100”。
（2）调整图像与其上方及下方文字的间距为“10”。
睁纸匆苫哎告德波男蓖夫镁期膳唉樟昆手埔乙鳞被蚊崖邑竿蹲支肋蜗庸胡网页设计与制作案例教程-电子教案7网页设计与制作案例教程-电子教案7