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

《网站设计规范标准分析及风格》由会员分享，可在线阅读，更多相关《网站设计规范标准分析及风格（11页珍藏版）》请在金锄头文库上搜索。

1、网站设计规范标准分析及风格 网站设计规范目的 网站界面设计标准 存储目录名的设计标准 文件名规范 代码规范 网站的设计标准 网站设计规范标准说明目的 能够让界面设计师，用户体验设计师，前台技 术工程师，发布支持人员，运营编辑人员得到详 细的参照。网站界面设计标准 网业宽度:网页设计采用1258px*980px分辨率产品宽度：160px，产品间距：40px/30px字体正文采用宋体12号，颜色：#333333用黑体12号+14号用做标题图形表单存储目录名的设计标准 存储目录名 ：1) 不要将所有文件都存放在根目录下2) 子目录的建立，首先按主栏目建立以及图片分 类3) 在每个主目录下都建立独立的

2、Images目录4) 不要使用中文目录，以英文、拼音为主5) 所有广告、交换链接、banner等保存到adv目 录 链接结构：树状链接结构与性状链接结构相合。链接规范 新闻、信息类通常用新开窗口方式打开。 顶导航、底部导航通常采取在本面打开，特殊栏目和 功能可新开窗口。 链接带下划线为链接通常的默认网格、顶部导航或特 殊位置为观赏性可用样式表取消下划线。 链接的颜色可配合主题颜色风格改变，通常蓝色、暗 蓝色、黑色,但激活的链接颜色、鼠标移动其上应有所 变化。文件名规范 以每个子模块的开头字母为每一个子模块建立文件夹 名。索引文件统一使用index.html文件名。 如有必要每一个子目录下也要包

3、含一个index.html 文件。文件名统一用小写的英文字母，数字，和小划线的组 合来命名，尽量按照先后顺序来编文件名。多个同类型文件使用英文字母加数字命名，字母和数 字之间用下划线分割。数字位数与文件个数成正比，不 够的用0 补齐。图片的名称应分为头尾两部分，中间用下划线隔开 。头部分表示此图片的大类性质。尾部分用来表示图片 的具体含义，用英文字母表示。如过鼠标感应效果图片 命名规范为“图片名+_+on/off“ 。所有的JS文件， CSS文件， CGI文件，多媒体文件 等都应该以其含义的英文或英文简写来命名。文件名称统一用小写的英文字母、数字和下划线的 组合来命名，尽量按单词的英语翻译为名

4、称。必须建立网站文件清单及其说明文档。代码规范 XHTML代码编写规范、所有标签的元素和属性的名字都必须使用小写。、 所有标签都必须要有一个相应的结束标记。、 所有标签都必须合理嵌套。、 所有标签的属性值必须用双引号扩起来。 ASP代码编写规范、用Dim, Public, Private声明变量。、 用Function声明函数，用Sub声明过程.“山桐子”网站的设计标准 网站的主题、UI风格、色彩的分析 、网站主题：山桐子能源科技网站以山桐子为主题体 现其本身及科技成品在生活中的作用、网站UI风格：用户界面的设计主要以白色和绿色为主 要色彩，为网站营造清新脱俗的感觉。 、网站色彩分析：主体色为白色和绿色，浅蓝色为搭配 ，符合以严谨、理性、大方为主的商业性网站特点，以及“ 整体协调，局部对比”。可以减小屏幕刺激，减轻视觉疲劳 ，利于用户浏览网页和官方网站的更新和管理。Thank you!