搜索
第四章图片可以在网页上使用图片显示信息或公司徽标。建立个人主页时，也可将照片扫描到网页中以表现个人形象：企业也可将产品的照片放在网页中以宣传自己的产品。比起文字，图片具有很好的装饰效果。另外，图片对于导航按钮等项目也很有用。本章主要介绍在网页中使用图片的技巧，内容包括：基本知识：减少图片的下载时间：在网页中使用图片：编辑图片：设置图片格式：图像映射：4.1基本知识下面介绍在网页中布置图片的方式及图片格式类型。4.1.1网页中布置图片的方式在MicrosoftFrontPage中，可以使用多种方法布置Web页上的图形，4.1.2图片格式的类型图片文件的格式有几十种，如GIF,JPEG,BMP,EPS,PCX,PNG,FAS,TGA,TIFF,WMF等。而网页中常用的格式为GIF和JPEG.GIF图片：其全称是GraphicalInterchangeFormat。GIF图片是网页中使用最多的一种图片，它包含多达256种颜色。其突出优点是采用无损耗压缩方案，图片压缩后不会有细节上的损失。另外，它支持透明特性，其背景可以是透明的，图片的背景和网页北景色相同，使网页看起来非常协调。GPEG图片：其全称为JoinPhotographicExpertsGroup.JPEG格式常用于包含成千上万或上百万种颜色的相片实景图形。GPEG图形很有用，因为可以通过更改图形质量来控制文件的压缩比例。设置的质量越低，压缩比例就越高，这样，文件就变小了。此外，网页中还可以添加下列文件格式的图片：BMP:Microsoftwindows环境自带的位图格式。图片由一系列小点组成，支持高达24位的图像。TIFF：带标记的图像文件格式。高分辨率、基于标记的文件格式，用于数字图形之间的转换。TGA：TruevisionTargaGraphicsAdaptor文件格式。支持1到32位的图像和专业功能。RAS：Raster格式。稍稍微太缩，支持多达36位图像。EPS：内嵌的PostScript文件格式。PostGraphic文件格式的扩展，使PostScript图形文件可以合并到其他文档。PNG：可移植网络格式，GIF（该格式支持在包含上千或上百万种颜色的图片中使用透明色）格式的代替形式。不过，有的Web浏览器如果没有特殊的插件就不能显示PNG图形。WMF：MicrosoftWindows图元文件格式。支持位图、向量和内嵌的PostScript数据。在网页上添加非GIF或JPEG格式的图片然后将其保存时，MicrosoftFrontPage会自动将少于8位颜色的图片转换为GIF格式，将多于8位的图片转换为JPEG格式。在网页中使用图片主要应考虑两方面的总是：一是下载速度的问题，如果图片较大，下载时间就很长，下载一幅图片往往要几分钟甚至更长，这种网页显示没人愿意浏览；第二个就是颜色问题。当然颜色越丰富效果越好，网页也越漂亮。但颜色值越多，图片文件就越大，下载速度就越慢。所以一般若无特殊需要，更好用256的GIF色图片。若有特殊的颜色要求，则最好使用JPEG图片。4.2减少图片的下载时间图片可以使网页作得很漂亮，但也给使用图片的网页带来一些负面影响，如增加网页大小，使网页的下载很慢等。将图形（例如图像、动画和视频）添加到Web站点上时,Web站点的大小将会迅速增加。考虑到要添加图形大小、质量、类型、和数量很重要，尤其是当Internet服务提供商对Web站点大小有所限制时。下载图形可能需要很长的时间，尤其是对于那些使用低速的Internet连接的站点访问者。下面的方法可以使站点访问者能够较容易地下载包含图形的网页：调整图形大小：可以通过更图形的高度和宽度属性来调整图形大小，也可在网页上直接调整其大小。调整图形大小会更改ＨＴＭＬ标记，该标记用来告诉Web浏览器如何显示图形。而实际的图形文件并不会更改。如果只调整图形的大小，则图形在站点访问者的屏幕上会显示在较小的区域中，但是其文件大小和下载时间并不改变。若要减小图形的文件大小及其下载时间，需要在调整其大小后对其重新取样。重新对图形取样：重新对图形取样将更改图形的像素大小，以便与图形当前的显示大小相匹配。重新对图形取样时，文件大小会减少，从而与较小的尺寸相匹配。将图形转换为ＪＰＥＧ格式并降低质量设置时，文件的压缩率会弱加，而文件大小会减小。降低图形分辨率：如果图形分辨详细较高，请道德生成该图形的一个副本，然后通过使用绘图程序，来降低其分辨率。下载图形的最终版本时，显示它的低分辨率版本：在绘图程序中，创建图形、视频或动态ＧＩＦ的低分辨率版本。方法是在绘图程序中打开图形，并降低图形的颜色深度。为低分辨率版本的图形指定的颜色越少，其在Web浏览器中显示的速度就越快，因为低分辨率图形是用做高分辨率图形的占位符的，所以不应该更改图形的高度或宽度。然后将MicrosoftFrontPage设置为在下载原始图形的过程中显示此图形的低分辨率版本。虽然该选项不会减少图形下载所需的时间，但是却可以让站点访问者在下载时可以看到一些内容。创建缩略图：缩略图是能快速下载的图形的缩小版本。通过查看缩略图，站点访问者可决定是否要下载图形的完整版本。使用“自动缩略图”功能可以自动创建缩略图，其中包含指向原始图形的超链接。显示ＡＬＴ文字：可选文字或ＡＬＴ文字是图形下载过程中替代图形显示的文本。它可以使点站访问者了解将要看到的内容。将鼠标指针移到该图形上可以看到其ＡＬＴ文字。4.3在网页中的使用图片在FrontPage2002网页中，不仅可以插入FrontPage自带的剪贴画，还可以插入来自Internet的图片，还能对插入的图片进行编辑等操作，从而使网页达到图文并茂的效果。4.3.1手稿剪贴画FrontPage自带了许多图片库存，这些图片大多数以卡通或漫画形式存在，而且都是ＧＩＦ图片，它们称为剪贴画，若要在网页中插入剪贴画，可按以下步骤进行：（１）在网页中要插入剪贴画的位置单击定位光标。（２）单击插入菜单中图片子菜单的剪贴画命令。（３）系统随之在窗口右侧显示插入剪贴画任务窗口，在其中搜索文字框中键入描述所需剪贴画的词或短语后单击搜索按钮。（４）在结果列表中，单击要插入的剪贴画。（５）若要执行其他搜索，请单击结果列表下方的修改。（６）单击任务窗口底部的剪辑管理器，可以分类查看整个剪辑管理器中的剪贴画集。4.3.2插入来自文件的图片若要在网页中插入来自文件的图片，可按以下步骤：（１）在网页中要插入图片的位置单击定位光标。（２）单击插入菜单中的图片子菜单的来自文件命令或单击常用工具栏中的插入文件中的图片按钮。打开图片对话框。（３）在其中的文件类型下拉列表框中选择要插入图片的文件类型，通常为所有图片在查找范围下列表框中选择包含所需图片文件的文件夹。（４）选中其个图片文件后，单击确定按钮或直接双击该图片文件，即可将该图片插入到网页中。（５）将网页文件保存起来，然后单击常用工具栏中的在浏览器中预览按钮，可在浏览器中浏览其效果。4.3.3从全球广哉网上的站点添加图片可以从全球广域网上的站点添加图片。如果选择保存到的站点，图片能添加到站点中。可以选择不将图片保存到站点，那么对此图片的引用就会创建到网页中。然而，如果此图片被从它所在的Web站点上删除，将不会在网页上看到它。若要从全球广域网上的站点添加图片，可按以下步骤进行：（１）在网页视图模式下，将手稿点放置到插入图片的位置。（２）单击常用工具栏上的插入文件中的图片按钮，打开图片对话框。（３）在对话框里的ＵＲＬ文本框中，键入想要插入的图片的正确位置和名称。（４）如果使用的是MicrosoftInternetExplorer４.x或更高版本，用鼠标右键单击图形，再单击快捷菜单上的复制。切换回MicrosoftFrontPage。再次用鼠标右键单击，并从快捷菜单上选择粘贴把图形直接添加到网页中。这会在网页上插入对Web站点上的图片的引用。（５）如果使用的是NetscapeNavigator4.x或更高版本，请用鼠标右键单击图形，再单击快捷菜单上的复制图像位置，并切换回FrontPage，然后粘贴覆盖ＵＲＬ框中的文本。注意：１保存网页时，MicrosoftFrontPage会提示把图形保存到Web站点。使用２５６色或颜色清晰度更低的图形将会自动转换为ＧＩＦ，而所有其他图形都会转换为ＪＰＥＧ。２可以选择不将图形保存到Web站点，在这种情况下，会在网页上创建一个对其他Web站点上的图形的引用。不过，如果该图形从其他Web站点中删除了，就再也无法在自己的网页中看到该图形。4.3.4将图形导入到站点中将图片导入到站点中，使得可以快速访问所需文件。举例说，可以通过将图片添加到网页后保存网页的方式，将图片一张张地添加到站点中。然而，若知道将会用到某个图片组，则可将他们全部一次性导入到站点中所指定的文件夹。然后，当想要将图片添加到网页中时，能很快地访问它，而不必到文件系统中去查找它。若要将图形导入到站点中，可按以下步骤进行：（１）在Windows的资源管理器中，选择想要导入的图形。可以通过单击第一个文件，然后按下Shift键并单击列表中的最后一个文件来选择文件列表或者分别选择各个文件可按下Ctrl键不放，然后单击要选择的文件。（２）单击文件菜单中的导入命令，打开导入对话框，（３）单击对话框中的添加文件或添加文件夹按钮。（４）在随之打开的对话框里，选择要到导入的文件或文件夹后单击打开按钮。（５）设置完成后单击确定按钮即可。提示：也可以用单击并托运文件的方式将图片导入到文件夹列表或FrontPage的内容窗口中。４.4编辑图片使用图片工具栏可以非常方便地编辑图片。4.4.1图片工具栏插入在网页中的图片可使用图片工具栏进行编辑，不过，在编辑前一定要先选定该图片。如果图片工具栏没有显示出来，可单击视图菜单中工具栏子菜单的图片命令进行打开，图片工具栏上的按钮从左至右依次是：插入文件中的图片按钮：单击该按钮可在文档中插入来自文件的图片。文本按钮：在图片中加入文本，此操作的前提是图片必须是ＧＩＦ格式，如果不是，FrontPage会自动将其转换为ＧＩＦ格式自动缩略图按钮：用于将选中的图片生成一个图片的缩略图，并在缩略图中建立一个链接到这幅图片的超链接。绝对定位按钮：在定义层时用于设置图片在当前层的绝对位置。上移一层按钮：在定义层时用于将图片上移一层。下移一层按钮：在定义层时用于将图片下移一层。向左旋转按钮：将图片向左旋转９０度。向右旋转按钮：将图片向右旋转９０度。水平翻转按钮：将图片沿垂直线对称翻转。垂直翻转按钮：将图片沿水平线对称翻转。增加对比度按钮：增加图片前景色和背景色的对比度。降低对比度按钮：减低图片前景色和背景色的对比度。增加亮度按钮：增加图片的明亮度。降低亮度按钮：减低图片的明亮度。裁剪按钮：单击此按钮可对图片进行剪裁，从而可以删除不想用到的图片区域。裁剪也可以改变图片的缩放比例。线型按钮：单击该按钮可设置图片的线型。设置图片格式按钮：单击该按钮可设置处处的格式。设置透明色按钮：单击该按钮可将图片中的某种颜色变成透明色，从而使图片中设置透明色的区域与页面浑然一体。颜色按钮：单击该按钮，会打开一个菜单，其中有自动、灰度、黑白、冲蚀命令选择某个命令可将图片设置成所需要的颜色，便如黑白可将彩色的图片转换为黑白图片，冲蚀可使图片冲蚀，从而减少图片的对比度并且增加其亮度。当想要创建一个水印或使用图片作为背景时，这个功能是很有用的。凸凹效果按钮：将图片变为3Ｄ（三维）图片，也就是将图片边界凹凸化。重新取样按钮：当图片过大或过小时，需要对图片重新进行调整，调整之后再对图片重新进行采样，即可获得调整后的图片数据。选定按钮：用于选定图片。长方形热点按钮：用于在图片中定义长方形热点，然后可以在长方形热点上定义超链接。圆形热点按钮：用于在图片中定义圆形热点，然后可以在圆形热点上定义超链接。多边形热点按钮：用于在图片中定义任意多边形热点，然后可以在多边形点上定义超链接。突出显示热点按钮：用于在图片中突出显示热点。还原按钮：取消对图片各种编辑操作，恢复为原样。