程序员主要工作流程如下：迹轮
1、流程说明：
⑴客户提出网站功能的要求；
⑵网页程序员根据客户的要求，设计动态功能；
⑶项目负责人对设计的页面进行审核，如果符合要求交给客户审核，如不符合要求，则返回给程序员重新修改；
⑷客户对页面进行审核，如果符合要求，须填写网页功能确认书，如不符合要求，则返回给程序员重新制作；
⑸程序员完成的静态页面和后台程序进行整合。
2、XHTML编码规范
（1）使用过度的（Transitional）XHTML1.0DTD编写网页。
每个HTML页面的基本结构必须是：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312"/>
<title>无标题文档</title>
<meta name="keywords"content="">
<meta name="Description"content="">
</head>
<body>
内容
</body>
</html>
（3）CSS和JavaScript必须使用外部调用的方式。
例如：
<link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”text/css”media=”all” />
<script type=”text/javascript”src=“javascript.js”></script>
（4） 所有的标记都必须要有一个相应的结束标记。
所有标签必液笑须关闭。假如是单独不成对的标签，在标签最后加一个"/"来关闭它。例如：
<div>…</div>
或者
<br /><img alt="…" src="…" />
所有标签的元素和属性的名字都必须使用小写。
所有的标签和属性都要用小写。例如：
<BODY></BODY>
要写成
<body></body>
onMouseOver=”…”
要写成
onmouseover=””
所有的XHTML标记都必须合理嵌套。
也就是说所有的标签必须对齐。例如不能出现
<p><b>…</p></b>
而要是
<p><b>…</b></p>
所有的属性必须用引号""括起来。
<height=80>必须修改为：<height="80">
不要在注释内容中使“–”， 一定要使用可用“=”代替。
“–”只能发生在XHTML注释的开头和结束，例如：
<!–这里是注释———–这里是注释–>
要改为
<!–这里是注释============这里是注释–>
使用语义标签。
每个区块的划分必须有注释。
表现与结构分离，代码中严格控制涉及任何的表现元素。如style、font、bgColor、border等。
<img />标签必须有alt属性。
3、CSS编码规范
⑴、 总体规范
CSS代码要按照固定格式编写，属性之间不换行。
属性按照“显示属性”（display ?list-style? position? float? clear）——“自身属性”（width? ?height? ?margin? padding? border? ?background ）——“文本属性”（color fonttext-decoration text-align vertical-align white-space other text content）的顺序来编写。
按照XHTML的层级来缩进CSS的定义。加强代码的结构性。如：
#nav{}#nav #sub_nav{}
不同的块之间要用空行或者注释隔开。
编写的样式要在主流浏览姿埋信器中解析正常。（正常并不要求在每种浏览器都有中都有一摸一样的样式，但要求在每种浏览器里都比较美观且相差不大。）
⑵、 CSS样式表各区块用注释说明
注释的写法:
/* Footer */
内容区
/* End Footer */
⑶、 CSS选择器的命名规范
id和class命名采用该版块的英文单词或组合命名，要做到见名之意，单词之间采用下划线链接new_Release。注意不能采用“驼峰标识”的写法。
颜色:使用颜色的名称或者16进制代码,如
.red { color: red}
.ff8600 { color: #ff8600}
字体大小,直接使用"font_字体大小"作为名称,如
.font_12px { font-size: 12px}
.font_12px {font-size: 12px}
对齐样式,使用对齐目标的英文名称,如
.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 keyword
⑷、 CSS文件命名规范
基本的样式表，每个文件都要引用的命名为： default.css。
该文件用于定义整站的风格，如站点的默认字体大小，默认链接样式等。
用于布局的样式表命名为：layout.css。
一般分为首页布局，二级页面布局，详细页面布局等几个块，块与块之间要用注释隔开。
头部，底部，导航等单独的页面模块要单独的定义一个CSS文件。名称和页面名称相同。如：head.css
首页要单独定义一个CSS文件：index.css。
其他页面可更具情况共用一个或按照网站栏目共用几个CSS文件。如：page.css、news.css等等。
特殊功能可以单独定义一个CSS文件，4.6.21如lightBox.css。
⑸ 、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 (initializationconditionupdate) {
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) {函数参数与((左括号)之间不要有空格。这能帮助区分关键字和函数调用。所有的二元 *** 作符,除了.(点) 和((左括号)和 [(左方括号)应用空格将其与 *** 作数隔开。一元 *** 作符与其 *** 作数之间不应有空格,除非 *** 作符是个单词,比如typeof。每个在控制部分,比如for 语句中的(分号)后须跟一个空格。每个,(逗号)后应跟一个空格。
4、 根据效果图利用XHTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。
5、 开发JavaScript以及Flash模块，
6、 增加交互动态功能。致力于通过技术改善用户体验。
7、 结合后台程序，
8、从后台接口获取数据整合到前台界面显示。
参考资料：http://wenku.baidu.com/view/0d632cd576eeaeaad1f330a0.html
程序设计步骤过程：孙轿1、 分析问题，抽象出描述问题的数据模型；
2、 确定问题的算法思想；
3、 画出流程图或结构图；
4、 分配存储器和工作单元（寄存器）；
5、 逐条编写程序；
6、 静态检查，上机调试。扩展资料
程序设计是给出解决特定问题程序的过程，是软件构则带肆造活动中的重要组成部分。程序设计往往以某种程序设计语言为工具，给出这种语言下的程序。程序设计过程应当包括分析、设计、编码、测试、排错等不同阶段。专业的'程序设计人员常被称为程序员。
任何设计活动都是在各种约束条件和相互矛盾的需求之间寻求一种平衡，程序设计也不例外。在计算机技术发展的早期，由于机器资源比较昂贵，程序的时间和空间代价往往是设计关心的主要因素；随着硬件行闷技术的飞速发展和软件规模的日益庞大，程序的结构、可维护性、复用性、可扩展性等因素日益重要。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）