文档介绍：前端页面设计
前端页面设计
网站设计模式：MVC（modeviewcontroller）MVC模式的目的就是实现Web系统的职能分工Model层实现系统中的业务逻辑View层用于与用户的交互
Controller层是Model与Vie.............................8版本控制.............................................................9前端页面进度安排.....................................................9
5/9
任我游门户前端交互页面设计要求

为规范管理前端页面设计，提高页面加载速度，改善用户体验，便于项目的维护、更新和升级，特制定此标准。

统一使用UTF-8编码

HTML、CSS、JS文件都要写上注释。
HTML注释：结构体比较大时，分别在开始标签和结束标签写上注释(如：…)；每个单独完整的结构体可以在开始和结束标签写上功能名称(如：…)。
CSS注释：在css的文件的头部写上创建日期、修改内容等注释信息；每段HTML结构样式写上区块名称（如：/******toolbarstart******/…/******toolbarend******/）。
JS注释：在js的头部写上创建日期、修改内容等注释信息；在每个function写上注释说明；功能复杂的functon在内部注释说明。

合理的结构布局可以提高页面的加载速度，使浏览器兼容性更强，可读性更好，有利于html元素结构的重用和封装。
6/任我游门户前端交互页面设计要求

HTML5标准是目前web的发展方向，虽然HTML5中的元素目前并不为所有浏览器所支持，但HTML5文档结构定义各浏览器都可以在标准模式下解析页面，而不需要指定某个类型的DTD。

页面统一使用DIV布局结构，谨慎使用表格（尽量不用），最少化iframe数量。

表达式计算开销很大，影响web加载性能；暴露了一个脚本执行环境，CSS表达式就构成了一个可能的脚本注入攻击方向；IE8的标准模式不再支持CSS表达式。

为了减少页面http的请求数量，加快web页面请求速度，特别是样式中使用的图片比较多，给页面加载带来了负担。把样式中使用的图片归类并合并在一起，使用时用位置点来控制显示区域。

外部引用css文件有可能被浏览器缓存起来，不用每次都去服务器请求。内部引用css文件，有可能包含在动态的html文档结构中，每次都要从服务请求下载，影响了web加载速度。

css放在页面要顶部，可以加快页面渲染速度，改善用户体验。
7/任我游门户前端交互页面设计要求

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k)，它兼容CSS3，还兼容各种浏览器（+,+,Sa