第04部分 图像处理.ppt

1、1、第四部分图像的处理、2、学习目的、知道经常使用的Web图片格式。 理解Web图像的处理流程，初步掌握基本的Web图片处理操作。 掌握网页插入图像的方法，了解网页中图像的作用和网页图像的基本使用原则。 3、常用Web图片格式、GIF JPEG PNG、4、GIF、GIF (图形交换格式)格式的特点：无损压缩的透明度最高可达256色，记忆空间小， 可下载的JPEG (jointphotographicexpertgroup )格式的特征：不可逆压缩24二进制位彩色，压缩率影像质量好，对具有连续灰度的图像有最佳效果，6，PNG， 便携式网络格拉夫接口(png )格式的特点：可逆压缩24二进制位彩

2、色通讯端口透明度，BMP图像文件存储容量大，传输不一盏茶，因此不太被使用，jpg和gif文件很常用要想按标识语、公司的制造商标记等主页显示，需要能迅速下载、低配置的系统能查询的图像，采用GIF形式，扫描图像和艺术作品对显示质量要求高的图像必须采用JPEG形式。 图像使用说明、背景图案的设定，可以在网页上排列图像制作背景。 定义背景图像的语法格式如下： “image-URL”是指图像的位置。 的双曲馀弦值。 注意瓷砖的效果。 在创建这种格式的背景之前，必须检查选定的图案是否看起来没有痕迹，或者是否可以得到更好的背景效果。 尽量不使用：以瓷砖图像为背景会大大降低网页的显示速度。 唯一的解决方法是尽

3、可能使用小的图像文件，尽可能不使用。 示例： s02_16.htm是用于通讯端口图像文件的标签，使用该标签将图像文件通讯端口到HTML文件中进行查看。 没有结束标签。 只需浏览器读取标签，即可直接显示该标签表示的图像。 1格式：在网页上插入关格拉夫字，2说明： src属性表示表示图像的文件名，或者URL的路径名。 如果图像显示有问题，请确认文件名是否正确。图像文件是否为BMP、GIF或JPG格式。 浏览器的图像下载功能是否打开。 如果这些个的项目都正确的话，就能看到画面了。 提示：如果需要在同一文件中重复使用同一图像文件，建议在标记中使用相对路径名，而不是绝对路径名或URL。 为了使用相对路径

4、名，浏览器只需下载一次图像文件，在再次使用该图像时，再次显示即可。 使用绝对路径名时，每次显示图像时都会下载图像，因此图像的显示速度会大幅降低。 img标签属性的使用、图像的替换文字设定图像的高度和宽度设定图像的边框设定图像的对位图像和文本之间的距离、标签的alt属性：浏览器无法显示图像的情况或找不到图像的情况下，可以在画面中显示alt向导的文本，替换看不见的图像。 的双曲馀弦值。 图像的替代文本alt。 标签有两个属性：“height”和“width”，用于设置图像的高度和宽度。 两者都可以使用像素值或百分比值。 小技巧：小图片占用的磁盘空间少，在网际网络上传输的时间短。 因此，您可以先创建

5、一个小图像，然后使用这些个中的两个属性腻子粉将其放大到所需大小。 喀呖声设置图像的高度和宽度，并设置图像的边框。 标签条的border propy腻子粉可以将边框添加到图像中。 如果边框项的差异奥尔特值或值为0，则图像没有边框。标签可以使用align属性来控制图像相对于字符参考线(字符中心线)的水平对齐方式。 其语法中，各属性的设定值的含义如下表所示。 设定图像的对齐方法align、align属性的设定值，设定图像和文本之间的距离，设定标签中的vspace和hspace的设定语法是，n，m是数值，单位是像素。 调整vspace图像与上下文本之间的距离调整vertical hspace图像与左右

6、文本之间的距离在horizontal图像下排列文本，如果没有填充图像周围的空间，则想从图像下方恢复另一行文本。 在这种情况下，常规换行标签条不起作用，图像旁边只有另一行，必须在标签中使用clear属性，以满足这些不可能的要求。 clear=left文本在图像下面有另一行，如果图像在左边，clear=right文本在图像下面有另一行，如果图像在右边，clear=all文本在图像下面有另一行。 21、21例如Web音乐专辑。图像映射：在同一图中定义多个区域，不同的区域对应不同的超级网络链接，喀呖声不同的区域则跳转到对应的页。 创建图片网络链接：将标签放在和的中间。 此图像变为可喀呖声图像，生成网络

7、链接。 图像网络链接提示：利用alt属性添加提示信息，当阅览者的鼠标移动到图像上时显示提示信息。超级网络链接和格拉夫快速键、23、客户映像映射、客户映像映射在同一图中定义了多个区域，不同的区域对应不同的超级网络链接，喀呖声不同的区域会跳转到相应的页面。 使用客户图像映射(1)定义映射图(2)使用映射图定义映射图：使用标记和标记映射图：24，在AREA标记、Shape属性定义区域形状(rect、circle、poly) Coords属性定义浏览器中，图像边界范围外的坐标为在示例、25、示例、图像映射中，请喀呖声以下图像的不同区域，跳转到不同的文件、图像使用策略。 在使用图像的问题上，网页的作者可能与阅览者不符点。 例如，制作者往往希望自各儿的页面具有美丽的图像，使页面充满艺术魅力。 浏览者下载网页的时间太长，经常会感到不耐烦，不想等待下载所有的内容。 因此，我们可以通过以下方法来缓解这个不符点：设计1网页时，必须反复斟酌需要哪个图像，需要哪个图像。 对于不需要它们的图像，必须超过皮肉之苦地截断爱，尽可能减小第二图像并且在网络上传输小图像的速度快，这对于具有慢网络传输速率的用户是更重要的。 小图像