网站开发的规则与规范.pptx

网站开发的规则与规范
姓名:王浩涌
办公地点:北校区1号楼419
信息工程学院信息系
Email:1290380237@
代码松耦合,高度模块化;将页面内的元素视为一个个的模块,相互独立;从HTML、CSS、JavaScript三个层面全面考虑模块化。
良好的注释。
注意代码的弹性;在保证弹性的基础上,适当优化性能。
严格按照规范编写代码。
写在规则前面的话
项目的可维护性第一。我们并不是一个人在做事。
公共组件一人设计和维护,各子频道专人设计和维护。
视觉设计师完成设计图后,要先和交互设计师沟通,确定设计的可行性。
由交互设计师对照视觉设计师的设计图写出需求说明。然后由设计公共组件的前端工程师参照设计图和需求说明提取公共组件。最后再将需求说明和公共组件说明提交给各个频道相应的前端工程师。
各频道前端设计师如果在制作过程中发现有高度重用的模块,却未被加入到公共组件中,需要向公共组件工程师进行说明,然后由公共组件工程师决定是否添加该组件。
公共组件工程师要对公共组件形成具有配套图片和详尽文字的说明文档。
分工合作
项目的可维护性第一。我们并不是一个人在做事。
公共组件因为高度重用,命名从简,不要加前缀。
各栏目的响应代码,需加前缀,前缀为工程师姓名拼音的首字母。
模块组件化,组件中的Class和Id应该采用“骆驼命名法”和“下划线命名法”相结合的方式,单词之间用大写字母分隔,从属关系用下划线分隔。
命名清晰,长命名可以保证不会产生冲突。
命名要有意义,不要使用没有意义的命名。
命名规则
项目的可维护性第一。我们并不是一个人在做事。
公共组件和各栏目的维护者都需要在文件头部加上注释说明:
/*************************
*文件用途说明;
*作者姓名和联系方式;
*制作日期及版本;
*************************/
大的模块注释方法:
//=============
//代码用途
//=============
小的注释:
//代码说明
注释要单独占一行,不要再代码后面的同一行内加注释。
注释规则
项目的可维护性第一。我们并不是一个人在做事。
网站文件应该完全遵守Web标准,做到HTML、CSS、JavaScript完全分离。
全站所有文件要使用相同的DTD文件类型,建议使用严格型。
各个文件应该统一使用UTF-8编码,遵守HTML最新标准。
严格实现标签语义化,在保证弹性的基础上尽量减少嵌套的层数。
为方便服务器端程序员套用模板,需要为每个HTML模块添加功能注释。
HTML规范
项目的可维护性第一。我们并不是一个人在做事。
+。
Reset建议采用YUI的CSS Reset。
,。
为方便组件模块化和提高重用性,要多用Class少用Id,要多用组合少用子选择器。
严格区分作为内容的图片和作为背景的图片。背景图片要采用CSS Sprite技术