学 员 通 道
注册名:
密 码:
  你的位置:网校首页>>师生园地>>教师来稿

专题讲座:网页设计与构图(3)--网页空间与页面尺寸

网校教师:刘涛

  网页设计的特殊性在于其最终显示的平台是计算机的显示器,人们通过15寸或者17寸的显示器来看我们的网站,因为浏览器的工具条要占部分屏幕空间,所以在不同的显示条件下的屏幕尺寸也不相同。

  目前,大部分人使用的是15寸的显示器,其显示分辨率一般设置为800X600。显示分辨率设置为640X480或1024X768的只是少数,所以我们在进行网页设计的时候要以800X600为标准。相信大家都见到过很多网站上都有“建议分辨率为800X600”的字样吧。

A、页面的安全宽度

  我们在进行网页设计的时候都希望所有的浏览者在访问我们的网站的时候看到的都是最好的效果,不管他们是使用的什么样的操作系统,什么样的硬件设备。自己做的是什么样,访问者看上去就是什么样。但是我们要考虑到使用不同的显示器时分辨率的问题。

  当显示分辨率设置为800X600时,即浏览器的屏幕最大宽度为800像素,因为页面最右边的滚动条占去20像素,所以网页的安全宽度应该为780像素,所以,网页设计宽度只有限制在780像素以内,在用800X600分辨率的显示器浏览的时候,水平方向才能够在视屏范围。

  在网页设计中,我们可在HTML 语言里控制当前页面内所有对象距离页面左边框的距离,在默认的状态下,页面中的所有对象都距边框10像素。

如图:

  所以现在页面的安全宽度应该是760像素。

  而当我们更改了这一默认值以后,把左边距改为0的时候,HTML语法:

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0">
</body>

效果如图:

  那么这个时候的页面安全宽度应该就是780像素了。

  一般来说,我们在设计页面的时候是要避免在浏览器的窗口下方出现水平滚动条的,这样访问者必须拖拽水平滚动条才能浏览到网页的全部内容,那么这张网页设计的并不成功,且不管它是多么的漂亮。

接上一页 下一页更多精彩

 

ml>