第五章 网页中图片、超链接及表格的处理.pptVIP

第五章 网页中图片、超链接及表格的处理 * 第五章 网页中图片、超链接及表格的处理 5.1 网页中的图片处理 5.2 网页中的超链接 5.3 网页中表格的制作及处理 第五章 网页中图片、超链接及表格的处理 * 5.1 网页中的图片处理 网页中图片的获取与插入 常用的图片文件格式 图形处理 设置网页背景 第五章 网页中图片、超链接及表格的处理 * 网页中图片的获取 插入图片的方式： 1、在自己的网站内挑选 2、在图库或 MicroSoft 的剪贴画中挑选 3、在网上挑选 插入图片的命令：“插入”/“图片” 1、 “来自文件”子命令——插入图像文件 可以从已打开的Web站点选择图像文件 可输入URL地址、或单击URL文本框右边的按钮用Web浏览器选择图像文件(可直接将打开的网页上的图片拖曳到你的网页上；可用“复制”/“粘贴”操作） 第五章 网页中图片、超链接及表格的处理 * 从计算机上选择文件 使用Web浏览器来选择网页或文件 插入剪贴画 可在计算机上选择图像文件 单击“扫描”按钮可以将图像扫描到页面中或存放在文件夹中 1、“来自文件”子命令——插入图像文件 第五章 网页中图片、超链接及表格的处理 * 可插入剪贴画、图片、声音等 2、“剪贴画”子命令 第五章 网页中图片、超链接及表格的处理 * 保存文件 ：保存含有图片的网页时，会弹出“保存嵌入式文件”对话框。 (1)更换保存路径：单击对话框中的【更改文件夹】按钮，可以将图片保存到images文件夹中。 (2)设定保存文件格式：在保存文件之前，可以决定是否要保存图片文件。单击对话框中的【设置操作】按钮，在“设置操作”对话框中根据需要选择【保存】与【不保存】按钮。 (3)当图片保存以后，如果删除网页中的相应图片，图片文件仍保存在当前站点的文件夹中，可以随时重新插入。 保存文件 第五章 网页中图片、超链接及表格的处理 * GIF、JPEG（标准的压缩格式：压缩并不减小图形的尺寸，只是缩小文件的尺寸）。 非GIF、JPEG格式的图像转换：当图像的颜色少于256种，转换成GIF格式，否则转换成JPEG格式。 较小 较大 文件大小 真彩色（支持16M种颜色） 256色 色彩模式 会失真，但影响不大 不会失真 压缩的方式 不可以 可以 产生交错图 不可以 可以 产生透明图 JPEG GIF 项目 常用的图片文件格式 第五章 网页中图片、超链接及表格的处理 * 编辑图片：移动与复制、图片缩放 一、图片工具栏 1、在图片上加文字 单击“文本”按钮，在图片上出现的文字框中输入文字。 选中文字，可对文字进行格式化。 可移动文字框、改变文字框大小等。 2、剪裁图像 步骤：（1）单击“剪裁”按钮。 （2）拖曳图像上的选择框。 （3）再次单击“剪裁”按钮，选择框外的图像被裁剪。 图形处理 第五章 网页中图片、超链接及表格的处理 * 3、冲蚀图像——淡化图像：单击“冲蚀”按钮 4、将图像设置成黑白模式：单击“黑白模式”按钮 5、将图像恢复原形：单击“还原”按钮 6、旋转图像：图片工具栏中的4个按钮（旋转、翻转） 7、生成自动缩略图：单击“自动缩略图”按钮 在浏览器上浏览时，单击缩略图，可查看源图。 通过【工具】/【网页选项】命令可以指定缩略图的大小或边框。 8、图片定位：移动图片到任意位置（如移到另一图片上） 9、改变图片层次：“上移一层”、“下移一层”按钮 图形处理——图片工具栏 第五章 网页中图片、超链接及表格的处理 * 10、重新取样图片 重新取样图片会改变它的像素大小来匹配其当前显示大小。例如∶若将图片大小调整到它原来大小的 50%，图片会在网页上变小，不过文件大小是不变的 ?— 调整图片大小只能改变 HTML 标记来告诉 Web 浏览器如何显示这张图片。但是，当您重新取样图片时，文件大小会减少以匹配较小的尺寸。 在可以将图片重新取样前，您必须调整其大小。 11、设置图像的透明背景 步骤： （1）选中图像 （2）单击“设置透明的颜色”按钮 （3）在需要设置透明色之处单击即可 图形处理——图片工具栏 第五章 网页中图片、超链接及表格的处理 * 二、“图片属性”命令 1、交错图片 ：为了加快图片的显示速度，可以将GIF图片设置为交错显示，即先提供给访问者一个预览，然后再逐渐过度到清晰。 操作方法：在“图片属性”对话框 的“常规”选项卡中进行交错选项 的设置。 图形处理——图片属性 第五章 网页中图片、超链接及表格的处理 * 2、设置替代图及替代文字 (1)打开“图片属性”对话框的“常规”选项卡。 (2)在“替代表示”区域中的“低分辨率”选项中键入替代图片的路径及名称，也可通过【浏览】按钮选择替代图片；在“文本”输入框中可输入用于替代图片的