程序员工作大概流程.doc

程序员作业指导书1、 目的：为了更好的满足客户对网站页面的要求；2、 范围：适应于程序员；3、 流程说明3.1客户提出网站功能的要求；3.2网页程序员根据客户的要求，设计动态功能；3.3项目负责人对设计的页面进行审核，如果符合要求交给客户审核，如不符合要求，则返回给程序员重新修改；3.4 客户对页面进行审核，如果符合要求，须填写网页功能确认书，如不符合要求，则返回给程序员重新制作；3.5、程序员完成的静态页面和后台程序进行整合。4、 XHTML编码规范（1）使用过度的（Transitional）XHTML1.0DTD编写网页。每个HTML页面的基本结构必须是：无标题文档 内容（3）CSS和JavaScript必须使用外部调用的方式。例如：（4） 所有的标记都必须要有一个相应的结束标记。所有标签必须关闭。假如是单独不成对的标签，在标签最后加一个/来关闭它。例如：或者所有标签的元素和属性的名字都必须使用小写。所有的标签和属性都要用小写。例如：要写成onMouseOver=”要写成onmouseover=”所有的XHTML标记都必须合理嵌套。也就是说所有的标签必须对齐。例如不能出现而要是所有的属性必须用引号括起来。必须修改为：不要在注释内容中使“”， 一定要使用可用“=”代替。“”只能发生在XHTML注释的开头和结束，例如：要改为使用语义标签。每个区块的划分必须有注释。表现与结构分离，代码中严格控制涉及任何的表现元素。如style、font、bgColor、border等。标签必须有alt属性。5、CSS编码规范1)、 总体规范CSS代码要按照固定格式编写，属性之间不换行。属性按照“显示属性”（display ?list-style? position? float? clear）“自身属性”（width? ?height? ?margin? padding? border? ?background ）“文本属性”（color font text-decoration text-align vertical-align white-space other text content）的顺序来编写。按照XHTML的层级来缩进CSS的定义。加强代码的结构性。如：#nav #nav #sub_nav不同的块之间要用空行或者注释隔开。编写的样式要在主流浏览器中解析正常。（正常并不要求在每种浏览器都有中都有一摸一样的样式，但要求在每种浏览器里都比较美观且相差不大。）2)、 CSS样式表各区块用注释说明 注释的写法: /* Footer */ 内容区 /* End Footer */3)、 CSS选择器的命名规范 id和class命名采用该版块的英文单词或组合命名，要做到见名之意，单词之间采用下划线链接new_Release。注意不能采用“驼峰标识”的写法。颜色:使用颜色的名称或者16进制代码,如.red color: red; .ff8600 color: #ff8600; 字体大小,直接使用font_字体大小作为名称,如.font_12px font-size: 12px; .font_9pt font-size: 9pt; 对齐样式,使用对齐目标的英文名称,如.left float:left; .bottom float:bottom; 标题栏样式,使用类别_功能的方式命名,如.bar_news .bar_product 页面结构容器 布局 头部 尾部 侧栏 #container #layout #head、#header #foot、#footer #sidebar 左边栏 右边栏 页面主体 栏目 包装/外套 #sidebar_left #sidebar_right #main #column #wrapper、wrap 内容 #content导航导航 主导航 顶导航 左导航 右导航 #nav #main_nav #top_nav left_nav right_nav 下导航 二级导航 菜单 二级菜单 下拉 bottom_nav #sub_nav #menu #sub_menu .drop 下拉菜单 . drop_menu功能标签 提示信息 小技巧 注释 热点 .tab、.tag .msg、.message .tips .note .hot 标签 工具条 标题 LOGO 搜索 .label .tool、.tool_bar .title .logo .search 搜索条 搜索框 搜索输入框 搜索输出框 搜索结果 .search_bar .search_box .search_input .search_output .search_results 注册 登录 登录条 登录框 友情链接 .register .login .login_bar .login_box .friend_link 广告/标语 版权信息 加入我们 合作伙伴 服务 .banner .copyright .join_us .partner .service 网站地图 缩略图 产品 产品价格 产品描述 .site_map .screen_shot products products_prices products_description 编辑 编辑评论 editor editor_review 其他左中右 上中下 按钮 面包屑 滚动 left、center、right top、middle、bottom btn bread_crumb scroll 当前： 图标 箭头 首页 二级页面 current icon arrow home_page sub_page 状态 常见问题 关键词 status faq keyword4)、 CSS文件命名规范基本的样式表，每个文件都要引用的命名为： default.css。该文件用于定义整站的风格，如站点的默认字体大小，默认链接样式等。用于布局的样式表命名为：layout.css。一般分为首页布局，二级页面布局，详细页面布局等几个块，块与块之间要用注释隔开。头部，底部，导航等单独的页面模块要单独的定义一个CSS文件。名称和页面名称相同。如：head.css首页要单独定义一个CSS文件：index.css。其他页面可更具情况共用一个或按照网站栏目共用几个CSS文件。如：page.css、news.css等等。特殊功能可以单独定义一个CSS文件，4.6.21 如lightBox.css。5) 、JavaScript编码规范JavaScript文件JavaScript程序应独立保存在后缀名为.js的文件中。JavaScript代码不能被包含在HTML文件中,除非这是段特定只属于此部分的代码。JavaScript引用应尽量放到body的后面。这样可以减少因为载入JavaScript而造成其他页面内容载入也被延迟的问题。注释代码必须有注释。以便给以后需要理解你的代码的人们(或许就是你自己)留下信息。注释要和所注释的代码一样是书写良好且清晰明了。避免冗长或者情绪化。及时地更新注释。避免错误的注释存在于程序中。变量声明所有的变量必须在使用前进行声明。将var语句放在函数的首部。把每个变量的声明语句单独放到一行,并加上注释说明。 var currentEntry; / 当前选择项 var level; / 缩进程度 var size; / 表格大小函数声明所有的函数在使用前进行声明。 内函数的声明跟在var语句的后面。函数名与(左括号)之间不要有空格。)(右括号)与 开始程序体的(左大括号)之间应插入一个空格。函数程序体应缩进一个TAB键。(右大括号)与声明函数的那一行代码头部对齐。 function outer(c, d) var e = c * d; function inner(a, b) return (e * a) + b; return inner(0, 1); 命名变量名由26个大小写字母(A.Z,a.z),10个数字(0.9),和_(下划线)组成。大多数的变量名和方法命应以小写字母开头。必须与new共同使用的构造函数名应以大写字母开头。全局变量要全部大写。语句简单语句每一行最多只包含一条语句。把;(分号)放到每条简单语句的结尾处。注意一个函数赋值或对象赋值语句也是赋值语句,要以分号结尾。复合语句复合语句是被包含在 (大括号)的语句序列。被括起的语句必须多缩进一个TAB键。 (左大括号)应在复合语句其实行的结尾处。 (右大括号)应与(左大括号)的那一行的开头对齐大括号要在所有复合语句中使用,即使只有一条语句,当它们是控制结构的一部分时, 比如一个if或者for语句。这样做可以避免以后添加语句时造成的错误。return 语句一条有返回值的return语句不要使用( )(括号)来括住返回值。如果返回表达式,则表达式应与return 关键字在同一行。if 语句if语句应如以下格式: if (condition) statements; if (condition) statements; else statements; if (condition) statements; else if (condition) statements; else statements; for 语句for语句应如以下格式: for (initialization;condition; update) statements; for (variable in object)if (filter) statements; 第一种形式的循环用于已经知道相关参数的数组循环。第二种形式应用于对象中。object原型中的成员将会被包含在迭代器中。通过预先定义hasOwnProperty方法来区分真正的object成员： for (variablein object) if (object.hasOwnProperty(variable) statements; while 语句while语句应如以下格式: while (condition) statements; do 语句do语句应如以下格式: do statements; while (condition);不像别的复合语句,do语句总是以;(分号)结尾。 switch 语句switch语句应如以下格式: switch (expression) case expression: statements; default: statements; 每个 case与switch对齐。每一组statements(除了default应以 break,return,或者throw结尾。不要让它顺次往下执行。try 语句try语句应如以下格式: try statements; catch (variable) statements; try statements; catch (variable) statements; finally statements; continue 语句避免使用continue语句。它容易使得程序的逻辑过程晦涩难懂。with 语句不要使用with语句。空白用空行来将逻辑相关的代码块分割开可以提高程序的可读性。空格应在以下情况时使用:跟在(左括号)后面的关键字应被一个空格隔开。while (true) 函数参数与(左括号)之间不要有空格。这能帮助区分关键字和函数调用。所有的二元操作符,除了.(点) 和(左