网页设计问题汇总

网页设计问题汇总

网页设计准备：创建图像版式

图像版式是静态图像，它不会移动，可受用户控制，是灵活的页面。它们将与最终创建的页面的在外观上十分相近。然而，在创建版式的过程中还要执行很多操作步骤，以使其更接近最终的页面，并且在对版式进行切片时更容易将它转换成最终页面。

设置画布尺寸

当为固定宽度的设计创建版式时，很容易确定所需画布的尺寸。只要决定最终的固定页面的宽度，并且为画布设置同样的尽寸即可（或者可能将它设置得更大一些，如果对超出的空白区域也进行了设计，即使用户使用超出固定宽度的尺寸，同样也可以显示设计图案）。

当创建灵活设计时，以像素为单位的页面宽度将因用户而异，那你会为画布选择什么宽度呢？我想你有种选择：

.选择你认为的最小的设计宽度。

.选择你认为的最大的设计宽度。

.选择你认为的大多数用户都会采用的中等尺寸。

每种选择都有它的优缺点。

．匹配最小的宽度

在创建版式之前，应该决定设计的最小宽度（或你想让用户看到的最重要部分的最小宽度）。于是，你可以将这个最小宽度或与之按近的宽度作为画布的宽度。这可以让你确保所有一切都非常适合这个小尺寸。同时还可以让你避免犯因疏忽而让图像过大以至于不匹配最小宽度的错误。

然而，设计成最小宽度也会有问题，这主要是因为最终的设计效果在得到延展后，一切看起来是那么的松散、稀疏。你不妨想象一下这个设计被拉宽后的效果，这样一来，你便可以根据一个更宽的宽度范围来更改设计了。

.匹配最大的宽度

除了最小的宽度外，你也许还要在设计里包含最大的宽度——要么是你想要展现的壮丽的场景，要么是那些超出你意料之外的浏览者所期望的。如果你在设计中使用最大的宽度来设定画布的尺寸，就可以避免设计在较大的显示尺寸下显得过于松散、稀疏的问题，并确保文字的长度不会变得太长而难以阅读。在切分设计版面前，你说不定还可以省却修改版面的功夫了——见后续内容，通常，创建小于最终页面的版面意味着在切分版面时必须延展版面，因此切片需要与所需页面相同大小。

然而，以一个大的宽度设计可能会不经意地增添了设计的难度——它比设计小尺寸的空间要难一些。你也许会过度地放大图像或者在设计中填入过多的“素材”（功能框、图像、工具条），这样一来，当页面以较小的宽度显示时，页面看起来会非常拥挤并且很难阅读。

.选择一个折衷的办法

除了使用最小和最大的宽度，你还可以选择位于这两种宽度尺寸之间的值用做画布尺寸。看看哪种尺寸可能为大多数浏览者所使用，并将该尺寸用做设计尺寸。你可以将设计优化为大多数人想看的那种。

使用折衷的画布尺寸可以帮助你避开那两种缺点。但是如果你不仔细的话，它也可以让你的设计更受两种缺点的影响。例如，你应该让设计的宽度跨越像素到像素，并且创建一个宽度为像素的设计。非常有可能，你会创建一个四不像的设计：图像对于像素的最小宽度来说不合适——太大，页面元素和文本对于像素的最大宽度来说太稀疏，很不容易阅读。尽管就很多方面而言，这个设计都非常了不起，但是它始终有一个缺陷：在两个极端的宽度尺寸（而非一个）都存在问题。然而，当你采用位于它们中间的尺寸浏览时，这些问题的严重性又将得到不同程度的缓解。对于大多数设计而言，中间宽度可能足最好的一在整个设计过程中，要谨慎小心并且持续不断地考虑以其他可能的宽度显示的情形。始终要牢记的一点是，最终创建的页面不是一个静态的页面，它将是一个灵活的页面。

网页设计中的图形（图像）文件格式

、格式

，全称图形交换格式，的缩写，是由公司开发的图形图像格式，主要用于互联网上的图形／图像交流。图形图像格式是一种无损压缩的图形图像格式，对于颜色画面简单的图形／图像，有非常高的压缩率。

使用该格式减少图形图像文件尺寸时，不会丢失原始图形图像的任何信息。而且，这种压缩算法比较简单，解压缩的速度很快，很适合在网页上显示。因此，格式在网页中得到了广泛的应用。

的优点还有：支持透明()和交错()模式，支持画格式等。

透明模式，是一种图形／图像的透明部分能够透出背景色的模式，这种模式可以去掉图形图像比较生硬的矩形边框，使图形／图像更好地融合到网页页面中。

交错模式，是指将图形／图像装载到浏览器窗口的显示方式。一个普通的图形／图像是从上到下逐行显示的，在显示完毕之前，浏览者无法了解图形／图像的全貌。而设置了交错模式的图形／图像则是隔行显示的，使浏览者不必等待图形／图像全部传输完，就可以看到图形／图像的大致轮廓。

对于简单的动画来说，动画是最容易掌握的技术。动画包含一系列的帧，每一帧就是一幅图形图像。此外，还包含一些播放动画的参数，如延迟时间、循环顺序等。浏览器从动画文件中读取各帧图形图像，然后根据播放参数在浏览器窗口循环显示，形成动画效果。动画