网站设计规范参考.pdf

网站设计规范参考

网站设计规范参考

一、设计风格

1、依照网站的定位确定整体的设计风格。

2、主体框架页面、内容页尽量采用方型结构。

禁用长距离的斜线及弧线结构，可允许小范围内

的斜线及弧线。封面页、专题页可不受此限制。

3、设计时尽量在方块区边缘、按钮、标题装饰

块上体现设计技巧，拐角可以有曲线变化。拐角

块最大不得超过18像素。同一页面弧度尽量保

持一致。

4、各主要栏目之间要求使用一致的布局，包括

一致的页面元素；一致的导航形式，使用相同的

铵钮，相同的顺序。可跟首页有变化。

5、首页及各级页面都必须带有网站的LOGO，并

链接到网站首页。

6、设计要兼容分辨率，就目前显示器分辨率的

覆盖率，可以采用1024*768分辨率，建议页面

使用宽度为1000px、980px或者950px设计等，

对于内容偏少的网站或者专题，也可采用

800*600分辨率，建议使用宽度为778px或者

连续出现，性质相同的链接栏目的图片我们取

名：menu；装饰用的照片我们取名：pic；不

带链接表示标题的图片我们取名：title依照此

原则类推

2、尾部分用来表示图片的具体含义，用英文字

母表示。例如：banner_sohu.gif

banner_sina.gifmenu_aboutus.gif

menu_job.giftitle_news.gif

logo_police.giflogo_national.gif

pic_people.jpgpic_hill.jpg

3、有onmouse效果的图片，两张分别在原有文

件名后加件名后加和和命名

(三)其它文件命名规范

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秒（一般

页面）。

四、图形设计规范

1、图片标准尺寸

全尺寸banner为468×60px，半尺寸