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

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

ID:6136978

大小:143.50 KB

页数:8页

时间:2018-01-04

山桐子网站设计规范标准说明书_第1页
山桐子网站设计规范标准说明书_第2页
山桐子网站设计规范标准说明书_第3页
山桐子网站设计规范标准说明书_第4页
山桐子网站设计规范标准说明书_第5页
资源描述:

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

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文件,CG

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

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

段落

……

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

6、h宽度Height高度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继承父层的可见性visib

7、le一直可见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变体

8、text-

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。