R053web页面规范.docVIP

宁波四维科技有限公司 SW/R-053 文 档 编 号 产品版本 密 级 SW—XXX—wygf—A/N—YYYY A0 产品名称： 共 页 Web网页规范 (仅供内部使用) 编 制： 徐翔 日期： 2008-5-5 审 核： 日期： 批 准： 日期： 宁波四维科技有限公司 版权所有 不得复制 变更历史(Change History) 序号 人员 日期 变更详情 1 徐翔 2008/5/5 目录 目录 3 1 规范制定原则 4 2 文件目录 4 2.1 建立原则 4 2.2 根目录和根目录文件 4 2.3 目录存放位置指定 4 3 文件命名 5 4 页面设计 5 4.1 编码 5 4.2 页面 6 4.2.1 感官体验 6 4.2.2 交互体验 8 4.2.3 显示路径 9 4.2.4 情感体验 10 5 提示信息 10 规范制定原则 使页面风格统一，更美观易用。 避免因不规范引起的软件缺陷。 提高团队开发项目过程的页面质量。 文件目录 建立原则 以最少的层次提供最清晰简便的访问结构。 根目录和根目录文件 根目录：DNS域名服务器指向的索引文件的存放目录。 根目录文件：根目录只允许存放default.aspx，index.htm和main.htm文件，以及其他必须的系统文件。 目录存放位置指定 文件目录与菜单目录对应。每个主要功能(主菜单)建立一个相应的独立目录，子菜单下级还有子功能，则该子菜单也建立文件夹。文件夹名称、文件名称应可以首字母大写。 公用图片和其他私有图片都放在根目录下统一目录\images。 所有的js文件存放在根目录下统一目录\script。 所有的css文件存放在根目录下统一目录\style，其余页面均调用该目录下的css文件，整个系统尽量只使用一种或少量样式表。 静态设计页面放在根目录下统一目录\demo。 公用报错页面存放在根目录下统一目录\error。 文件命名 文件命名的原则：以最少的字母达到最容易理解的意义。 索引文件统一使用default.aspx文件名(小写) 。 按菜单名的英语翻译取单一单词为名称。例如： 关于我们 aboutUs 产 品 product 单英文单词文件名都必须为小写，组合英文单词文件名第二个起第一个字母大写，不用下划线连接。 图片命名原则以图片英语字母为名。大小原则写同上。 例如：网站标志的图片为logo.gif 鼠标感应效果图片命名规范为图片名+on/off。 例如：menu1on.gif/menu1off.gif 页面设计 编码 网页显示字符集 整个项目要使用统一的字符编码。 第一，在母板头部添加： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head ? meta http-equiv=Content-Type content=text/html; charset=gb2312 / ? meta http-equiv=Content-Language content=UTF-8 / 如果开发工程师个人也参考使用上面。 第二，在web.config中添加： ?? globalization requestEncoding=utf-8 responseEncoding=utf-8/ 网页的css规范 LINK href=style/style.css type=text/css rel=stylesheet (参见目录及命名规范)，各页对字体定义均采用样式表控制，避免直接在页面中对字体样式进行定义。 网页标题 titlexxxxxxxxxxxxxxxxxx/title，每页标题必须和该页功能保持一致。 所有的javascript的调用尽量采取外部调用 script language=JavaScript SRC=script/xxxxx.js/script 应尽可能多的对需要在页面重复出现的公共信息打包，然后再在各页面相应位置通过调用javascript实现。 所有页面间链接均采用相对路径，严格杜绝采用绝对路径链接。 维护信息时各栏目输入框(如text、textarea、select等所有表单按钮)的名称应与对应数据库字段值完全保持一致。 表格作为控件物理上包含的容器和内部包含的控件之间的属性定制互不影响，即实现其无关性，这样