四组山桐子网站设计规范标准说明书

《四组山桐子网站设计规范标准说明书》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、山桐子网站设计规范标准说明书一．目的规范能使页面相同属性单元识别统一，防止混乱，出现错误，避免用户在浏览时，理解困难。突出个性，减少设计时间，节约资源的目的。相同的属性能够重复利用，减少资源。上手简单能够让界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员得到详细的参照。二．网站界面设计标准1．网业宽度网页设计采用1258px*980px分辨率产品宽度：160px，产品间距：40px/30px2．字体正文采用宋体12号，颜色：#333333用黑体12号+14号用做标题3．图形表单三．存储目录名的设计标准1存储目录名1)不要将所有文件都存放在根目录下2)子目录的建立，首先按主

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

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

4、、数字和下划线的组合来命名，尽量按单词的英语翻译为名称。9)必须建立网站文件清单及其说明文档。五．代码规范代码名称代码说明1．网页元素Doctype网站声明…html标记…头部标记meat(namehttp-equiv)网页属性说明网页标题…网页主体标记文本标记font-size文本大小font-weight文本粗细color文本颜色font-family字体font-style文本样式blockquote文本缩进strong文本加粗italic文本倾斜px像素

…