网站设计规范参考.doc

v1.0 可编辑可修改 网站设计规范参考 一、设计风格 1、依照网站的定位确定整体的设计风格。 2、主体框架页面、内容页尽量采用方型结构。禁用长距离的斜线及弧线结 构，可允许小范围内的斜线及弧线。封面页、专题页可不受此限制。 3、设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧，拐角可 以有曲线变化。拐角块最大不得超过 18 像素。同一页面弧度尽量保持一致。 4、各主要栏目之间要求使用一致的布局，包括一致的页面元素；一致的导 航形式，使用相同的铵钮，相同的顺序。可跟首页有变化。 5、首页及各级页面都必须带有网站的 LOGO，并链接到网站首页。 6、设计要兼容分辨率，就目前显示器分辨率的覆盖率， 可以采用 1024*768 分 辨率，建议页面使用宽度为 1000px、980px 或者 950px 设计等，对于内容偏少的 网站或者专题，也可采用 800*600 分辨率，建议使用宽度为 778px 或者 760px。 7、网站页面长度建议 1 屏半到 2 屏。原则上长度不超过 3 屏，宽度不超过 1 屏。根据 用户习惯和网站需要， 国内中文网站综合类、 门户类 ( 包括垂直门户 ) 网站可设计 超过 3 屏。 8、每个标准页面为 A4 幅面大小，即 *11 英寸 二、名称约定 ( 一) 文件命名的原则：以最少的字母达到最容易理解的意义 1、 路径 / 文件名设定 每一个目录中应该包含一个缺省的 html 文件，文件名统一用 路径 / 文件命名时一律采用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文翻译为 1 v1.0 可编辑可修改 优先，尽量避免使用拼音作为目录名称 3) 多个同类型文件使用英文字母加数字命名，字母和数字之间用 _ 分隔。例如：。注意，数字位数与文件个数成正比，不够的用 0 补齐。例 如共有 200 条新闻，其中第 18 条命名为 2、路径 / 文件名称需与栏目菜单名称具有相关性 3、各路径下的开始文件，命名为 index.* 静态文件为，动态文件为 ,,, 4、文件名中用 "_" 下划线作为连接符。 5、 如页面 文件 过长 需要拆分， 建 议多个文 件按顺 序依次命名 为 filename01.* 、filename02.* 6、内容不同但属于同类的，且需定期更新的页面文件或文本采用： 名 称缩写＋ ( 年份 ) ＋月份＋日期＋序号 ，如 = news081508.* 7、大流量网站的首页和各栏目首页尽量使用以 html 为文件后缀名的静 态页面。其他经常访问的动态页面也建议模拟为静态页面。 ( 二) 图片的命名规范 ：名称分为头尾两两部分，用下划线隔开 1、头部分表示此图片的大类性质。例如： 放置在页面顶部的广告、装 饰图案等长方形的图片我们取名： banner ；标志性的图片我们取名为： logo ； 在页面上位置不固定并且带有链接的小图片我们取名为 button ；在页面上 某一个位置连续出现， 性质相同的链接栏目的图片我们取名： menu ；装饰用 的照片我们取名： pic ；不带链接表示标题的图片我们取名： title 依照此 原则类推 2、尾部分用来表示图片的具体含义，用英文字母表示。例如： 3、有 onmouse 效果的图片，两张分别在原有文件名后加 "_on" 和 "_off" 命名 ( 三) 其它文件命名规范 js 的命名原则以功能的英语单词为名。例如：广告条的 js 文件名为 : 2 v1.0 可编辑可修改 所有的 CGI文件后缀为 cgi 。所有 CGI 程序的配置文件为 三、目录结构规范 目录建立的原则：以最少的层次提供最清晰简便的访问结构。 1、目录命名的规范（参照名称约定） 2、根目录一般只存放以及其他必须的系统文件 3、每个主要栏目建立一个相应的独立目录 4、根目录下的 images 用于存放各页面都要使用的公共图片，子目录下 的 images 目录存放本栏目页面使用的私有图片 5、所有 JS、ASP、PHP等脚本存放在根目录下的 scripts 目录或 includes 目录 6、所有 CSS文件存放在根目录下 style 目录 7、所有 CGI 程序存放在根目录下的 cgi-bin 目录 8、每个语言版本存放于独立的目录。例如：简体中文 gb，英文 en 9、所有 flash, avi, ram, quicktime 等多媒体文件建议存放在根目录 下的 media 目录，如果属于各栏目下面的媒体文件，分别在该栏目目录下建 立 media 目录 10、广告、交换链接、 banner 等图片保存到 adv 目录 11、页面下载、解释时间在 56k 链接速度下不能超过 40 秒（栏目首页、 表单页）或 20 秒（一