中科三方网站开发规范样本.docx
《中科三方网站开发规范样本.docx》由会员分享,可在线阅读,更多相关《中科三方网站开发规范样本.docx(15页珍藏版)》请在冰点文库上搜索。
![中科三方网站开发规范样本.docx](https://file1.bingdoc.com/fileroot1/2023-6/27/2cc45e60-5853-4ef9-991a-dc1438f7d23e/2cc45e60-5853-4ef9-991a-dc1438f7d23e1.gif)
中科三方网站开发规范样本
中科三方网站开发规范
企划部
2月
《网站建设目录规范试行》(如下简称《规范》)目是从整体上规范网站建设过程中统一性和可扩展性,以便于团队中更好协作及设计者后来维护。
请注意《规范》中用词,以拟定哪些是“必要”哪些是“参照”。
此《规范》为试行版,内容在不断完善更新中。
如果你有什么意见和建议,或发现内容有什么错误请积极指正,咱们将及时改进修正。
网站建设基本流程规范
网站建设(或者升级改版)应包括下列基本流程:
1、制定网站规划方案:
涉及网站预期目的、行业竞争状况分析、网站栏目构造、顾客行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容;
2、网站技术开发、网站模板制作;
3、网站测试;
4、网站内容发布;
5、网站维护及管理。
网站优化规范
网站优化最后目是为顾客获取有价值信息提供以便,网站优化涉及三个方面:
对顾客获取信息优化、搜索引擎优化、网站维护优化。
1、网站栏目构造合理,栏目设立不要过于复杂;
2、网站导航清晰且全站统一,通过任何一种网页可以逐级返回上一级栏目直到首页;
3、网页布局设计合理,网站设计符合顾客浏览习惯;
4、重要文字信息尽量出当前网页靠前位置;
5、字体清晰,CSS风格协调一致;
6、最多3次点击可到达产品或信息详细内容页面;
7、通过网站任何一种网页不超过3次点击可达到站内其她任何一种网页;
8、遵循搜索引擎为管理员提供网站优化指南,通过网站构造和内容等基本要素优化为搜索引擎检索信息提供以便,不采用任何被搜索引擎视为垃圾信息办法和欺骗搜索引擎方式(如堆积核心词、顾客不可见文本、页面跳转、复制网页等等);
9、网站首页、栏目首页及内容页面均有一定文字信息量;
10、每个网页有独立、可概括阐明该网页核心内容网页标题(而不是全站或者一种栏目共用一种网页标题);
11、每个网页有独立、与该网页内容有关META标签设计(涉及description和keywords);
12、每个网页有独立URL;
13、内容页面URL尽量简短;
14、产品/公司新闻详细内容页面是独立网页不是弹出窗口;
15、对于产品品种多公司网站,要有合理产品分页方式;
16、网站内容保持恰当更新周期。
网站建设实行规范
一、网站建设尺寸规范
1、页面原则按800*600辨别率全屏制作,每个页面宽度为778象素;页面原则按1024*768辨别率全屏制作,每个页面宽度为1004象素;1024*768辨别率,建议宽度使用960像素。
2、全尺寸Banner统一规格为470×70px,半尺寸banner为234*60px,小banner为88*31px;某些banner可根椐实际状况设立尺寸;
3、Logo统一为160*70px;
4、每个非首页静态页面含图片字节不超过80K,全尺寸banner不超过20K;
二、网站建设目录规范
遵从原则:
以至少层次提供最清晰简便访问构造;以至少字母达到最容易理解意义。
1、目录以代表此目录文献内容含义英文单词命名,目录名若为单个单词,均须小写,目录名若不不大于等于两个单词,从第二个单词起每个单词首字母大写,别的字母小写。
2、网站根目录:
只容许存储网站缺省命名文献索引文献(如default.shtml)一种,以及其他必备文献(如golas.asa,Web.config)。
3、网站根目录下开设images子目录,用以存储不同栏目页面都要用到公共图片,例如网站标记、导航栏图片、按钮等。
每个目录下私有图片存储于各自独立images目录。
4、在网站根目录下开设Templates目录,用以存储各栏目模板文献;Templates中另建与网站根目录下相应栏目目录,存储不同栏目相应模板文献,每个目录中默认文献:
content.htm,list.htm分别是内容页模板、列表页模板,其她需要用到模板依照实际用处按规定命名,在文献命名规则中详细阐述。
5、在网站根目录下开设styles、scripts目录,分别存储样式表文献与客户端脚本文献。
6、在网站根目录下开设upload子目录,用以存储网站后台上传文献;
依照实际需要建立download目录,用以存储提供应浏览者下载文献。
7、在网站根目录下开设include目录,存储公用包括文献(如top.htm、head.htm、foot.htm)。
8、在网站根目录下开设plus目录,存储所有网站建设中用到服务器端程序文献(如search.asp、function.asp)。
9、每个语言版本存储于独立目录。
已有版本语言设立为:
简体中文\gb
繁体中文\big5
英语\en
韩语\kr
日语\jp
俄语\ru
10、在网站根目录下按照栏目构造,为每个重要功能(主菜单)建立一种相应独立目录。
目录名为此栏目英文翻译(例如:
关于咱们\aboutus信息反馈\feedback产品\product),依照需要在每一种栏目目录中开设images子目录,用以放置此栏目专用图片。
(例如:
\aboutus\images;\product\images)。
总结:
所有js文献存储在根目录下下scripts目录;
所有CSS文献存储在根目录下styles目录;
所有程序存储在根目录下plus目录;
所有公用包括文献存储在根目录下include目录;
所有模板文献存储在根目录下Templates目录;
所有公用图片文献存储在根目录下images目录;
所有上传文献存储在根目录下upload目录;
所有提供应浏览者下在文献存储在根目录下download目录;
如果建设中网站为多语言版本,依照其语言版本存储于独立目录,
目录命名规则以国家英文简码为准;
三、网站建设文字,标点规范
1、非正文页面每页内容尽量在1000字以内网页文字必要采用样式定义,以避免由于显示屏差别导致页面差别;
2、文章正文内容,CSS样式设立应当有交互性,可以让访问者自已调节文字大小及行距等;(以适应不同访问者访问,增长网站和谐性。
)默以为:
字号用点数pt和像素px来定义,pt普通使用中文宋体9pt和11pt,px普通使用中文宋体12px和14px,黑体字或者宋体字加粗时,普通选用11pt和14.7px;行距建议用比例来定义,惯用两个行距值是line-height:
120%/150%.
3、中文版中正文默认使用宋体;
4、英文版中正文默认使用Arial字体;
5、中文段首要空2个中文位置,西文段首不空;
6、西文中一定要用西文半角标点符号,西文中不得使用全角符号(请注意空格);
7、外文版内不能浮现别国语言字符,必须浮现,应把内容做成图片。
四、网站建设导航规范
1、每一种页面都应当浮现固定信息:
内容涉及:
主页,网站简介,网站地图,联系方式,反馈,搜索工具,常用问题解答,实际内容栏目(涉及有关站点链接、新闻页);
2、每页必要有面包屑导航条,格式例:
首页->频道名称->栏目名称->文章标题;菜单名称要统一:
标题栏目先后一致;
3、栏目如果采用图标,图片ALT属性要写本图片或按钮名称,以避免图像表达不清或图像无法下载。
4、无任何链接内容不做成按钮形式。
5、每个页面底端都需要加注《版权声明》,要依照不同语言版本调用。
标注办法:
中文版—中英文;英文版—中英文;(标注内容需用图片,防止访问者字符编码不全显示不正常);
6、网站文字链接颜色在点击前和点击后要有区别。
让访问者懂得哪些内容是看过,哪些内容尚未访问;
五、网站建设文献命名规范
遵从原则:
以至少字母达到最容易理解意义。
文献名称所有用小写英文字母、数字、下划线组合,其中不得包括中文、空格和特殊字符;命名原则指引思想:
一是使得你自己和工作组每一种成员可以以便理解每一种文献意义;二是当咱们在文献夹中使用按名称排序时可以排列在一起,以便查找、修改、替代、计算负载量等等操作;
1、网站主页,各栏目主页名称一定要用“default.扩展名”命名;
2、文献以代表此文献内容含义英文单词命名,文献名为单个单词,均须小写,文献名不不大于等于两个单词,从第二个单词起每个单词首字母大写,别的字母小写。
如aboutLeftMenu.htm
3、图片命名原则遵循如下几条规范:
1)图片名称为首、尾两某些,尾某些第一种字母大写以作区别。
2)首某些表达图片大类性质。
如广告(banner)、标志(logo)、菜单(menu)、按钮(button)、标题图片(title)等。
有onmouse效果图片,两张分别在原有文献名后加"_on"和"_off"命名。
(可进一步完善此规范,并把一系列命名规则整顿成条款列出)
3)尾某些表达图片详细含义。
4)图片文献命名举例如下:
menuAboutUs.gif、menuNews.gif、logo.gif、bannerYahoo.gif、bannerSina.gif、buttonSearch.gif
六、网站建设文献格式规范
1、图片使用以JPG及GIF为主,颜色较丰富变化较多图片使用JPG文献,其她则建议使用GIF文献;
2、静态网页及被调用和包括网页文献均以.htm为扩展名
七、网站建设文献存储规范
这某些内容与网站目录规范基本相似,
1、如果建设中网站为多语言版本,文版主文献夹必要用英文简码命名。
如:
韩文版所有内容都必要放到kr文献夹中。
其她子文献夹或文献要和中文版名字一一相应;
2、各页面所用图片要放到相应images文献夹中;子栏目页面用到图片放到栏目目录images文献夹中;
3、站点中所使用到JavaScript文献都存储在根目录下scripts目录中;
4、站点中所使用样式表文献都放到根目录下styles目录中,原则上是每个栏目都要有自己样式表文献,并有一种公用样式表文献,但在详细使用中可以依照站点规模大小灵活操作;
5、所有程序及应用文献都放在站点根目录下plus目录中;
6、所有公用包括文献和被调用文献都放在include目录中,每个栏目私有包括及调用文献可放各自栏目目录中;
7、站点中使用模板文献都放在站点根目录下Templates目录中,并按照其所属栏目分别放在相应目录中,Templates目录中目录构造应当与站点中主栏目构造一致,保证目录相应;
8、通过网站后台上传文献均放在站点根目录upload目录中,并设立目录权限为不可执行脚本;
9、所有提供应浏览者下载文献存储在根目录下download目录中,如果这个目录中文献可以通过后台上传,要设立目录权限为不可执行脚本;
八、网站链接构造规范
遵从原则:
用至少链接,使浏览最有效率
1、首页与一级页面间,使用星状链接构造
2、一级页面与二级页面间,使用树状链接构造
4、超过三级页面,在页面显眼位置,设立导航,回到首页或有关栏目。
九、HTML书写规范
head区代码规范
1、版权注释
---Thesiteisdesignedby--->
2、网页显示字符集
简体中文:
繁体中文:
英语:
……
3、制作者信息
4、网站简介
5、搜索核心字
6、网页css规范
7、内容页标题
内容标题_中科三方-互联网基本服务|信息化服务专家列表栏目页标题
栏目名称_中科三方-互联网基本服务|信息化服务专家8、所有javascript调用尽量采用外部调用
可选加入标签
1、设定网页到期时间。
一旦网页过期,必要到服务器上重新调阅。
21:
57GMT">
2、禁止浏览器从本地机缓存中调阅页面内容。
3、防止其他网站在框架里调用本站页面。
4、自动跳转。
//www.****.**">
5、网页搜索机器人向导,告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
用以保护需点数才干浏览页面。
CONTENT参数有all,none,index,noindex,follow,nofollow。
默认是all。
6、收藏夹图标
内容代码书写规范
html中javascript书写:
…..
—
…..
-->
三、html中元素书写:
1、元素属性值必要包括在双引号中;
2、form中必要加action属性,并且不能为空。
如果不需要使用action属性,也必要定义:
3、imgalt属性不可以缺少;
4、head与之间必要有title;
……
yourtitle……
5、tr、td必要定义在table之间;
6、button按钮必要定义在form之间,否则netscape不支持;
7、在javascript中字符串中浮现“/”前要用转义符“\”:
—
functioncheck(str){
varstr=”\/r\/add.cgi”;
……
}
-->
8、onclick属性必要和onkeypress成对写(onmousedown+onkeydown、onmouseup+onkeyup)
void[0]”onClick=”javascript:
wopen(….);returnfalse”onkeypress=”javascript:
wopen(…);returnfalse”>mm
9、用URL传值时直接写&是不可以,可用&替代:
uid=sqz&sid=1&pid=1”>
四、缩近规则:
中 | ,
等必要保持严格缩近规则,以"Tab"键为准:
程序代码规范
程序注释规范
数据库使用规范
附一、当网站注重XX优化时,网站半途径尽量所有采用相对途径。
由于在当前搜索引擎中XX对绝对途径比较排斥。
附二、CSS样式表命名规则
样式命名
登录条:
loginBar
标志:
logo
侧栏:
sideBar
广告:
banner
导航:
nav
子导航:
subNav
菜单:
menu
子菜单:
subMenu
搜索:
search
滚动:
scroll
页面主体:
main
内容:
content
标签页:
tab
文章列表:
list
提示信息:
msg
小技巧:
tips
栏目的题:
title
情谊链接:
friendLink
页脚:
footer
加入:
joinus
指南:
guild
服务:
service
热点:
hot
新闻:
news
下载:
download
注册:
regsiter
状态:
status
按钮:
btn
投票:
vote
合伙伙伴:
partner
版权:
copyRight
CSSID命名
外套:
wrap
主导航:
mainNav
子导航:
subnav
页脚:
footer
整个页面:
content
页眉:
header
页脚:
footer
商标:
label
标题:
title
主导航:
mainNav(globalNav)
顶导航:
topnav
边导航:
sidebar
左导航:
leftsideBar
右导航:
rightsideBar
旗志:
logo
标语:
banner
菜单内容1:
menu1Content
菜单容量:
menuContainer
子菜单:
submenu
边导航图标:
sidebarIcon
注释:
note
面包屑:
breadCrumb(即页面所处位置导航提示)
容器:
container
内容:
content
搜索:
search
登陆:
login
功能区:
shop(如购物车,收银台)
当前current
样式文献命名
重要:
master.css
布局版面:
layout.css
专栏:
columns.css
文字:
font.css
打印样式:
print.css
主题:
themes.css
注释写法
/*Footer*/
内容区
/*EndFooter*/
展开阅读全文
相关搜索
资源标签