网页设计应注意的问题

《网页设计应注意的问题》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、网页设计应注意的问题在网页设计的过程中，需要对以下几个问题给予足够的重视，设计好的网页在实际工作环境下无法运行，轻者造成信息无法准确地传达，严重时系统会无法正常运行，需要重新设计。1.浏览器对于网页实际上而言，最大的挑战就是在不同的浏览器、操作系统和硬件平台中设计出显示效果相同网页效果。从理论上讲，所有的网络浏览器都应该完全支持同样的一套标准，而网站建设者应该能够自由地建立自己的网站，并且确认内容将会适当地出现在每位浏览者面前。但是，浏览网站的用户使用各种各样的浏览器平台，这些浏览器功能各有不同，而且不能完全支持网络标准。有时即使是最符合标准的浏览器也会出现一些显示错误或者误差。这主要是

2、由于不同的浏览器、操作系统和硬件平台中对网页代码的解释和执行不同的原因造成的。下面来给大家介绍一下常用的浏览器。1.1IE浏览器相信大家对IE浏览器应该非常的熟悉，当我们上网查看网页内容的时候，一般会点击WINDOWS系统桌面上的“蓝色e”图标，打开IE浏览器。IE即InternetExplorerde的缩写，中文名网络浏览器，它是由微软公司出品的一款浏览器，并且采用免费（与Win）捆绑的方式提供给用户，也就是说，只要你用的是Win系列操作系统就肯定有IE浏览器，也因为如此，IE已经占据了绝大多数的个人电脑浏览器份额，除了IE浏览器外，还有多种使用IE内核的第三方浏览器，比如“maxth

3、on”、“GreenBrowser”等，这些浏览器因为使用了IE内核，所以可以像IE浏览器一样使用，同时因为才用了完全不同的外壳在功能上有所增强。例如可以解除防拷贝保护等。由于国内绝大多数网络用户使用的都是微软的IE浏览器，所以一般来说，可以以IE浏览器作为检验网页设计效果的标准。1.2非IE（内核）浏览器其他的非IE（内核）浏览器，如网景的NETSCAPE，还有OPERA和FIREFOX等在普通的个人用户中很少见。我们除了IE之外还有多种浏览器可以选择，但因为IE过于流行，很多非IE内核浏览器，对一部分网站无法正常浏览。除非客户有明确的要求，所以一般还是以IE浏览器为主。2.显示器在浏

4、览网页时，人们所能看到的页面只是15英寸或17英寸显示器屏幕的一部分。因为浏览器的工具条要占部分屏幕空间，所以像素的网页屏幕尺寸也不相同。如图4.1所示。图4.1浏览器的可用空间也就是说，浏览器的可用空间受到屏幕分辨率的影响。在目前，大多数人的显示器分辨率设置到1024X768。分辨率设置为640X480或800X600只是少数。但是考虑到以低分辨率来适应高分辨率的原则，所以很多网站还是在以800X600的分辨率下来进行制作。有些使用1024X768分辨率来制作的网站，在页眉或页脚上注明“建议分辨率为1024X768”字样。当显示器的分辨率为800X600时，浏览器的屏幕最大宽度为800

5、像素，由于默认的垂直滚动条占去20像素，同时默认的内容距离页面左右两边各有10像素的距离，所以网页的安全宽度应该为760像素。所谓“安全”是指在全屏显示的时候，浏览器是不会出现水平滚动条的。如图4.2所示，在1024X768的分辨率下浏览yahoo网站的效果。图4.2在1024X768分辨率下浏览的效果这时页面的内容宽度控制在760像素以内，大家会发现在主体内容的左右两侧会有空白的区域。当我们降低显示器的显示分辨率为800X600时，效果如图4.3所示。图4.3在800X600分辨率下浏览的效果这时网页中主体内容的宽度加上浏览器所占的宽度刚刚好等于800像素，浏览器的底部也没有出现滚动条

6、。网页看起来像是一个全屏的效果。如图4.4所示，如果把浏览器的宽度减少到800像素以内，在浏览器的底部就会出现水平的滚动条，这是因为网页的主体内容的宽度大于浏览器的内容宽度。通常来说，如果访问者需要拖拽水平滚动条才能够浏览到网页中的所有内容，那么这张网页设计的并不成功。图4.4在小于800X600分辨率下浏览的效果当显示器的尺寸一定时，分辨率越高，显示器的像素数量就越多，像素也就越小，显示的图像和网页页面元素也就越小。表4.5中给出了不同分辨率下在不同的操作系统中，IE浏览器和Netscape浏览器在显示器上能够显示的最大空间。操作系统浏览器分辨率为640X480像素分辨率为800X60

7、0像素分辨率为1024X768像素分辨率为1280X1024像素WINDOWSIE620X303像素780X423像素1004X591像素1260X847像素Netscape618X301像素778X421像素1002X589像素1258X845像素IE591X309751X429975X597像素1231X853像素Macintosh像素像素Netscape607X322像素768X442像素991X610像素1247X866像素