页面设计规范

《页面设计规范》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、页面开发规范文档属性：属性文档属性文档主题：页面开发规范文档编号：文档版本：版本号(如：V1.0)版本日期：2009-12-30文档状态：文档变更版本修订日期修订人描述V1.02009-1-23吕勇创建文档网购第12页共12页页面开发规范页面开发规范网购第12页共12页页面开发规范目录1概述.............................................................................................................................

2、.............31.1背景....................................................................................................................................31.2目的..................................................................................................................

3、..................32规范细则...................................................................................................................................32.1页面设计意图明确........................................................................................................

4、......32.2页面HTML代码结构清晰，易于阅读和研发嵌入程序代码..................................................42.3页面流程清晰，指向明确...................................................................................................62.4页面制作规范及其细节，增强seo效果.................................................

5、..............................62.5页面id,class及其css命名规范参考，提高团队开发效率和方便管理...................................6网购第12页共12页页面开发规范1概述1.1背景不规范的页面，会存在很多的冗余代码、结构不合理等现象，将对研发的嵌套工作造成了一些影响，HTML页面代码的易读性较差。1.2目的规范HTML页面：1.减少冗余代码2.提高代码的易读性3.逐步提高设计师对代码的理解，能够和开发工程师更好的交互4.让页面更优化，高效让用户能够更好的体验.

6、2规范细则2.1页面设计意图明确1）页面标题明确，能清晰反映本页面策划功能，禁止“无标题文档”，“标题1”，“标题2”等归属不明确标题2）页面文字描述清晰，和产品策划人员沟通确认页面文字描述3）同项目中不同页面中相同或者相似功能页面文字描述保持一致性2.2页面HTML代码结构清晰，易于阅读和研发嵌入程序代码网购第12页共12页页面开发规范1）HTML代码分区明确在页面的每一个功能分区前后加入标记，说明此区块的功能指向，例如网购第12页共12页页面开发规范2）代码

7、结构清晰明确，要求HTML标签的开始和结束对齐，合理换行，代码缩进符合规范的代码：网购第12页共12页页面开发规范这里是内容区域这里是内容区域网购第12页共12页页面开发规范不符合规范的代码：这里是内容

8、区域这里是内容区域这里是内容区域