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

一、HTML页面构建框架

HTML页面的构建框架是指构成完整网页的组织结构。通常包括以下几个部分：Head，Main，Foot，有时为了布局需求，在“Head”下还会增加用于页面功能导航的“Men”。

二、布局原则

对于Web应用而言，页面布局与web应用的功能区域相对应，并且对于页面中各个部分间的切分比例也需要遵守规则。页面布局的设计首先需要考虑用户在浏览网页时视觉流向上的要求：从视觉流向上来看，用户首先看到的是页面“Head”部分的左侧，通常那里是标识这个WEB应用的Logo；然后是用于页面导航的“Men”；接下来用户会看到位于页面左侧的“sidebar”，通常这里也是用于页面功能导航的，与“Men”相呼应，内容可以通过类似树状结构的方式来展示更为详细的功能；接着是处于页面中心位置的内容部分；最后用户的视线落在WEB页面的底部。

三、页面分割

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

四、页面结构

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

- Head区域：宽度按比例设置，高度采用所占的固定像素值来确定；
- Men区域：与Head的配置要求一致；
- Sidebar区域：宽度结合与Content之间的黄金切分比例确定，高度按比例设置；
- Content区域：高度和宽度方向布局均按比例设置；
- Foot区域：宽度按1%设置，高度采用所占的固定像素值来确定。

五、页面展现

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

- 能自适应1280*1024、960*640两种分辨率；
- 界面层次不超过3层；
- 默认窗口设置下，不应出现水平、垂直滚动条；
- 当界面内容超出显示区域时，以浮动层的形式显示；
- 注意利用屏幕对角线相交的位置和页面正上方四分之一处这些位置。

六、页面美化

界面应大小适合美学观点，感受协调舒适，在有效范围内引起用户注意。建议：

- 长宽接近黄金分割比例，避免长宽比例失调；
- 布局合理，空间利用得当；
- 按钮大小与界面大小和空间保持协调整体一致。

七、页面字体

页面字体的设置在相应的CSS中进行定义，文字编码要求是UTF-8。需要设置的属性包括：

- 中文采用“宋体”，英文采用“Arial”或“Verdana”；
- “Head”中标题文字，“Men”中的导航文字，“Sidebar”中的文字，“Content”中的正文，“Foot”中的文字的字体大小。

以上是我们对HTML页面构建模板的详细介绍，希望能为您的网站设计提供一定的帮助。