图像和文本都是组成网页的重要元素。为了更形象、直观地说明问题,人们往往需 要公文档中插入图形、图像或自行绘制的图形,或按自己的要求编辑的图像。很少有网贝 只古文字而没有图像的:下面将详细介绍图像在网页中的插入崎编辑方法,以及有共图像 的若[—应用。

1.网页中图您的插入 制作网页时应注意以下几个问题:
(1)下载速度问题。如果图像文件比较大,那么用户浏览时需要的下载时间就会比较 长!尤其对丁传输速度比较慢的网络连接,用户往往需要几分钟、十几分钟甚罕几十分钟 宋下载—幅图像。含有这种图像的网页显然没有太多的人愿怠去浏览,因为这不仅浪费浏 览者的时间,更重要的是浪费他们的钱。
(2)图像颜色问题。

      为狄得比较好的表现效果,图像颜色越丰富越好。然而,丰富的 颜色会9致图像文件增大,从而影响下载时间。因此* 般情况下转入特别要求,用户最 好使用256色的GIF图像;对于有特殊颜色要求的图像,则最好使用JPEG图像。 正团如此,用广在闷页中使用非GIF、JPEG或PNG格式的图像时.nontPaRe 2凹2 会日动将少十8位颜鱼(即2”=256色)的图像转换为GIF格式的图像,将多丁8位颜色的 图像转换为JPEG格式的图像。


(3)文本内容。由于网亡的内容影响范围很大,因而文字内容便是人们最关心的问 些二文字的形式要活泼,要体现积极向卜的精神。义宁的内容’j所选的图片有必然的 用户必须失把图像从本地磁盘或网络计算机等处插入网页文 处理操作。 在FrontPage 2002编辑的网页个插入图像的操作步骤如L: (1)在网页视图模式下,将插入点放置到想安插入图像则L的仿音。



(2)单击“插入”菜单“图片”菜单项中的“来自文件”命令或者单击常用丁具4 的“插入文件中的图片”按钮,弹出“打开”对话框。
(3)单击“查找范围”栏右侧的下=角,在下拉列表中选择文件所在的盘符、 件央。
(4)单木想要插入的文件名。 (刀早币“插入”按钮,对话框立即消失。活动宙u返网FfonlPa8e的网欠编辑窗 Z:,国更更生看孕,需要的图像已经插入到当前网页。用户可以将网页保存起来,也可以 通过浏览器来浏览网页中的图像。
2)从剪贴画库中插入图像文件 从剪贴画库4I炳入图像文件的操作步骤如下: (1)在陶页视图模式下,将插入点放置到想要插入图像文件的位置

单击“插入”菜单“图片”菜单项中的“剪贴画”命令,弹出如图6.103所示的
单击“剪辑管理器”图标,弹出如图6.104所示的“剪辑管理器”对话框。
回剪辑管理器
O网上鹤辑
回查我田辑提示
    图6103    图6t04
    (4)单击屏幕左侧栏中图片所在的文件夹,从右键单击屏幕右侧栏所需的图片文件名
弹出的快捷菜单中选择“复制”命令。
    (5)返回到网页编辑窗口,从右键单击图片所在位置弹出的快徒菜单中选择“粘贴”
命令。
    在non呼age的网页编辑窗口中可以看到需要的图像已经插入到当前网页中。用户可
以将网页保存起来,也可以通过浏览器来浏览网页中的图像。
    2.网页中图像的编辑
    单击“视图”菜单“工具栏”菜单项中的“图片”命令,打开如图6.105所示的
“图片”工具栏。如果当前网页编辑窗口中有图像,单击该图像即可选中它*此时,图片
工具栏的工具按钮使进入可用状态。在没有图像选中时,图片工具栏中只有左边第一个按
钮是可以使用的。
    团6.105
单击图片工具栏k可用的快捷工具按钮,即可进行相应的图像编辑操作。
用右键单击工具栏,在弹出的快捷菜单中选择“图片”命令,也可打开图片工
具栏。
    图片工具栏一般显示在网页主编辑窗口的底部,可以把它移到方便的地方。移动的
方法是:在该工具栏空白处按下鼠标左键拖动到合适的位置后释放即可。
    为便于使用图片工具栏上的按钮,’广面介绍这些按钮(从左到右)的名称及功能。
    (1)  “囚”按钮。用于向当前网页插入来自文件的图像。
    (2)“A”按钮。用于在图像中加入文本,但图像必须是G匝格式的;如果不是
Fmn购ge会自动把它转换为Gg格式*

(3) “力”按钮。用于选中的图像生成一个图像的缩略图,并在缩略图中建立一个链 接到该图像的超锭接。这一点对建立以图像为标志的超链接来说是很有用的。

(4) “巴”按钮。在定义层时,设冒图像在当前层的绝刘位置。
(5)“口”按钮。在定义层时,将图像上移一层。 (6)“因”按钮。在定义层时,将图像下移一层。
(7)“J2”按钮。用于将图像向立旋转如。。 (8)“5h”按钮。用丁将图像向右旋转如。。 (9)“dL”按钮。用十将图像沿垂直线对称翻转。 (to) “毫”按钮。用于将图像沿水平线对称翻转。
(1I) “叮”按钮。用于增加图像前景色和背景色的对比度。 (12) “凹”按钮。用于降低图像前景色和背景色的对比度。 (13)“印”按钮。用丁增加图像颜色的明宽度。 (14) “oL”按钮。用于降低图像颜色的明亮度。
(15) “d—”按钮。用十剪裁图像。单击该按钮厅,将光标冒于图像边框上的8个故 点中的一个后拖动鼠标,虚线框将随着鼠标拖动的方向扩大或缩小;松开鼠标按钮后,图 片将被裁钓得只剩下虚线框内的部分。
(16) “ ”按钮。用十将图像的景色设为透明色。前提是原始图像必须全部着色, 不能有无色的区域和点。设看透明色功能可使一幅图像’?页面真正融为—体,看不出背炭 色的7:扰 (17) 白图像。
(18)
(19) 立体感。 如果当前选中的图像是彩色图像,印击读按钮,可把它转换为黑 “L/”按钮。用十汉化处理图像的颜色。 “M。”按钮。转化当前图像为3D图像,将图像边界凹凸化,使图像看卜去台 (20) “办”按钮。当图像过大或过小时,可对图像重新进行调整。调整后再单击该 按谢可对图像取样,获得调整之后的图像数据。
(21)“鸿”按钮。用于选择网页中的图像。
(22) “口”按钮。在图像中定义长方形热点,进而又可在热点—L定义超链接。 (23) “。
”按钮。在图像中定义圆形热点,进而又uJ在热点上定义超链接c
(24) “区”按钮。在图像中定义多边形热点,进而又可在热点上定义超链接。
(25) “k”按钮。用于在图像中突出显示热点。
(26) “因”按钮。用于取消各种编辑操作,还原编辑前的图像状态。 在网页中使用图像时,图像占用的字节数越少越好,出为这样uJ以减少浏览者酌F 载时间。那么,怎样才能在保证图像质量的情况下,尽量减少图像片用的字节数呢?办法 就足减少图像的颜色。图像包含颜色的多少与它所占用的字节数的关系很大,减少颜色数 能够毛效地减少字节数。
GIF格式的文件最多包含256色,对于—般的手画图、线条图来 讲已经足够了,尽量使用这种格式的图像以减少图像占用的字节数。JPEG格式的文件最 多kJ包含16兆色,尽管人眼不可能分辨出这么多的颜色,但对于真实地表现自然景观, 这么多种颜色是需要的。获得退真的效果所要4J出的代价是图像文什将占用更多的字下数。如果要用删格式的图像,就应当尽量增加它的压缩比,减少它占用的字节数。
    如果把图像变成黑白的,因其颜色种类较少,故可减少图像的字节数。
    在FNMoage中虽然可以随意调整图像的大小,但它的字节数并不变,如果需要的图
像大小与原图像大小相差很大,最好用专门的图像处理工具(如助oto曲op等)将它缩小或
增大。这样即可在保持图像质量的同时减少它的字节数。同样地,如果图像增大较多,就
会使它的质量变差,故应采用专门的图像处理工具将它放大,以保证质量。