山桐子网站设计规范准说明书.docVIP

山桐子网站设计规范标准说明书 一．目的 规范能使页面相同属性单元识别统一，防止混乱，出现错误，避免用户在浏览时，理解困难。 突出个性，减少设计时间，节约资源的目的。 相同的属性能够重复利用，减少资源。 上手简单能够让界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员得到详细的参照。 二．网站界面设计标准 1．网业宽度 网页设计采用1258px*980px分辨率 产品宽度：160px，产品间距：40px/30px 2． 字体 正文采用宋体12号，颜色：#333333 用黑体12号+14号用做标题 3． 图形表单 三．存储目录名的设计标准 1存储目录名 1) 不要将所有文件都存放在根目录下 2) 子目录的建立，首先按主栏目建立以及图片分类 3) 在每个主目录下都建立独立的Images目录 4) 不要使用中文目录，以英文、拼音为主 5) 所有广告、交换链接、banner等保存到adv目录 2．链接结构 树状链接结构与性状链接结构相结合。 3 链接规范 1) 新闻、信息类通常用新开窗口方式打开。 2) 顶导航、底部导航通常采取在本面打开，特殊栏目和功能可新开窗口。 3) 链接带下划线为链接通常的默认网格、顶部导航或特殊位置为观赏性可用样式表取消下划线。 4) 链接的颜色可配合主题颜色风格改变，通常蓝色、暗蓝色、黑色,但激活的链接颜色、鼠标移动其上应有所变化。 四．文件名规范 1 ) 以每个子模块的开头字母为每一个子模块建立文件夹名。 2 ) 索引文件统一使用index.html文件名。 3 ) 如有必要每一个子目录下也要包含一个index.html文件。 4 ) 文件名统一用小写的英文字母，数字，和小划线的组合来命名，尽量按照先后顺序来编文件名。 5 ) 多个同类型文件使用英文字母加数字命名，字母和数字之间用下划线分割。数字位数与文件个数成正比，不够的用0 补齐。 6) 图片的名称应分为头尾两部分，中间用下划线隔开。头部分表示此图片的大类性质。尾部分用来表示图片的具体含义，用英文字母表示。如过鼠标感应效果图片命名规范为图片名+_+on/off 。 7) 所有的JS文件， CSS文件， CGI文件，多媒体文件等都应该以其含义的英文或英文简写来命名。 8) 文件名称统一用小写的英文字母、数字和下划线的组合来命名，尽量按单词的英语翻译为名称。 9) 必须建立网站文件清单及其说明文档。 五．代码规范 代码名称 代码说明 1．网页元素 Doctype 网站声明 html…/html html 标记 head…/head 头部标记 meat(name http-equiv) 网页属性说明 title…/title 网页标题 body…/body 网页主体标记文本标记 font-size 文本大小 font-weight 文本粗细 color 文本颜色 font-family 字体 font-style 文本样式 blockquote 文本缩进 strong 文本加粗 italic 文本倾斜 px 像素 p…/p 段落 h1……h6 标题 br 换行符 Align 文本对齐方式 Center 居中对齐 Left 左对齐 Right 右对齐 Justify 两端对齐 2．表格标记 table…/tablecaption…/caption 表格标题 tr…/tr 行 td…/td 列 th…/th 表格的表头 Border 边框 Cellpadding 填充 Cellspacing