程序员作业指导书Word文件下载.doc
- 文档编号:3989543
- 上传时间:2023-05-02
- 格式:DOC
- 页数:7
- 大小:23KB
程序员作业指导书Word文件下载.doc
《程序员作业指导书Word文件下载.doc》由会员分享,可在线阅读,更多相关《程序员作业指导书Word文件下载.doc(7页珍藏版)》请在冰点文库上搜索。
title>
无标题文档<
/title>
metaname="
keywords"
"
Description"
/head>
body>
内容
/body>
/html>
(3)CSS和JavaScript必须使用外部调用的方式。
例如:
linkrel=”stylesheet”rev=”stylesheet”href=”css/style.css”type=”text/css”media=”all”/>
scripttype=”text/javascript”src=“javascript.js”>
/script>
(4)所有的标记都必须要有一个相应的结束标记。
所有标签必须关闭。
假如是单独不成对的标签,在标签最后加一个"
/"
来关闭它。
div>
…<
/div>
或者
br/>
imgalt="
…"
src="
所有标签的元素和属性的名字都必须使用小写。
所有的标签和属性都要用小写。
BODY>
/BODY>
要写成
onMouseOver=”…”
onmouseover=””
所有的XHTML标记都必须合理嵌套。
也就是说所有的标签必须对齐。
例如不能出现
p>
b>
/p>
/b>
而要是
所有的属性必须用引号"
括起来。
height=80>
必须修改为:
height="
80"
不要在注释内容中使“–”,一定要使用可用“=”代替。
“–”只能发生在XHTML注释的开头和结束,例如:
–这里是注释———–这里是注释–>
要改为
–这里是注释============这里是注释–>
使用语义标签。
每个区块的划分必须有注释。
表现与结构分离,代码中严格控制涉及任何的表现元素。
如style、font、bgColor、border等。
img/>
标签必须有alt属性。
5、CSS编码规范
1)、总体规范
CSS代码要按照固定格式编写,属性之间不换行。
属性按照“显示属性”(display?
list-style?
position?
float?
clear)——“自身属性”(width?
?
height?
?
margin?
padding?
border?
background)——“文本属性”(colorfonttext-decorationtext-alignvertical-alignwhite-spaceothertextcontent)的顺序来编写。
按照XHTML的层级来缩进CSS的定义。
加强代码的结构性。
如:
#nav{}#nav#sub_nav{}
不同的块之间要用空行或者注释隔开。
编写的样式要在主流浏览器中解析正常。
(正常并不要求在每种浏览器都有中都有一摸一样的样式,但要求在每种浏览器里都比较美观且相差不大。
)
2)、CSS样式表各区块用注释说明
注释的写法:
/*Footer*/
内容区
/*EndFooter*/
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_navleft_navright_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_shotproductsproducts_pricesproducts_description
编辑编辑评论
editoreditor_review
其他
左中右上中下按钮面包屑滚动
left、center、righttop、middle、bottombtnbread_crumbscroll
当前:
图标箭头首页二级页面
currenticonarrowhome_pagesub_page
状态常见问题关键词
statusfaqkeyword
4)、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语句放在函数的首部。
把每个变量的声明语句单独放到一行,并加上注释说明。
varcurrentEntry;
//当前选择项
varlevel;
//缩进程度
varsize;
//表格大小
函数声明
所有的函数在使用前进行声明。
内函数的声明跟在var语句的后面。
函数名与((左括号)之间不要有空格。
)(右括号)与开始程序体的{(左大括号)之间应插入一个空格。
函数程序体应缩进一个TAB键。
}(右大括号)与声明函数的那一行代码头部对齐。
functionouter(c,d){
vare=c*d;
functioninner(a,b){
return(e*a)+b;
}
returninner(0,1);
}
命名变量名由26个大小写字母(A..Z,a..z),10个数字(0..9),和_(下划线)组成。
大多数的变量名和方法命应以小写字母开头。
必须与new共同使用的构造函数名应以大写字母开头。
全局变量要全部大写。
语句
简单语句
每一行最多只包含一条语句。
把;
(分号)放到每条简单语句的结尾处。
注意一个函数赋值或对象赋值语句也是赋值语句,要以分号结尾。
复合语句
复合语句是被包含在{}(大括号)的语句序列。
被括起的语句必须多缩进一个TAB键。
{(左大括号)应在复合语句其实行的结尾处。
}(右大括号)应与{(左大括号)的那一行的开头对齐大括号要在所有复合语句中使用,即使只有一条语句,当它们是控制结构的一部分时,比如一个if或者for语句。
这样做可以避免以后添加语句时造成的错误。
return语句
一条有返回值的return语句不要使用()(括号)来括住返回值。
如果返回表达式,则表达式应与return关键字在同一行。
if语句
if语句应如以下格式:
if(condition){
statements;
if(condition){
}else{
}elseif(condition){
for语句
for语句应如以下格式:
for(initialization;
condition;
update){
for(variableinobject)if(filter){
第一种形式的循环用于已经知道相关参数的数组循环。
第二种形式应用于对象中。
object原型中的成员将会被包含在迭代器中。
通过预先定义hasOwnProperty方法来区分真正的object成员:
for(variableinobject)if(object.hasOwnProperty(variable)){
while语句
while语句应如以下格式:
while(condition){
do语句
do语句应如以下格式:
do{
}while(condition);
不像别的复合语句,do语句总是以;
(分号)结尾。
switch语句
switch语句应如以下格式:
switch(expression){
caseexpression:
default:
每个case与switch对齐。
每一组statements(除了default应以break,return,或者throw结尾。
不要让它顺次往下执行。
try语句
try语句应如以下格式:
try{
}catch(variable){
}finally{
continue语句
避免使用continue语句。
它容易使得程序的逻辑过程晦涩难懂。
with语句
不要使用with语句。
空白
用空行来将逻辑相关的代码块分割开可以提高程序的可读性。
空格应在以下情况时使用:
跟在((左括号)后面的关键字应被一个空格隔开。
while(true){函数参数与((左括号)之间不要有空格。
这能帮助区分关键字和函数调用。
所有的二元操作符,除了.(点)和((左括号)和[(左方括号)应用空格将其与操作数隔开。
一元操作符与其操作数之间不应有空格,除非操作符是个单词,比如typeof。
每个在控制部分,比如for语句中的;
(分号)后须跟一个空格。
每个,(逗号)后应跟一个空格。
6、根据效果图利用XHTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。
7、开发JavaScript以及Flash模块,
8、增加交互动态功能。
致力于通过技术改善用户体验。
9、结合后台程序,
10、从后台接口获取数据整合到前台界面显示。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 程序员 作业 指导书