網页设计应注意的问题.docVIP

网页设计应注意的问题 在网页设计的过程中，需要对以下几个问题给予足够的重视，设计好的网页在实际工作环境下无法运行，轻者造成信息无法准确地传达，严重时系统会无法正常运行，需要重新设计。 1.浏览器 对于网页实际上而言，最大的挑战就是在不同的浏览器、操作系统和硬件平台中设计出显示效果相同网页效果。从理论上讲，所有的网络浏览器都应该完全支持同样的一套标准，而网站建设者应该能够自由地建立自己的网站，并且确认内容将会适当地出现在每位浏览者面前。但是，浏览网站的用户使用各种各样的浏览器平台，这些浏览器功能各有不同，而且不能完全支持网络标准。有时即使是最符合标准的浏览器也会出现一些显示错误或者误差。这主要是由于不同的浏览器、操作系统和硬件平台中对网页代码的解释和执行不同的原因造成的。下面来给大家介绍一下常用的浏览器。 1.1 IE浏览器 相信大家对IE浏览器应该非常的熟悉，当我们上网查看网页内容的时候，一般会点击WINDOWS系统桌面上的“蓝色e”图标，打开IE浏览器。IE即Internet Explorerde的缩写，中文名网络浏览器 ，它是由微软公司出品的一款浏览器，并且采用免费（与Win）捆绑的方式提供给用户，也就是说，只要你用的是Win系列操作系统就肯定有IE浏览器，也因为如此，IE已经占据了绝大多数的个人电脑浏览器份额，除了IE浏览器外，还有多种使用IE内核的第三方浏览器，比如“maxthon”、“GreenBrowser”等，这些浏览器因为使用了IE内核，所以可以像IE浏览器一样使用，同时因为才用了完全不同的外壳在功能上有所增强。例如可以解除防拷贝保护等。由于国内绝大多数网络用户使用的都是微软的IE浏览器，所以一般来说，可以以IE浏览器作为检验网页设计效果的标准。 1.2非IE（内核）浏览器 其他的非IE（内核）浏览器，如网景的NETSCAPE，还有OPERA和FIREFOX等在普通的个人用户中很少见。我们除了IE之外还有多种浏览器可以选择，但因为IE过于流行，很多非IE内核浏览器，对一部分网站无法正常浏览。除非客户有明确的要求，所以一般还是以IE浏览器为主。 2.显示器 在浏览网页时，人们所能看到的页面只是 15英寸或 17英寸显示器屏幕的一部分。因为浏览器的工具条要占部分屏幕空间，所以像素的网页屏幕尺寸也不相同。如图4.1所示。 图4.1浏览器的可用空间 也就是说，浏览器的可用空间受到屏幕分辨率的影响。在目前，大多数人的显示器分辨率设置到1024X768。分辨率设置为640X480或800X600只是少数。但是考虑到以低分辨率来适应高分辨率的原则，所以很多网站还是在以800X600的分辨率下来进行制作。有些使用1024X768分辨率来制作的网站，在页眉或页脚上注明“建议分辨率为1024X 768”字样。 当显示器的分辨率为800X600时，浏览器的屏幕最大宽度为800像素，由于默认的垂直滚动条占去20像素，同时默认的内容距离页面左右两边各有10像素的距离，所以网页的安全宽度应该为760像素。所谓“安全”是指在全屏显示的时候，浏览器是不会出现水平滚动条的。如图4.2所示，在1024X768的分辨率下浏览yahoo网站的效果。 图4.2 在1024X768分辨率下浏览的效果 这时页面的内容宽度控制在760像素以内，大家会发现在主体内容的左右两侧会有空白的区域。当我们降低显示器的显示分辨率为800X600时，效果如图4.3所示。 图4.3在800X600分辨率下浏览的效果 这时网页中主体内容的宽度加上浏览器所占的宽度刚刚好等于800像素，浏览器的底部也没有出现滚动条。网页看起来像是一个全屏的效果。 如图4.4所示，如果把浏览器的宽度减少到800像素以内，在浏览器的底部就会出现水平的滚动条，这是因为网页的主体内容的宽度大于浏览器的内容宽度。通常来说，如果访问者需要拖拽水平滚动条才能够浏览到网页中的所有内容，那么这张网页设计的并不成功。 图4.4在小于800X600分辨率下浏览的效果 当显示器的尺寸一定时，分辨率越高，显示器的像素数量就越多，像素也就越小，显示的图像和网页页面元素也就越小。表4.5中给出了不同分辨率下在不同的操作系统中，IE浏览器和Netscape浏览器在显示器上能够显示的最大空间。 操作系统 浏览器 分辨率为640X480像素 分辨率为800X600像素 分辨率为1024X768像素 分辨率为1280X1024像素 WINDOWS IE 620X303像素 780X423像素 1004X591像素 1260X847像素 Netscape 618X301像素 778X421像素 1002X589像素 1258X845像素 Macintosh IE 591X309像素 751X429像素 975X