下面由桔子科技为大家详细解析企业网站设计与规范布局框架：

一、页面框架

企业网站的设计首先应明确页面的组织结构，通常分为Head、Main、Foot三部分。为了满足特定的功能需求，有时还会在“Head”下方加入导航菜单Men。

二、布局原则

页面布局要遵循一定的规则，与web应用的功 能区域相对应。在设计时，需要考虑用户的视觉流向，从头部开始到尾部逐渐结束。

三、页面分割

以黄金分割比例为例，将页面分为上、中、下三个部分。顶部1/3用于Head和Men区；中部左边1/3用于Sidebar区；底部1/3用于Foot区。

四、页面结构

网页各区域大小的设定有以下要求：

- Head区域：宽度采用百分比设置，高度固定；
- Men区域：配置与Head相同，高度结合Head的高度设定；
- Sidebar区域：宽度与Content区之间遵循黄金分割比例，高度按比例设置；
- Content区域：高度和宽度都按比例设置；
- Foot区域：宽度占比1%，高度固定。

五、页面展现

除了上述要求，还要注意以下方面：

- 界面能够自适应14*768、8*6等分辨率；
- 界面层次不超过层；
- 默认窗口大小下不应出现滚动条；
- 内容超出显示区时以浮动层显示；
- 利用屏幕对角线相交处和上方四分之一处吸引用户注意力。

六、页面美化

界面设计要考虑美学，协调舒适，吸引用户注意力。以下是一些建议：

- 长宽接近黄金比例，避免比例失调或宽度超过长度；
- 合理利用空间，按钮大小一致，字体协调；
- 前背景色搭配合理，字的大小与界面相匹配；
- 界面风格保持一致，控件可随窗体放大缩小；
- 支持自定义界面风格。

七、页面字体

在CSS中定义页面字体属性时，文字编码要求为UTF-8。中文采用“宋体”，英文采用“rial”或“verdana”。标题文字、导航文字、正文内容等需要根据不同级别设置字体大小。

通过以上详细解析，希望对企业网站设计与规范布局框架有更深入的了解。