第6章第1部分图像的处理.pptVIP

下载本文档

0
0
约3.1千字
约 15页
2018-07-13 发布于江苏
举报
版权申诉

第6章第1部分图像的处理.ppt

1、本文档共15页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

第6章第1部分图像的处理

第6章第1部分图像的处理 * * 6.1 背景图案的设定 6.2 网页中插入图形 6.3 img标签属性的使用 6.4 把文本排到图像下面 6.5 超链接与图形的应用 6.6 图像使用原则上一页下一页目录结束本节图像可以使Web页面更加生动美观、富有生机。目前浏览器可以显示JPEG、BMP和GIF图像。其中BMP文件因为存储空间大，传输不够快，所以并不常用。常用的是jpg文件和gif文件。其中GIF图像最多只能使用256种颜色（即只能保存为8位颜色），而JPEG格式可保存为24位，对具有连续色调的图像有最佳效果。不过，GIF图像虽然在图像质量上不及JPEG图像，但其却有所占存储空间小、下载速度快、支持动画效果、背景色可透明等特点。因此应视不同情况而决定应使用哪种格式的图像。对于徽标、公司厂标等在每一主页显示，要求能快速下载并能在低配置的系统中查询的图像。应采用GIF格式，而对于扫描图片、艺术作品这种对显示质量要求很高的图像则应采用JPEG格式。第6章图像的处理上一页下一页目录结束本节 6.1 背景图案的设定在网页中除了用一种单一的颜色作背景外，还可以用图像平铺的方法制作背景。图像平铺就是把一张小的图像在屏幕上一个一个地拼接起来，构成一个屏幕的完整的背景。定义背景图像的语法格式如下： body background=image-URL 其中，“image-URL”指图像的位置。在建立这种形式的背景之前，首先要确定所选定的图案能否看上去无痕迹地连接在一起，或者能否产生一种较好的背景效果。用平铺图像作背景，将极明显地降低网页的显示速度。唯一的解决办法就是尽量使用小的图像文件，如果可能的话则不用。上一页下一页目录结束本节假设已经有了一个图像文件，怎样才能将它显示在网页上呢？在HTML中使用图像的标签是：img。img是用于导入图像文件的标签，使用此标签可将图像文件导入到HTML文件中显示。img没有结束标签，因为当浏览器只有读取到img标签时，会直接显示此标签所代表的图像。 1．格式： img src=image-URL 6.2 网页中插入图形上一页下一页目录结束本节 2．说明： src属性是用来指出一个图像的文件名，或是指出URL的路径名。如果图像的显示有问题，应该检查以下内容： ① 文件名是否书写正确； ② 图像文件是否是BMP、GIF或JPG格式； ③ 是否已经打开了浏览器的图像下载功能。若上述几项全部正确，图像就能够显示出来。如果在同一个文件中需要反复使用一个相同的图像文件时，最好在img标签中使用相对路径名，而不是使用绝对路径名或URL。因为使用相对路径名，浏览器只须将图像文件下载一次，再次使用这个图像时，只要重新显示一遍即可。如果使用的是绝对路径名，每次显示图像时，都要下载一次图像，这将会大大降低图像的显示速度。上一页下一页目录结束本节有些浏览器只支持文本，不支持图像，这时我们可以采取一些其他办法来替代图像。img标签中的alt属性能够有所帮助。当浏览器不能显示图像或找不到图像时，它可以将alt引导的文本显示在屏幕上，从而替代看不到的图像。 6.3.1 图像的取代文字alt 上一页下一页目录结束本节 img标签中还提供了两个属性：height和width，用来设定图像的高度和宽度，二者可取像素值或百分比。小的图像占的磁盘空间较少，在网上传输的时间比较短。因此，可以充分利用这两个属性，先在网页上建立一个比较小的图像，然后再用这两个属性按比例放大，达到所希望的尺寸。但是有一点要记住，放大后图像中的像素也被按比例放大了，所以放大倍数太大的图像可能会显得有些斑驳模糊。为了使网页产生好的图像效果，应尽可能多试几次，从而得到满意的结果。 6.3.2 设定图像的高度和宽度上一页下一页目录结束本节 6.3.3 设定图像的边框border img标签的border属性可以给图像加一个边框。若border项默认或取值为0时，图像没有边框。上一页下一页目录结束本节在img标签中使用align属性，可控制图像相对于文字基准线（文字中线）的水平对齐方式，其语法如下： img align=top、middle、bottom、left或right 各属性的设置值意义如下表所示： 6.3.4 设定图像的对齐