网站设计规范（通用）.docVIP

网站设计规范（通用） 一、设计风格 1、依照网站的定位确定整体的设计风格。 2、主体框架页面、内容页尽量采用方型结构。禁用长距离的斜线及弧线结构，可允许小范围内的斜线及弧线。封面页、专题页可不受此限制。 3、设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧，拐角可以有曲线变化。拐角块最大不得超过18像素。同一页面弧度尽量保持一致。 4、各主要栏目之间要求使用一致的布局，包括一致的页面元素；一致的导航形式，使用相同的铵钮，相同的顺序。可跟首页有变化。 5、首页及各级页面都必须带有网站的LOGO。 6、统一按兼容分辨率*768设计。为了使显示更友好，建议使用或者0 px设计。 7、网站页面长度建议1屏半到2屏。原则上长度不超过3屏，宽度不超过1屏。根据用户习惯和网站需要，国内中文网站综合类、门户类(包括垂直门户)网站可设计超过3屏。 二、图形设计规范 、图片的分类及命名规则 名称分为头尾两两部分，用下划线隔开。 头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。 一般来说: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner 标志性的图片我们取名为：logo 在页面上位置不固定并且带有链接的小图片我们取名为button 在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu 装饰用的照片我们取名：pic 不带链接表示标题的图片我们取名：title 依照此原则类推。 尾部分用来表示图片的具体含义，如果有类似图片就用数字区别。 下面是几个样例，大家应该能够一眼看明白图片的意义： banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif,title_top01.gif, title_top02.gif 、Banner制作要求 1）大Banner容量尽量限制在K内，格式尽量选用GIF及动态格式。 2）帧切换时尽量半静半动。少用满底256色以上的图像。闪切变化主要体现在文字上。 3）广告条的border设为0，并要求加上alt说明。 、图标和图片 1）在图标的制作上应采用简捷，色彩明快的图标；在选用单色图标时应根据本栏目的色彩进行搭配。 2）图标存储为GIF格式(除个别情况外)，尽量采用16色、填充色或单色。 3）图片依情况存成GIF或JPEG格式，原则上色调单一的图片存成GIF格式，色彩复杂、层次丰富的存在JPEG格式。 4）设计时不得用15K以上的图片，如图片过大可以考虑采用图片分割的办法。 5）内容图片、导航图片的border设为0，并要求加上alt说明。 6）普通图片不必加alt说明，但如果有链接要把border设为0。 7）公用图片或有可能更换的图片不要指定图片的尺寸大小（width,height）。 三、名称约定 1、路径/文件名设定 路径/文件命名时一律采用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文翻译为优先，尽量避免使用拼音作为目录名称 2、路径/文件名称需与栏目菜单名称具有相关性 3、各路径下的开始文件，命名为index.* 静态文件为index.html，动态文件为index.asp,index.aspx,index.php,index.jsp 4、文件名中用_下划线作为连接符。 5、内容不同但属于同类的，且需定期更新的页面文件或文本采用：名称缩写＋(年份)＋月份＋日期＋序号 ，如= news060401.* 6、大流量网站的首页和各栏目首页尽量使用以html为文件后缀名的静态页面。其他经常访问的动态页面也建议模拟为静态页面。 四、目录结构规范 目录建立的原则：以最少的层次提供最清晰简便的访问结构。 1、目录命名的规范（参照名称约定） 2、根目录一般只存放index.html以及其他必须的系统文件 3、每个主要栏目建立一个相应的独立目录 4、根目录下的images用于存放各页面都要使用的公共图片，子目录下的images目录存放本栏目页面使用的私有图片 5、所有JS脚本存放在根目录下的scripts目录或includes目录 6、所有CSS文件存放在根目录下style目录 7、每个语言版本存放于独立的目录。例如：简体中文gb，英文en 8、所有flash, avi, ram, quicktime 等多媒体文件建议存放在根目录下的media目录，如果属于各栏目下面的媒体文件，分别在该栏目目录下建立media目录 9、广告、交换链接、banner等图片保存到adv目录 10、页面下载、解释时间在56k链接速度下不能超过40秒（栏目首页、表单页）或20秒（一般页面）。 五、链接规范 1、新闻、信息类通常用新