中科三方网站开发规范

中科三方网站开发规范企划部2023年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俄语\ru10、在网站根目录下按照栏目结构，为每个重要功能(主菜单)建立一个相应的独立目录。目录名为此栏目的英文翻译（例如：关于我们\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.htm3、图片的命名原则遵循以下几条规范：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、网页显示字符集简体中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=gb2312">繁体中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=BIG5">英语：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=iso-8859-1">……3、制作者信息<METAname="author"content="">4、网站简介<METANAME="DESCRIPTION"CONTENT="当前页的介绍">5、搜索关键字<METANAME="keywords"CONTENT="关键字,关键字1,关键字2,关键字3">6、网页的css规范<LINKhref="xxx/xxx.css"rel="stylesheet"type="text/css">7、内容页标题<title>内容标题_中科三方-互联网基础服务|信息化服务专家</title>列表栏目页标题<title>栏目名称_中科三方-互联网基础服务|信息化服务专家</title>8、所有的javascript调用尽量采用外部调用<SCRIPTLANGUAGE="JavaScript"SRC="xxx/xxxxx.js"></SCRIPT>可选加入标签1、设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。<METAHTTP-EQUIV="expires"CONTENT="Wed,18Feb202308:21:57GMT">2、严禁浏览器从本地机的缓存中调阅页面内容。<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">3、防止其它网站在框架里调用本站页面。<METAHTTP-EQUIV="Window-target"CONTENT="_top">4、自动跳转。<METAHTTP-EQUIV="Refresh"CONTENT="5;URL=http://www.****.**">5、网页搜索机器人向导，告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。用以保护需点数才干浏览的页面。<METANAME="robots"CONTENT="none">CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。6、收藏夹图标<linkrel="ShortcutIcon"href="***.ico">内容的代码书写规范html中javascript的书写：<head>…..<scripttype="text/javascript"><!—…..--></script></head>三、html中元素的书写：1、元素属性值必须包含在双引号中；<fontcolor=”#000000”size=”3”face=”Arial”>2、form中必须加action属性，并且不能为空。<formaction=”/r/add.cgi”method=”post”>假如不需要使用action属性，也必须定义：<formaction=”no”>3、img的alt属性不可以缺少；<imgsrc="/q/img/btn_style.gif"border="0"alt="Select”>4、head与</head>之间必须有title；<head>……<title>yourtitle</title>……</head>5、tr、td必须定义在table之间；<table><tr><td>……</td>….</tr></table>6、button按钮必须定义在form之间，否则netscape不支持；<formaction=”……”method=”post”><inputtype=”button”name=”but”value=”back”></form>7、在javascript中的字符串中出现的“/”前要用转义符“\”：<scripttype=”text/javascript”><!—functioncheck(str){varstr=”\/r\/add.cgi”;……}--></script>8、onclick属性必须和onkeypress成对写(onmousedown+onkeydown、onmouseup+onkeyup)<ahref=”javascript:void[0]”onClick=”javascript:wopen(….);returnfalse”onkeypress=”javascript:wopen(…);returnfalse”>mm</a>9、用URL传值时直接写&是不可以的，可用&替换：<ahref=”/r/add.cgi?uid=sqz&sid=1&pid=1”></a>四、缩近规则：<table>中<td></td>,<tr></tr>等必须保持严格的缩近规则，以"Tab"键为准：<table><tr><td><table><tr><td>…</td>…

</tr></table></td>….</tr></table>程序代码规范程序注释规范数据库使用规范附一、当网站注重百度优化时，网站中的途径尽量所有采用相对途径。由于在目前搜索引擎中百度对绝对途径比较排斥。附二、CSS样式表命名规则样式命名登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:searc