网页的设计,首先应从尺寸开始。所谓尺寸,是页面的高度与宽度,设计者可根据实际的使用环境,将其分为不同载体。尺寸一般使用分辨率来表示,一像素单位为px,px值设置为72px用于电子屏幕显示,在印刷品上我们设置为300px,配合计量单位。目前根据载体的不同,尺寸也被区分为了电脑屏幕尺寸,手机尺寸等,列如:电脑屏幕侧重于大面积的展示体验,手机则是小屏幕的便捷显示,由于在小屏幕上观看大尺寸页面,页面字体会显得稀小,所以通常需设计两种尺寸。虽然目前流行的html5简化了这些操作,但如果想通用两种不同尺寸,也需要留意许多细节。
确定设计页面的宽度是较为容易的,但由于页面缺少自适应能力,无法根据屏幕的大小来进行缩放,这样无法全显核心区域的内容。根据市面上一般电脑的宽度,最小在1200像素左右,文字的区域被控制在1000到1200px区间内,延伸宽度为大屏幕做准备。如果无左右延伸区域,在大面积的显示上将会显示得十分紧凑。关于页面高度的设置,基于内容多或少而定,通常不应超过3屏。页面过长一是不便于浏览者观看,二是会导致页面加载缓慢,影响使用体验。因此高度在3000px内更利于浏览。