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

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)以每个子模块的开

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

4、，多媒体文件等都应该以其含义的英文或英文简写来命名。8)文件名称统一用小写的英文字母、数字和下划线的组合来命名，尽量按单词的英语翻译为名称。9)必须建立网站文件清单及其说明文档。五．代码规范代码名称代码说明1．网页元素Doctype网站声明…html标记…头部标记meat(namehttp-equiv)网页属性说明网页标题…网页主体标记文本标记font-size文本大小font-weight文本粗细color文本颜色font-family字体font-sty

5、le文本样式blockquote文本缩进strong文本加粗italic文本倾斜px像素

…

……

标题
换行符Align文本对齐方式Center居中对齐Left左对齐Right右对齐Justify两端对齐2．表格标记……表格标题…行…列…表格的表头Border边框Cellpadding填充Cellspacing间距Bordercolor边框颜色Background背景图片Bgcolor背景颜色Width宽度He

6、ight高度Valign垂直位置3．链接标记…超链接标记Href链接路径Target链接目标a:link正常超链接样式a:visited访问过的超链接a:hover鼠标悬浮超链接样式a:active按下鼠标时超链接样式text-decoration修饰4．层标记div层标签apdiv绝对元素divspan也是层标签position位置left层距离左边距离top层距离顶部距离z-indexz轴大小background-image背景图片visibility可见性background-color背景颜色inherit继承父层的可见性visible一直可见

7、hidden隐藏5．表单标记

…

表单标记Action动作Method方法Enctypemime类型…插入表单对象标记Submit提交表单Reset重设表单Value值6．其他标记Img插入图片标记Src插入图片路径插入媒体文件对象标记…视频、音频标记Hr水平线CSS样式代码1．类型代码font-family字体font-size大小font-style样式line-height行高font-weight粗细font-variant变体text-