(TB/WZJS-2012)
一、引言
本规范结合现阶段网络技术的发展和应用状况,依照我校网站建设的实际情况而制订。
本规范由教育技术服务中心起草,归口教育技术服务中心管理。
二、适用范围
学校及下属各单位、各教学院系设计制作并通过校园网对外公开发布的各级各类网站,应当遵循本规范。
三、目的
本规范是校内网站建设的指导性文件,目的是为校内网站建设提供统一的规范标准,以增强内部网站的兼容性、联系性和一致性,提高网页资源的共享度,为用户有效查找、评估、获取和使用网络资源提供方便。
四、参考文献
本规范与以下国际及国家有关标准(规范)同步使用。如果以下标准(规范)发生变化,则变化的内容适用于本规范。
(1)W3C XTHML1.0:规定HTML语言表示方法的国际标准。
(2)JavaServerPages2:规定JSP编程语言表示方法的国际标准。
(3)JavaServlet2/3:JSP虚拟主机国际标准。
(4)PHP4/5:规定PHP编程语言表示方法的国际标准。
(5)ASP/ASP.NET:规定ASP/ASP.NET编程语言表示方法的国际标准。
五、网站建设规范与技术要求
本规范基于用户获取网络信息的习惯和常用方法,定义了网站开发的技术要求,开发者应以此为标准。
(一)网站开发语言。可使用HTML/ASP/ASP.NET/PHP/JSP/CGI等语言进行开发,数据库系统可使用Access/SQL/MySQL等。
(二)服务器平台。网站以Linux或者Window Server 2003为系统平台,支持PHP 、ASP、JSP、CGI、数据库程序等网页编程语言。
(三)网站适用性标准。返回客户端的HTML语言数据应符合WWW Consortium(W3C)制定的最新版本标准XHTML l.0,同时能对目前最新版本IE和360等浏览器提供良好支持。
(四)页面尺寸。
1.页面标准按1024×768分辨率制作,990×598px,并对更高分辨率提供良好支持。
2.页面长度原则上不超过3屏,宽度不超过1屏。
3.每个标准页面为A4幅面大小。
(五)页面文件大小。妥善解决页面质量、视觉效果和用户下载浏览速度之间的关系。一个完整网页(含HTML/CSS/图片/Flash)的大小字节数一般不宜大于500KB。文件较大时,可采用连续多页或附件的形式。
(六) JS调用规范。所有的JavaScript脚本尽量采取外部调用。
(七) CSS书写规范。
1.所有的CSS尽量采用外部调用,书写时重定义的最先,伪类其次,自定义最后,便于自己和他人阅读。
2.为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义。pt一般使用中文宋体的9pt、11pt,px一般使用中文宋体12px、14px、17px这些经过优化的字号。黑体或者宋体字加粗时,一般选用11pt、14px、17px的字号。标题(含副标题)的字号应略大于正文的字号,两者用不同字体区分开来。同一网站或同一板块内,标题和正文的字体、字号、风格应前后一致。
(八)汉字应采用GBK码统一编码和存储;英文字母和符号必须使用ASCII编码和存储。
(九)文件存储格式。
1.图形/图像存储格式主要为JPG、GIF、PNG等,JPG/PNG图片使用的色彩应为16bit/24bit,图像应使用屏幕显示标准分辨率96DPI/72DPI。
2.音频素材存储格式主要为WAV、MP3、MIDI或流式音频格式。
3.视频素材存储格式主要为Rmvb格式、QuickTime格式、wmv格式或流式媒体格式等。
4.动画素材存储格式主要为GIF格式、Flash动画格式、AVl动画格式、FLI/FLC动画格式或QuickTime动画格式。
(十)网站建设新技术的使用规范。
1.使用新技术的原则是:兼容浏览器,保证下载速度,照顾最大多数的用户。
2.Cookie用于识别、跟踪和支持访问者,通过cookie可以了解用户的访问路径,收集和存储用户的喜好,但要考虑到用户关闭cookie的情况处理,非用cookie不可时,应提供全面的解决办法。
3.在Web中应用Java语言,主要使用在JavaServlet和Java Server Pages(JSP)中,尽量不使用Java Applet技术。
4.Flash已经是较普遍的技术,推荐使用。非特殊要求,不推荐在网页上提供需要下载额外插件的多媒体技术。
(十一)网站调试规范。网站在正式发布前应该做好程序调试及纠错工作。避免错误的HTML语法和编程语法造成页面浏览效率低下、出现安全隐患或不可预测的错误,影响用户的正常浏览。同时应缩减清理无用HTML标记,减少页面文件大小,加快用户的下载时间。语法检查可以把页面XHTML标记语法检查与消除站内无效链接检查一起进行。
建议使用工具:W3C Markup Validation Service网页标记有效性服务(http://validator.w3.Org/)网页标记有效性服务及W3C样式表(CSS)校验服务(http:∥jigsaw.w3.org/css/validator/)。
(十二)网站根目录下必须附有详细的网站建设技术说明、网站文件结构图、维护记录文档,便于其他管理员维护。
(十三)网站域名和IP地址。学校各级网站应依托校园网建设,不鼓励二级单位租用、挂靠、借用校外服务器建设网站,以便提高网站规范性和数据安全性,并节省支出。二级网站域名由相关单位同校园网管理部门商定,IP地址由后者确定。
六、网站规划与界面设计
(一)网站框架设计规范。
1.结构清晰,层次分明,重点突出,使用户易于搜寻所需资料。
2.设计网站导航。导航要简单、清晰。建议页面链接不超过三层。页面多余两级(含)时,应在导航菜单或按钮中设置“首页”功能,以快速返回首页。
3.用于导航的文字要简明扼要,字数限制在一行以内。
4.首页、各栏目一级页面之间互链,各栏目一级和本栏目二级页面之间互链。
5.超过三级页面,在页面顶部设置导航条,标明位置。
6.突出最近更新的信息,可以加上更新时间或“New”标识。
7.连续性页面应加入上一页、下一页按钮。
8.超过一屏的内容,在底部应有“返回(或go top)”按钮。超过三屏的内容,应在头部设提纲,直接链接到文内锚点。
9.功能设计应考虑用户习惯,方便浏览和使用。用户浏览网站时能方便的跳转到首页及相关资料。
10.文件目录结构一般不超过三层,图片和页面文件应放在不同的文件夹内。目录(数据文件和连接文件所在的文件目录除外)的名称使用有意义的单词或拼音。
11.首页文件名用index.html、index.asp、index.jsp或index.php。网页页面上必须有学校主页www.hgnu.edu.cn、的链接。
(二)界面设计规范。
1.界面设计应大方得体,精致美观。
2.主页与下级各页面应保持色彩、结构、风格的一致性。
3.同一页面内的颜色数不要过多。允许通过增加字体的颜色来突出重点。同时要求尽量增加文字与背景的色彩反差,以减少阅读困难。
4.内容网页标题居中显示,力求简短、醒目、新颖、吸引人。
5.正文段首空两格,与传统中文格式保持一致;段与段之间适当间隔以便阅读。
6.杜绝错字、别字和自造字,尽量避免使用生僻字。
7.中文简体版中不得夹杂繁体汉字。
8.标点符号、译名、外文简称、缩写需符合语言规范。
9.全角数字符号(不含标点)应改为半角。
10.尽量避免用一张大表格做一个页面,所有的内容都嵌套在这个大表格之内。如果必须这样做,应使用<tbody>标记使这个大表格分块显示。
11.尽量少用<img width=? height=?>人为干预图片显示的尺寸。
12.为了最大程度的发挥浏览器自动排版的功能,在一段完整的文字中不要使用<br>人工干预分段。
13.不同语种的文字之间应有一个半角空格,但避头的符号之前和避尾的符号之后除外。汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。
14.所有的字号都应该用样式表来实现,避免在页面中出现<fontsize=?>标记。
15.中英文混排时,尽可能将英文和数字定义为verdana和arial两种字体。
16.网站中的路径全部采用相对路径。
17.同一网站的网页风格要协调统一,主页同下层页面设计上要有所差异,但每层页面的色彩、版面风格要尽量保持和谐。
18.所有链接均使用“文档相对链接”,严禁使用“绝对链接”和“站点相对链接”;确保没有错误链接或无效链接;并在该网页版权处注明信息更新日期、制作和维护单位名称。
(三)鼓励建设站内搜索引擎或网站地图,以方便用户检索网页内容。
七、网站内容建设标准
(一)网站内容规范。
1.必须遵守国家《计算机信息网络国际联网安全保护管理办法》的规定,任何单位和个人不得利用国际互联网制作、复制、查阅和传播下列信息:(1)煽动抗拒、破坏宪法和法律、法规的;(2)煽动颠覆国家政权,推翻社会主义制度的;(3)煽动分裂国家、破坏国家统一的;(4)煽动民族仇恨、民族歧视,破坏民族团结的;(5)捏造或者歪曲事实,散布谣言,扰乱社会秩序的;(6)宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖,教唆犯罪的;(7)公然侮辱他人或者捏造事实诽谤他人的;(8)损害国家机关信誉的;(9)其他违反宪法和法律、行政法规的。
2.在网站开发建设过程中应严格遵守以下法律法规:《互联网信息服务管理办法》、《互联网电子公告服务管理规定》、《计算机信息系统安全保护条例》、《互联网信息服务管理办法》、《中国互联网络域名管理办法》、《非经营性互联网信息服务管理办法》、《互联网IP地址备案管理办法》、《中国教育和科研计算机网用户守则》、《黄冈师范学院校园网管理暂行办法》,等等。
3.转载他人文章必须注明原出处,涉及知识产权的,应获得授权后才使用。
4.设立历史沿革、单位介绍、机构设置、领导简介、法规制度、办事指南、文档下载等栏目,并保证资料清晰准确、更新及时。
5.设立办公地址、联系电话、电子邮箱等联络信息,并保证准确无误。
(二)教学学院网站特色功能模块。
设立教学、科研方面的专门栏目,体现学科特点和专业特色,及时更新科研成果、教学信息等内容;介绍师资队伍简况、研究领域、科研成果,并附有联系方式。
(三)党政部门特色功能模块。
设立反映本部门工作特点及方便师生办事的特色模块,通过这些模块可以方便师生办事,如网上查询、投诉及业务办理等。
(四)英文主页建设规范。
1.在首页明显位置设有英文版链接地址,进入英文版后应方便返回汉语版。
2.英文版应设有单位介绍、师资介绍(含联系方式)、学术科研、国际合作与交流项目、留学生招生信息、办事指南、联系方式等国外浏览者想了解的栏目,文字内容应正确无误,发生变化时应及时更新。
3.英文版设立有新闻版块时,内容应及时更新。
八、网站维护与信息更新
(一)建设与完善网站管理机制,确定负责人和管理员,明确责任,理顺信息流通渠道,加强信息准确性与时效性。
(二)部门重要事务及重要通知及时上网,保证网站信息全面和经常更新。
(三)网站运行多年,技术或学校网站平台发生重大变化时,网站应进行改版。
九、用户反馈与交互性
(一)拥有良好交互性,设有用户讨论区或意见反馈等功能区,并有专人负责维护。根据相关制度,二级单位网站原则上不允许开通电子公告(BBS)栏。
(二)网站设有意见收集或联系信箱,由专人进行管理,及时回复。
十、网站安全性
(一)网站规划建设应注意安全性,反复调试,避免漏洞与程序错误。
(二)网站如涉及数据库应使用加密方式,避免数据库被下载并解密。服务器上有关数据库的一切操作只能由服务器管理人员进行。访问数据库应设置用户访问密码和使用权限。不再使用的数据库应及时删除。
(三)网站管理员帐户密码不能使用弱密码,并保持及时更换,注意保密。
(四)定时备份网站程序和数据,发生意外情况时能及时恢复运行。
(五)经常进行Web服务器日志分析,找出网站中的无效连接及可能的隐患。
(六)Web服务器的操作系统及Web服务器本身要定期进行安全检查,及时升级并安装安全补丁。
(七)仔细检查并消除网站的SQL注入漏洞。
(八)安装防病毒软件,及时升级,有效防治计算机病毒。
(十)采取必要的技术手段,对网络攻击事件进行检测。对发现的攻击事件,及时分析,定位责任人,调整安全措施,做好日志记录工作。日志保留两个月以上。
十一、附则
本规范自学校发布之日起试行。未尽事宜由教育技术服务中心解释和补充。