网站设计规范标准分析及风格.pptVIP

网站设计标准标准分析及风格;网站设计标准标准说明

◆目的

能够让界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员得到详细的参照。;◆网站界面设计标准

□网业宽度:

网页设计采用1258px*980px分辨率

产品宽度：160px，产品间距：40px/30px

□字体

正文采用宋体12号，颜色：#333333

用黑体12号+14号用做标题

;□图形表单

;◆存储目录名的设计标准

□存储目录名：

1)不要将所有文件都存放在根目录下

2)子目录的建立，首先按主栏目建立以及图片分类

3)在每个主目录下都建立独立的Images目录

4)不要使用中文目录，以英文、拼音为主

5)所有广告、交换链接、banner等保存到adv目录

□链接结构：树状链接结构与性状链接结构相合。;◆链接标准

□新闻、信息类通常用新开窗口方式翻开。

□顶导航、底部导航通常采取在本面翻开，特殊栏目和功能可新开窗口。

□链接带下划线为链接通常的默认网格、顶部导航或特殊位置为欣赏性可用样式表取消下划线。

□链接的颜色可配合主题颜色风格改变，通常蓝色、暗蓝色、黑色,但激活的链接颜色、鼠标移动其上应有所变化。;◆文件名标准

□以每个子模块的开头字母为每一个子模块建立文件夹名。

□索引文件统一使用index.html文件名。

□如有必要每一个子目录下也要包含一个index.html文件。

□文件名统一用小写的英文字母，数字，和小划线的组合来命名，尽量按照先后顺序来编文件名。

□多个同类型文件使用英文字母加数字命名，字母和数字之间用下划线分割。数字位数与文件个数成正比，不够的用0补齐。;□图片的名称应分为头尾两局部，中间用下划线隔开。头局部表示此图片的大类性质。尾局部用来表示图片的具体含义，用英文字母表示。如过鼠标感应效果图片命名标准为图片名+_+on/off。

□所有的JS文件，CSS文件，CGI文件，多媒体文件等都应该以其含义的英文或英文简写来命名。

□文件名称统一用小写的英文字母、数字和下划线的组合来命名，尽量按单词的英语翻译为名称。

□必须建立网站文件清单及其说明文档。;◆代码标准

□XHTML代码编写标准

１、所有标签的元素和属性的名字都必须使用小写。

２、所有标签都必须要有一个相应的结束标记。

３、所有标签都必须合理嵌套。

４、所有标签的属性值必须用双引号扩起来。

□ASP代码编写标准

１、用Dim,Public,Private声明变量。

２、用Function声明函数，用Sub声明过程.;◆“山桐子”网站的设计标准

□网站的主题、UI风格、色彩的分析

１、网站主题：山桐子能源科技网站以山桐子为主题表达其本身及科技成品在生活中的作用

２、网站UI风格：用户界面的设计主要以白色和绿色为主要色彩，为网站营造清新脱俗的感觉。

３、网站色彩分析：主体色为白色和绿色，浅蓝色为搭配，符合以严谨、理性、大方为主的商业性网站特点，以及“整体协调，局部比照”。可以减小屏幕刺激，减轻视觉疲劳，利于用户浏览网页和官方网站的更新和管理。;