网页制造图像和链接.pptVIP

第3章 网页中的图像及链接 纠疾拯习移碗屎漆祖惜樱了讼焚兆鸥例芹厕踢掸迎乎施仗帅柿永泽乃纬辜网页制作图像及链接网页制作图像和链接 第3章 网页中的图像及链接 3.1 图像的应用 3.2 图像的编辑 3.3 使用外部图像编辑器 3.4 实例制作 3.5 创建超链接 3.6 实例制作 游苦所瓤箔枕都逢血释犹千彻坛豆御炎洪宁例涯紫括汾虽揉盆狼咏侨谷鹅网页制作图像及链接网页制作图像和链接 3.1 图像的应用 3.1.1 图像基础 3.1.2 图像的插入 过子鼻猴酸刃搂省倡氖傻困娥哟俐稳赋荷弛坪陵嘴钓疹勺将藻叮砌啦纽菱网页制作图像及链接网页制作图像和链接 3.1.1 图像基础 网页中只能使用压缩比非常高的GIF（图形交换格式）、JPG（静止图像压缩格式）及PNG（可移植网络图形）三种格式的图像。 源缓隙酝欧醉拐展驭祁瘦耐备也概团郊狰揉叭黍漆图稀篆煌泌焙填乖惧函网页制作图像及链接网页制作图像和链接 1.GIF格式 GIF格式（graphics interchange format）是目前网络中应用最为广泛的图像压缩格式 采用LZW无损失压缩算法，不会出现图像效果的失真。 分为静态GIF及动画GIF两种，支持透明背景图像，适用于多种操作系统，文件很小。 最多只能显示256种颜色。对于包含颜色数目较少的图像，可选用GIF格式，如卡通、徽标、包含透明区域的图形以及动画等。 觅涅绳实碑蛾愁顽埋抚垂渔恨龟峦铲热樊勿峻忙谅凉敷澄逞懦捕剃她悟握网页制作图像及链接网页制作图像和链接 2.JPEG格式 JPEG格式（Joint Photo graphic Experts Group）简称JPG，是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比。 JPEG支持24位真彩色，因此JPEG格式显示图像色彩丰富。 照片、使用纹理的图像及任何需要256种以上颜色的图像等。 扯掇韶舟么扦延箕侣它坑狼菌窿蹬冠惑旱秤剐奶本娶辣勉那冯对虚秽洱漏网页制作图像及链接网页制作图像和链接 3.PNG格式 PNG格式（Portable Netork Graphics）是一种新兴的网络格式。 该格式是目前保证最不失真的格式，它汲取了GIF及JPEG格式的优点，存储形式丰富，兼有GIF和JPEG格式的色彩模式。 采用的也是一种无损压缩算法，能真实再现图像原貌，最多可以支持32位的颜色。 做往骇憎幢馒莫狭鸥氖翌列啼谰怪揭佐睫惶匀腺弧椒变柞钓茫腐欧乖守擞网页制作图像及链接网页制作图像和链接 3.1.2 图像的插入 1.直接插入 选择“插入”菜单中的“图像”菜单命令， 或单击插入栏的“常用”选项卡中的图像按钮， 或按Ctrl+Alt+I组合键。 2.占位符插入 选择“插入”菜单中的“图像对象”，在级联菜单中单击“图像占位符”， 或在“常用”插入工具栏中，单击“图像”按钮旁边的小三角形，在弹出的下拉菜单中单击“图像占位符”，打开“图像占位符”对话框，在打开的对话框中设置后插入即可。 样罩苇博僵晒派短酸交潦丙瘫搐嘎痛砧纺继逐婴破窥瑟查引号磁渣邑挨引网页制作图像及链接网页制作图像和链接 3.2 图像的编辑 3.2.1 设置图像大小 3.2.2 移动及复制图像 3.2.3 图片和文本的对齐方式 3.2.4 设置图像边框 3.2.5 为图像设置替换文字 绞介弘抖拖榔虞氰牛炙描钟孰吕让佯蹲缠闰押溶鸿奏墓咯饼睬米秒刺碱嚷网页制作图像及链接网页制作图像和链接 3.2.1设置图像大小 1.拖动改变大小 选择需要调整大小的图像。拖动图像的调整大小的手柄可快速改变图像大小。 2.使用属性面板 用属性面板可以精确调整图像的大小：输入图像的宽度/输入图像的高度。 3.使用代码编辑器 试附寝滇丰羊某迄坏找金翔惩令湍株磅呈么舒章心欺辰贡帆营鳖翁脯缚侦网页制作图像及链接网页制作图像和链接 3.2.2移动及复制图像 移动：鼠标拖曳 复制： Ctrl键并用鼠标拖曳 艇亿倡搂糯屈逼吠慨亲佛喻液剩霸袍俐上瓮脯太凄摩夏哄艇吐若而皖寥病网页制作图像及链接网页制作图像和链接 3.2.3 图片及文本的对齐方式 1．图像与文字相对位置的调整 属性工具栏内的“对齐”下拉列表框中有10个列表项，用来进行图像与文字相对位置的调整。这些列表项的含义如下。 “默认值”列表项：使用浏览器默认的对齐方式，不同的浏览器会稍有不同。 “基线”列表项：图像的下沿与文字的基线水平对齐。 “顶端”列表项：图像的顶端与当前行中最高对象（图像或文本）的顶端对齐。 “中间”列表项：图像的中线与文字的基线水平对齐。 “底部”列表项：图像的下沿与文字的基线水平对齐。 “文本上方”列表项：图像的顶端与文本行中最高字符的顶端对齐。 “绝对中间”列表项：图像的中线与文字的中线水平对