agropages世界农化网前台设计规范.docVIP

A 前台设计规范 版本：0.1 编写：C.G 起始日期：2010.4.1 状态：当前通用 修订： 最后修订日期： 第一部分 WUI规范 1.标准色及其常用色 2.Logo及其使用 标准Logo图形及布局如上，非特殊应用环境不得随意更改布局及内容、颜色。 3.前台设计总体要求 前台设计应遵循以下几点： 简洁、自然、清新 风格统一、布局合理 用户体验需做到：易用、好用 结构合理，逻辑性强 保持创新、适应社会化 与VI、平面印刷、媒体广告等保持统一 有吸引力 页面设计重在排版 图形应用合理 Flash不宜过多 保持兼容性 适用于不同应用平台 可靠性、无障碍设计 使用已经成熟的技术与手段 内容才是王道 第二部分 文件命名规范 1.文件夹命名规范 文件夹命名采用英文制命名方式。 例如：样式表文件夹可用style，脚本文件夹可用js或javascript，图片文件夹可用images，flash文件夹用flash，xml文件夹用xml。 2.文件命名规范 文件命名同样采用英文制命名。 Xhtml文件常用命名：index header footer page sidebar single post archive detail search Css文件常用命名：global style default 注意，各频道就有各频道的区分规则。例如news频道下的命名则应为： Xhtml: news_index.html Css: news_style.css 第三部分 代码编写规范 1.Xhtml 编写规范 要求代码简洁清晰，排版美观，易于阅读。在文本编辑器中打开应该呈波浪型。便于修改，注释清晰明了。 遵循W3C的xhtml1.1标准，页面需通过W3C验证。 兼容于多平台，不同浏览器，至少需要验证IE6 IE7 IE8 Firefox2+ Firefox3+ Safari4 Opera9+。 代码层级结构不宜过多，正常情况下DIV嵌套不得多于5层。 代码缩进全部采用TAB。 全部采用英文小写和数字 2.CSS编写规范 要求代码简洁清晰，排版美观，易于阅读。在文本编辑器中打开应该呈波浪型。便于修改，注释清晰明了。 遵循W3C的CSS2.1标准，代码需通过W3C验证。 兼容于多平台，不同浏览器，至少需要验证IE6 IE7 IE8 Firefox2+ Firefox3+ Safari4 Opera9+。 尽可能的少用css滤镜与hacker。 样式命名用英文小写。子样式命名用下划线，例如：header_menu 合理使用ID与CLASS，不能全用ID，也不能全用CLASS。 合理应用CSS的继承性。 不同的频道，不同的应用需要进行不同的定义，以避免后期修改导致出错。 不要在CLASS和ID前定义元素。 注意CSS的优先级 不要重复定义可继承的值 CSS代码缩进全部采用TAB。 附录：用户体验的五个层次 　　战略层——网站目标和用户需求 　　成功的用户体验，其基础是一个被明确表达的“战略”。知道企业与用户双方对网站的期许和目标， 有助于确立用户体验各方面战略的制定。然而回答这些看似简单的问题却不如说起来那么容易。 　　范围层——功能规格和内容说明 　　带着“我们想要什么”、“我们的用户想要什么的”的明确认识，我们就能弄清楚如何去满足所有这 些战略的目标。当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。 　　结构层——交互设计与信息架构 　　在收集完用户需求并将其排列好优先级别之后，我们对于最终展品将会包括什么特性已经有了清楚的 图像。然而，这些需求并没有说明如何将这些分散的片段组成一个整体。这就是范围层的上面一层：为网站创建一个概念结构。 　　框架层——界面设计、导航设计和信息设计 　　在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求。在框架 层，我们要更进一步地提炼这些结构，确定很详细的界面外观、导航和信息设计，这能让美色的结构变得更实在。 　　表现层——视觉设计 　　在这个五层模型的顶端，我们把注意力转移到网站用户会先注意到的那些方面：视觉设计，这里，内 容、功能和美学汇集到一起来产生一个最终设计，这将满足其他四个层面的所有目标。 浅埋暗挖隧道工艺标准 1.竖井 1.1适用范围： 本章适用于浅埋暗挖隧道开挖的竖井由格栅钢架、钢筋网片、喷射混凝土联合组成初期支护的施工及验收。 1.2编制参考标准及规范 《地下铁道工程施工及验收标准》GB50299-1999 《铁路隧道施工规范》TB10204-2002 J163-2002 1.3术语 （1）圈梁：竖井棚架支护底座的钢筋混凝土结构。 （2）竖井棚架：采用工字钢等型钢焊接成型的吊装骨架，用于提升、倒运竖井及隧道内垃圾和各种材料