设计文档：使用网页视图-用图形和多媒体增强网页

《设计文档：使用网页视图-用图形和多媒体增强网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、下载第5章用图形和多媒体增强网页5.1了解图像和使用图像使用图像不但可以增加视觉效果、提供更多信息、丰富文字的内容，而且可以将文字分为更易操作的小块，更重要的是，能够体现出你的站点的特色。没有哪一个网页制作者会不想使用图像这种资源。不过，要想使用图像达到最佳的效果，还得颇费心思。假如你有艺术家的天分和眼光，那么在这个方面就很有优势。但是如果你没有该方面的训练，也不代表你做不好这件事情。在往网页上添加图像文件时，首先问自己以下几个问题：¥这些图像用来达到什么目的？¥什么样的内容最适合这些目的？¥这些图像有多大(即下载这些图像需要多长时间)？¥要使用多少个图像？¥这些图像和其

2、他文字以及相互之间有什么联系？¥将这些图像放在网页什么位置最好？回答这些问题，能够让你避免将网页制作成许多不相关的东西的大杂烩。当你确定使用哪些图像时，在你的头脑中一定要有以下几条指导性原则：¥不要使用让你的文字和图形可视性减弱的背景图像；¥尽量不要使用很大的图形文件，而导致下载时间很长。如果你想用这样的图像，最好使用小图标，并建立一个链接到这个大图像。最大的单张图像最好应小于25KB，除非你确实需要这样一幅更大的图像。尽量使一张网页上所有图形的大小总和小于30KB；¥谈到尺寸，使用较宽的图形时一定要小心谨慎。假如访问者不是在全屏模式下运行浏览器，或者他们的硬件只支持VG

3、A(640×480)分辨率，这时图像的边缘部分就会被裁去。图像的宽度保持在5~6英寸，并且别忘记测试你的最后结果；¥设计图像时，要保证可以单击的区域能够很容易识别；¥挑选浏览器可用的调色板，并尽可能坚持使用它。¥不要使用过多的特殊效果，比如闪烁文字、渐淡、渐化和慢移。许多人对那些新奇的东西感到讨厌，尤其是页面上的闪烁，缓慢的蠕动和滑动效果。特别地，如果你想让别人的注意力集中于某一段文字的内容时，切记不要在文字周围使用跳动的图案，以免使访问者分心。5.2图像基础插入到网页中的图形称为内联图形。其中最常用的两种图像文件格式是GIF(GraphicsInterchangeFor

4、mat，可交换的图像文件格式)和JPEG(JointPhotographicExpertsGroup，联合图像专家组)。所有可以查看图形的浏览器都支持这两种格式，因而可以毫不费力地显示。不过，图像文件还有几种其他格式，例如TIFF、PCX、BMP和PNG。较新版本的Netscape和Mosaic浏览器可以通过调用专为这些格式设计的助手程序来解决这个问题。大部分情况，你最好采用76第二部分设计文档：使用网页视图下载GIF和JPG格式，也可以是PNG格式。注意PNG(PortableNetworkGraphicsFormat，可移植的网络图像文件格式)是相对较新的图形文件格式

5、，它或许会逐渐成为网络图像的标准格式。它支持真彩色，这使它在照片图像方面比GIF更优越；而且，区别于JPEG格式，它的压缩是无损压缩(也就是说，图像文件被压缩时，图像质量不会降低)。在你的网页中，应采用什么文件格式呢？GIF或者JPEG？其实，每一种格式都有其优点。GIF格式的优越之处在于它是万维网中最基本的文件格式，至少现在是。浏览器可以很快完成该格式的解压缩，因此，在访问者的屏幕显示中GIF格式的文件格外地活跃。它是一种选择用于线条艺术的图形格式，也就是不需要像照片那样柔和的颜色变化的艺术。它能够支持256色，还可以通过抖动处理来模拟更多的颜色。相反地，你还可以减少颜

6、色数，因为GIF格式的一个很有用的特点就是可以使用图像编辑器来减少图像中不同的颜色数，从而使文件变小。另外，你还可以用图形编辑器来减小图像的尺寸。这一点对JPEG格式可能有效。GIF图像文件往往比等价的JPEG文件大出许多，因此在你获得GIF文件的高速解压缩的同时，你为此付出的将是在你的站点上保存一个更大的文件。另一方面，尽管JPEG文件比GIF文件小，但是解压缩的速度比GIF慢。JPEG文件格式比GIF优越的地方在于它可以支持近16,700,000种颜色，因此柔和变化的图像可以在屏幕上显示出很好的效果。但是，至今还没有哪一个站点在网页上使用真正的高彩色或者真彩色图像。话

7、又说回来，这种显示技术相对于一年前已经得到了更广泛的应用，只不过大部分人仍在使用256色，所以说这种超高的显示质量似乎显得浪费了。使用JPEG时，你还可以调整压缩级别(在FrontPage中，这等同于质量)来减小图形文件的大小。调整压缩级别时，要注意压缩效果，因为压缩级别越高，图像质量就越低。所以，你必须在文件大小和图像质量之间找到一个最佳的平衡点。注意要达到更好的压缩效果，你最好使用专门的图形软件(比如Lview和ImageComposer)来调整JPEG图形的压缩比例，而不要用FrontPage的图形命令。可以在http: