网站设计规范参考
网站设计规范参考
一、设计风格
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幅面大小，即8.5*11英寸
二、名称约定
(一)文件命名的原则：以最少的字母达到最容易理解的意义
路径/文件名设定
1) 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm
2)路径/文件命名时一律采用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文翻译为优先，尽量避免使用拼音作为目录名称
3) 多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。
例如：news_01.htm。
注意，数字位数与文件个数成正比，不够的用0补齐。
例如共有200条新闻，其中第18条命名为news_018.htm
2、路径/文件名称需与栏目菜单名称具有相关性
3、各路径下的开始文件，命名为index.* 静态文件为index.html，动态文件为index.asp,index.aspx,index.php,index.jsp
4、文件名中用"_"下划线作为连接符。
5、如页面文件过长需要拆分，建议多个文件按顺序依次命名为filename01.*、filename02.*……
6、内容不同但属于同类的，且需定期更新的页面文件或文本采用：名称缩写＋(年份)＋月份＋日期＋序号，如= news081508.*
7、大流量网站的首页和各栏目首页尽量使用以html为文件后缀名的静态页面。
其它经常访问的动态页面也建议模拟为静态页面。
(二) 图片的命名规范：名称分为头尾两两部分，用下划线隔开
1、头部分表示此图片的大类性质。
例如：放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner ；标志性的图片我们取名为：logo ；在页面上位置不固定而且带有链接的小图片我们取名为button ；在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu ；装饰用的照片我们取名：pic ；不带链接表示标题的图片我们取名：title 依照此原则类推
2、尾部分用来表示图片的具体含义，用英文字母表示。
例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg
3、有onmouse效果的图片，两张分别在原有文件名后加"_on"和"_off"命名
(三) 其它文件命名规范
js的命名原则以功能的英语单词为名。
例如：广告条的js文件
名为:ad.js 所有的CGI文件后缀为cgi。
所有CGI程序的配置文件为config.cgi
三、目录结构规范
目录建立的原则：以最少的层次提供最清晰简便的访问结构。
1、目录命名的规范（参照名称约定）
2、根目录一般只存放index.html以及其它必须的系统文件
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秒（一般页面）。