关闭

关闭

封号提示

内容

首页 山桐子网站设计规范标准说明书[教材].doc

山桐子网站设计规范标准说明书[教材].doc

山桐子网站设计规范标准说明书[教材].doc

上传者: -执子之手与偕老无关 2017-10-27 评分1 评论0 下载0 收藏0 阅读量498 暂无简介 简介 举报

简介:本文档为《山桐子网站设计规范标准说明书[教材]doc》,可适用于企业制度领域,主题内容包含山桐子网站设计规范标准说明书教材山桐子网站设计规范标准说明书一(目的规范能使页面相同属性单元识别统一防止混乱出现错误避免用户在浏览时理解困难。突出个符等。

山桐子网站设计规范标准说明书教材山桐子网站设计规范标准说明书一(目的规范能使页面相同属性单元识别统一防止混乱出现错误避免用户在浏览时理解困难。突出个性减少设计时间节约资源的目的。相同的属性能够重复利用减少资源。上手简单能够让界面设计师用户体验设计师前台技术工程师发布支持人员运营编辑人员得到详细的参照。二(网站界面设计标准(网业宽度网页设计采用px*px分辨率产品宽度:px产品间距:pxpx(字体正文采用宋体号颜色:#用黑体号号用做标题(图形表单三(存储目录名的设计标准存储目录名)不要将所有文件都存放在根目录下)子目录的建立首先按主栏目建立以及图片分类)在每个主目录下都建立独立的Images目录)不要使用中文目录以英文、拼音为主)所有广告、交换链接、banner等保存到adv目录(链接结构树状链接结构与性状链接结构相结合。链接规范)新闻、信息类通常用新开窗口方式打开。)顶导航、底部导航通常采取在本面打开特殊栏目和功能可新开窗口。)链接带下划线为链接通常的默认网格、顶部导航或特殊位置为观赏性可用样式表取消下划线。)链接的颜色可配合主题颜色风格改变通常蓝色、暗蓝色、黑色,但激活的链接颜色、鼠标移动其上应有所变化。四(文件名规范)以每个子模块的开头字母为每一个子模块建立文件夹名。)索引文件统一使用indexhtml文件名。)如有必要每一个子目录下也要包含一个indexhtml文件。)文件名统一用小写的英文字母数字和小划线的组合来命名尽量按照先后顺序来编文件名。)多个同类型文件使用英文字母加数字命名字母和数字之间用下划线分割。数字位数与文件个数成正比不够的用补齐。)图片的名称应分为头尾两部分中间用下划线隔开。头部分表示此图片的大类性质。尾部分用来表示图片的具体含义用英文字母表示。如过鼠标感应效果图片命名规范为"图片名onoff"。)所有的JS文件CSS文件CGI文件多媒体文件等都应该以其含义的英文或英文简写来命名。)文件名称统一用小写的英文字母、数字和下划线的组合来命名尽量按单词的英语翻译为名称。)必须建立网站文件清单及其说明文档。五(代码规范代码名称代码说明(网页元素Doctype网站声明<html>„<html>html标记<head>„<head>头部标记meat(namehttpequiv)网页属性说明<title>„<title>网页标题<body>„<body>网页主体标记文本标记fontsize文本大小fontweight文本粗细color文本颜色fontfamily字体fontstyle文本样式blockquote文本缩进strong文本加粗italic文本倾斜px像素<p>„<p>段落<h>„„<h>标题<br>换行符Align文本对齐方式Center居中对齐Left左对齐Right右对齐Justify两端对齐(表格标记<table>„<table><caption>„<caption>表格标题<tr>„<tr>行<td>„<td>列<th>„<th>表格的表头Border边框Cellpadding填充Cellspacing间距Bordercolor边框颜色Background背景图片Bgcolor背景颜色Width宽度Height高度Valign垂直位置(链接标记<a>„<a>超链接标记Href链接路径Target链接目标a:link正常超链接样式a:visited访问过的超链接a:hover鼠标悬浮超链接样式a:active按下鼠标时超链接样式textdecoration修饰(层标记div层标签apdiv绝对元素divspan也是层标签position位置left层距离左边距离top层距离顶部距离zindexz轴大小backgroundimage背景图片visibility可见性backgroundcolor背景颜色inherit继承父层的可见性visible一直可见hidden隐藏(表单标记<form>„<form>表单标记Action动作Method方法Enctypemime类型<label>„<label>插入表单对象标记Submit提交表单Reset重设表单Value值(其他标记Img插入图片标记Src插入图片路径<object>„<object>插入媒体文件对象标记<embed>„<embed>视频、音频标记Hr水平线CSS样式代码(类型代码fontfamily字体fontsize大小fontstyle样式lineheight行高fontweight粗细fontvariant变体texttransform大小写color颜色textdecoration修饰(背景代码backgroundcolor背景颜色backgroundimage背景图片backgroundrepeat重复backgroundattachment附件固定、滚动backgroundposition位置水平、垂直(区块代码wordspacing单词间距letterspacing字母间距verticalalign垂直对齐textalign文本对齐方式textindent文字缩进whitespace空格display显示(方框代码width宽度height高度float浮动clear清除(一般不使用)padding填充(内容与边界的距离)paddingtop内容距离上边界多远paddingright内容距离右边界多远paddingbottom内容距离下边界多远paddingleft内容距离左边界多远margin边界(整个方框与外部的距离)margintop方框距离上面多远marginright方框距离右边多远marginbottom方框距离下边多远marginleft方框距离左边多远(边框代码bordertopstyle上边框样式borderrightstyle右边框样式borderbottomstyle下边框样式borderleftstyle左边框样式bordertopwidth上边框宽度borderrightwidth右边框宽度borderbottomwidth下边框宽度borderleftwidth左边框宽度bordertopcolor上边框颜色borderrightcolor右边框颜色borderbottomcolor下边框颜色borderleftcolor左边框颜色(列表代码liststyletype列表类型liststyleimage项目符号图像liststyleposition列表位置(定位代码(对层使用)position位置或者类型(绝对、固定)visibility显示(可见、隐藏)width宽度zindexz轴大小height高度overflow溢出(内容满了以后的状态)top距离上边多远right距离右边多远bottom距离下边多远left距离左边多远clip剪辑(上下左右剪掉相应的大小)(扩展代码pagebreakbefore分页之前样式pagebreakafter分页之后样式cursor鼠标样式filter过滤器(暂时不知道怎么用)六(“山桐子”网站的设计标准(网站的主题、UI风格、色彩的分析网站主题:山桐子能源科技网站它的主题就是山桐子它的利用价值科技成品及为人类做出的重大贡献。UI风格:用户界面的设计主要以白色和绿色为主要色彩清新脱俗的感觉。色彩的分析:主体色为白色和绿色浅蓝色的搭配使得网站的整体效果给人一目了然的感觉网站主题:山桐子能源科技网站它的主题就是山桐子主要介绍山桐子的形态特征植物形态生长习性生态环境地理分布、病害防治、应用价值它的利用价值科技成品及为人类做出的重大贡献。(模块功能目录名的创建(新闻中心:目录:news用途:存放于新闻中心下的相关文档。(公司简介目录:gongsjj用途:记录下公司的一些介绍。科技文献目录:kejwx用途:供用户浏览下载和使用。产品简介目录:chanpjj用途:介绍该产品的相关信息供用户选择。会员特权目录:vip用途:会员比一般用户拥有更多的权力比如:能试用新产品。(在线留言目录:zaixly用途:帮助和解决用户在使用本产品中遇到的各种问题。订单目录:dingdan用途:记录下各笔要销售出去的产品。(合作伙伴目录:hezhb用途:跟公司有关联的企业的记录。(图片目录:images用途:存储所有的公共图片。(模板目录:Templates用途:存储所有的文件模板。(上传文件目录:upload用途:存储所有的上传文件。浏览者目录:download用途:记录下所有浏览者的信息。(css样式目录:style用途:运用的相关文件的样式公共的文件目录:include用途:使公共的文件信息记录在案。(主要文件名的创建)以每个子模块的开头字母为每一个子模块建立文件夹名。功能:用做放每一个子文件名。)索引文件统一使用indexhtml文件名。功能:方便搜索。)如有必要每一个子目录下也要包含一个indexhtml文件。功能:方便搜索。)文件名统一用小写的英文字母数字和小划线的组合来命名尽量按照先后顺序来编文件名。功能:不会出现乱码容易修改错误出。

类似资料

编辑推荐

第一次世界大战战史_[英]李德·哈特.pdf

ERP沙盘模拟实训总结—财务总监.doc

2、棕色的熊、棕色的熊,你在看什么.ppt

周易尚氏.pdf

电子相关导论(英文版)Introduction to Electron Correlation.pdf

职业精品

精彩专题

海归起薪低,怎么解

留学6年回归工作,底薪只有两千,海归“贬值”了吗?如何将海归的思维更加创新、语言优势,沟通更主动等这些优点发挥出来,不要自我评价太高,稳稳当当制定求职标准,写好求职简历,告别低薪不是问题。

用户评论

0/200
    暂无评论
上传我的资料

精选资料

热门资料排行换一换

  • 【亚里士多德研究】亚里士多德范畴…

  • 文物(1961年第一期).pdf

  • 《聊斋志异》与六朝志怪小说100…

  • 公元干支推算表.pdf

  • 林县志.pdf

  • 振动力学.pdf

  • 卫辉市志.pdf

  • 辉县市志.pdf

  • 实用汉语语法与修辞.pdf

  • 资料评价:

    / 9
    所需积分:0 立即下载

    意见
    反馈

    返回
    顶部