中国.巩义 网站设计流程

1.2.2.5 网页导航
网站导航（navigation）是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内

容。一个网站导航位置在每个页面中的位置都是一样的。网站导航表现为网站的栏目菜单设置、辅助菜单、其他在线帮

助等形式。网站导航设置是在网站栏目结构的基础上，进一步为用户浏览网站提供的提示系统，由于各个网站设计并没
有统一的标准，不仅菜单设置各不相同，打开网页的方式也有区别，有些是在同一窗口打开新网页，有些在新打开一个

浏览器窗口，因此仅有网站栏目菜单有时会让用户在浏览网页过程中迷失方向，如无法回到首页或者上一级页面等，还

需要辅助性的导航来帮助用户方便地使用网站信息。如图1.18所示。

图1.18 网页中的导航

1.2.2.6 网页的主体内容
主体内容是页面设计的主体元素。它一般是二级链接内容的标题，或者是内容提要，或者是内容的部分摘录。表现手法

一般是图像和文字相结合。它的布局通常按内容的分类进行分栏安排。页面的注意力一般按从左到右、从上到下的顺序

进行排列，所以重要的内容一般安排在页面的左上位置，次要的内容安排在右下方向。如图1.19所示。

图1.19 网页的主体内容
在HTML语言中，网页的主体内容全部制作在和标记之间。

1.2.3 网页的空间与页面尺寸
在浏览网页时，人们所能看到的页面只是15英寸或17英寸显示器屏幕的一部分。因为浏览器的工具条要占部分屏幕空间

，所以像素的网页屏幕尺寸也不相同。如图1.20所示。

图1.20 浏览器的可用空间
也就是说，浏览器的可用空间受到屏幕分辨率的影响。在目前，大多数人的显示器分辨率设置到1024X768。分辨率设置

为640X480或800X600只是少数。但是考虑到以低分辨率来适应高分辨率的原则，所以很多网站还是在以800X600的分辨

率下来进行制作。有些使用1024X768分辨率来制作的网站，在页眉或页脚上注明“建议分辨率为1024X768”字样。
当显示器的分辨率为800X600时，浏览器的屏幕最大宽度为800像素，由于默认的垂直滚动条占去20像素，同时默认的内

容距离页面左右两边各有10像素的距离，所以网页的安全宽度应该为760像素。所谓“安全”是指在全屏显示的时候，

浏览器是不会出现水平滚动条的。如图1.21所示，在1024X768的分辨率下浏览[中国.巩义]网页的效果。

图1.21 在1024X768分辨率下浏览的效果
这时页面的内容宽度控制在760像素以内，大家会发现在主体内容能够完整的显示出来。当我们降低显示器的显示分辨

率为800X600时，效果如图1.22所示。

图1.22在800X600分辨率下浏览的效果
这时网页中主体内容的宽度加上浏览器所占的宽度刚刚好等于800像素，浏览器的底部出现滚动条。在一个窗口的宽度

中，内容不能完全显示。这是因为网页的主体内容的宽度大于浏览器的内容宽度。通常来说，如果访问者需要拖拽水平

滚动条才能够浏览到网页中的所有内容，那么这张网页设计的并不成功。

1.2.4 网站的内容
网站的内容主要包括页面中需要显示的内容，在设计效果图之前就应该把内容确定下来。这个内容一般都是根据客户的

需要来确定的。由于[中国.巩义]属于设计比赛，不可能和客户面对面的交流，所以主要是根据现有的巩义网站内容来

进行设计。如图1.23所示。

图 1.23 原巩义政府网站