以下是根据您的要求生成的新文章：

下面由桔子科技为大家详细介绍一份网络页面设计文档范本：1、页面框架

网络页面的页面框架是构成整个页面的组织结构，它通常包括以下几个部分：Head、Main和Foot。在特定的布局需求下，有时还需要添加用于页面功能导航的Men。

2、布局原则

对于网络应用来说，页面布局与网页功能的区域相对应，并且需要遵守一定的比例规则。在进行页面布局设计时，首先应当考虑用户浏览web页面的视觉流向。从视觉流向上看，用户最先看到的是页面Head部分的左侧，通常那里是标识该WEB应用的Logo。

随后，用户将观察陈列WEB应用主要功能的Men部分，用于页面导航。接下来，用户将注意到位于页面左侧的sidebar，通常这里也用于页面功能导航，与Men中的选项相呼应，内容可以通过类似树状结构的方式展示更为详细的功 能。

然后是位于页面中心位置的内容部分，最后用户的视线停留在WEB页面的底部。

3、页面分割

以上图示的布局方式为例，按照通常web页面设计时所遵循的方法，并结合黄金分割比例的方法：首先，将页面按照*的方式进行分割。在高度方向上，对上部1/3区域按照黄金分割方法分出Head和Men的区域；在宽度方向上，对中部左边1/2区域按照黄金分割方法分出sidebar的区域，剩下的空间留给content区域；在高度方向上，对下部1/3区域按照黄金分割方法分出Foot的区域。

4、页面结构

在页面的布局中，各个区域大小的定义方式是不同的。对各个功能的区域的切分是按照“像素”和“比例”方式进行的，以14*768的分辨率作为基准。其中：

Head区域：宽度按照1%设置，高度采用所占的固定像素值来确定，一般占？px；如果有Men区，则调整为？px。

Men区域：与Head的配置要求相同，宽度按照1%设置，高度结合Head的高度设置确定，一般占？px。

Sidebar区域：宽度结合与Content之间的黄金切分比例，按照固定像素的方式确定，一般占？px；高度按比例方式来设置。

Content区域：高度和宽度方向布局都按比例方式设置。

Foot区域：宽度按照1%设置，高度采用所占的固定像素值来确定，一般占？px；

5、页面展现

对于页面布局来说，除了上述要求外，还需考虑以下要求：

- 能自适应14*768、8*6两种分辨率；
- 界面层次不超过三层；
- 默认窗口设置下，不应出现水平、垂直滚动条；
- 当界面内容超出显示区域时，以浮动层的形式显示；
- 用户的感官而言，屏幕对角线相交的位置是用户直视的地方，而页面正上方四分之一处为易吸引用户注意力的位置。因此，布局设计时应注重这两个位置的元素布置。

6、页面美化

界面应大小适合美学观点，感觉协调舒适，能在有效范围内吸引用户的注意力。建议和要求：长宽接近黄金比例，忌长宽比例失调或宽度超过长度；布局要合理，不宜过于密集，也不能过于空旷，合理利用空白空间；按钮大小一致，不同页面按钮大小尽量相近，避免使用过长名称；字体大小与界面大小和空间协调；前景与背景色彩搭配合理协调。 

7、页面字体

页面字体的设置在相应的CSS中进行定义。页面文字编码要求为UTF-8。对于字体属性中字体大小的设置，需要内容的不同级别来调整。通常：“Head”中标题文字字号px；“Men”中的导航文字14px；“Sidebar”的文字1px；Content中的正文和标题字号1px或14px；“foot”中文字字号1px或1px。