- 网页配色设计手册(写给设计师的书)
- 孙芳编著
- 1130字
- 2025-02-16 19:13:53
1.3 网页的构成
网页虽然形式上千差万别,但是主要的构成要素却大同小异。通常,网页是由标题栏、网站Logo、页眉、页脚、导航和主体内容构成的。

1.3.1 网页的尺寸
网页的局限性在于它无法突破显示器的显示范围,在本来就局促的空间中,浏览器也占去了不少空间,所以网页屏幕尺寸也不相同。

也就是说,浏览器中的可用空间受到屏幕分辨率的影响。大多数人将显示器分辨率设置为1024×768像素。分辨率设置为640×480像素或800×600像素的只是极少数。但是,考虑到以低分辨率来适应高分辨率的原则,所以很多网站还是在800×600像素的分辨率中进行制作。有些使用1024×768像素分辨率制作的网站,在页眉或页脚上会注明“建议分辨率为1024×768”字样。
当显示器的分辨率为800×600像素时,浏览器的屏幕最大宽度为800像素,由于默认的垂直滚动条占20像素,默认的内容距离页面左右边各10像素,所以网页的安全宽度应该为760像素。所谓“安全”,是指在全屏显示的时候,浏览器是不会出现水平滚动条的。

若把浏览器的宽度减少到800像素以内,在浏览器的底部就会出现水平的滚动条,这是因为网页主体内容的宽度大于浏览器内容的宽度。
通常来说,如果访问者需要拖曳水平滚动条才能够浏览到网页中的所有内容,那么这张网页的设计就是不成功的。

1.3.2 网页标题
网页标题是对一个网页的高度概括,每一个网站中的每个页面都有一个标题,用来提示页面中的主要内容。它的主要作用是引导访问者清楚地浏览网站中的内容。

1.3.3 网站的Logo
在IT领域,Logo是标志、徽标的意思,主要的用途是与其他网站链接以及作为网站的标志。图形化形式(特别是动态)的Logo链接,比文字形式的链接更能引起人们的注意。
为了便于Internet上信息的传播,采用统一的国际标准是必要的。关于网站的Logo,目前有三种规格。
◆ 88×31像素:这是互联网上最普遍的Logo规格。
◆ 120×60像素:这种规格用于一般大小的Logo。
◆ 120×90像素:这种规格用于大型Logo。

1.3.4 网页页眉
网页页眉指的是页面顶端的部分,有的页面划分比较明显,有的页面没有明确区分。通常情况,页眉的设计风格与整体页面风格一致,富有变化的页眉有与网站Logo一样的标志作用。页眉位置的吸引力较高,大多数网站创建者在此设置网站的宗旨、宣传口号、广告标语等。

1.3.5 网页页脚
网页的页脚位于页面的底部,通常用来标注站点所属公司的名称、地址、网站版权信息、邮件地址等信息,使用户能够从中了解该站点所有者的基本情况。

1.3.6 网页导航
网页导航是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容。网页导航在每个网页中的位置都是不同的。网页导航表现为网站的栏目菜单设置、辅助菜单和其他在线帮助等形式。

1.3.7 网页的主体内容
主体内容是网页设计的元素。它一般是二级链接内容的标题,或是内容提要,或是内容的部分摘录。其表现手法一般是图像和文字相结合。
