前端交互页面设计要求

1、项项目名称 任我游门户项目型号面设计要求 年月日版本号版本号1.0 创建更改日期2012-2-1更改人李祖玉式创建更改内容. .1.规范说明42.编码方式4用 CSS expressions65.2.合并样式中图片66.2.JS 尽量放在页面底部77.MyGou 静态文件目录结构7 和升级，特制定此标准。. . container start - )；每个单独完整的结构体 可以在开始和结束标签写上功能名称(如： )。CSS 注释：在 css 的文件的头部写上创建日期、修改内容等注释信息；每段HTML 结构 样式写上区块名称(如： /* toolbar start*/* toolbar end*

2、/)。 HTMLwebHTML所有浏览器所支持，但 HTML5 文档结构定义各浏览器都可以在标准模式下解析页面，而不需要指 页面统一使用 DIV 布局结构，谨慎使用表格(尽量不用)，最少化 iframe 数量。5.1. 避免使用 CSS expressions表达式计算开销很大，影响web 加载性能；暴露了一个脚本执行环境， CSS 表达式就 5.2. 合并样式中图片为了减少页面的请求数量，加快web 页面请求速度，特别是样式中使用的图片比较多， 外部引用 css 文件有可能被浏览器缓存起来，不用每次都去服务器请求。内部引用css 文件，有可能包含在动态的 html 文档结构中，每次都要从服务

3、请求下载，影响了web 加载 css 放在页面要顶部，可以加快页面渲染速度，改善用户体验。6.1. 统一使用 Jquery 框架 9.0+)。 jQuery 使用户能更方便地处理 HTML documents、events、实现动画效果，并且方 ml. . 6.2. JS 尽量放在页面底部 渲染，改善用户体验。Gou为了规范和管理静态文件，页面中所有的静态文件以模块的方式存放在不同的文件夹 便于日后的管理和维护。static/mygou/(js|css|image|html|falsh)/common公共文件夹static/mygou/(js|css|image|html|falsh)/acc

4、ountXX 模块(用户注册、用户登录、忘码等)static/mygou/(js|css|image|html|falsh)/user用户模块(添加好友，删除好友，管理好友列表，管理好友分组，添加分组，删除分组，移动分组等)static/mygou/(js|css|image|html|falsh)/equip设备模块(添加设备，删除设备，设备升级提醒等)static/mygou/(js|css|image|html|falsh)/notice消息模块(管理消息列表，回复消息，删除消息等)static/mygou/(js|css|image|html|falsh)/waypoint航点模块(添加航点，删除航点，管理航点列表，航点分组，航点分组管理，管理航点分组列表等)每次提交的版本，必须带有版本号，对每次提交的内容有较好的版本控制。进度2013-02-06完成首页和一张内页设计稿供评审使用2013-02-08整体风格确认通