关闭

关闭

关闭

封号提示

内容

首页 页面设计规范

页面设计规范.doc

页面设计规范

吴子晴 2017-09-25 评分 0 浏览量 0 0 0 0 暂无简介 简介 举报

简介:本文档为《页面设计规范doc》,可适用于IT/计算机领域,主题内容包含页面设计规范页面开发规范面开发规范概述背景目的规范细则页面设计意图明确页面HTML代码结构清晰,易于阅读和研发嵌入程序代码页面流程清晰,指向明确页面符等。

页面设计规范页面开发规范面开发规范概述背景目的规范细则页面设计意图明确页面HTML代码结构清晰,易于阅读和研发嵌入程序代码页面流程清晰,指向明确页面制作规范及其细节,增强seo效果页面id,class及其css命名规范参考,提高团队开发效率和方便管理第页共页页面开发规范概述背景不规范的页面,会存在很多的冗余代码、结构不合理等现象,将对研发的嵌套工作造成了一些影响,HTML页面代码的易读性较差。目的规范HTML页面,减少冗余代码提高代码的易读性逐步提高设计师对代码的理解,能够和开发工程师更好的交互让页面更优化,高效让用户能够更好的体验规范细则页面设计意图明确,页面标题明确,能清晰反映本页面策划功能,禁止“无标题文档”,“标题,标题”等归属不明确标题”“,页面文字描述清晰,和产品策划人员沟通确认页面文字描述,同项目中不同页面中相同或者相似功能页面文字描述保持一致性页面HTML代码结构清晰,易于阅读和研发嵌入程序代码,HTML代码分区明确在页面的每一个功能分区前后加入标记,说明此区块的功能指向,例如第页共页页面开发规范<!统一头开始铃声排行开始>第页共页页面开发规范<!统一头结束铃声排行结束>,代码结构清晰明确,要求HTML标签的开始和结束对齐,合理换行,代码缩进符合规范的代码,<!铃声排行开始><tablecellpadding=””cellspacing=””border=””><tr><td>这里是内容区域<td><td>这里是内容区域<td><tr><table><!统一头结束铃声排行结束>不符合规范的代码,<tablecellpadding=””cellspacing=””border=””><tr><td>这里是内容区域<td><td>这里是内容区域<td><tr><table><tablecellpadding=””cellspacing=””border=””><tr><td>这里是内容区域<td><td>这里是内容区域<td><tr><table>,同项目中不同页面中类似区域保持一致,例如表格样式、表格文字的对齐方式,要注意表格单元格中文字的对齐方式、距离等因素第页共页页面开发规范页面流程清晰,指向明确,页面中的链接指向正确,链接指向代表了操作流程,操作流程的合理性在此会得到反映,页面中的链接指向禁止使用空链接以及#号代替,不同页面的文字、链接的样式等要保持风格一致性,导航链接清晰、指向明确完整、风格一致,不同页面图标、按钮风格一致,间距合理美观,页面中能够少用图片就少用图片,尤其背景色、边框等,尽量少用图片,页面中不要保留从其他页面拷贝的无用Javascript代码,页面中使用的style、javascript要单独放到文件引用,不能直接写入页面页面制作规范细节,增强seo效果,命名一律小写,尽量用英文,尽量少加中杠和下划线,尽量不缩写,除非一看就明白的单词如果可以话,目录建立的原则,以最少的层次提供最清晰简便的访问结构,根目录一般只存放indexhtm以及其他必须的系统文件,每个主要栏目开设一个相应的独立目录,根目录下的images用于存放各页面都要使用的公用图片,子目录下的images目录存放本栏目页面使用的私有图片。,所有的CSS,js的都采用外部调用,<LINKhref="stylestylecss"rel="stylesheet"书写时重定义的最先,伪类其次,自定义最后,其中teda:linka:visitype="textcss">a:hovera:actived要按照顺序写,便于自己和他人阅读。,为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的pt和pt,px一般使用中文宋体px和px这是经过优化的字号,黑体字或者宋体字加粗时,一般选用pt和px的字号比较合适。,图片都加上alt标签,防止嵌入程序时候程序员忘记此标签调用,合理的使用标题等文字去描述图片,这样能增加页面的关键字密度。,尽量不使用Table布局,去掉页面中的例如fontbgcolor等格式化控制标签。用符合web标准的代码来制作页面。这样能够让代码结构化、语义化。提高页面代码的可读性。,首页HTML代码的<head>和<head>之间的内容,容易忘记加入的标签,网站简介<METANAME="DESCRIPTION"CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">搜索关键字<METANAME="keywords"CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">第页共页页面开发规范id,class及其css命名规范参考,提高团队开发效率和方便管理,页面不统一的命名规则,会导致新制作没法很快接手,没法很好的维护现有的页面,一个大型的网站来说这个是一个重大的失误,所以制作请统一命名规范,大型网站团队开发统一的命名规范,增强代码可读性,便于制作之间接手,配合,提高团队开发效率以下是增强SEO的divcss命名规范实例cssclass的命名页头,header登录条,loginbar标志,logo侧栏,sidebar广告,banner导航,nav子导航,subnav菜单,menu子菜单,submenu搜索,search滚动,scroll页面主体,main内容,content标签页,tab文章列表,list提示信息,msg小技巧,tips栏目标题,title加入,joinus指南,guild服务,service热点,hot新闻,news下载,download注册,register状态,status按钮,btn投票,vote合作伙伴,partner友情链接,friendlink页脚,footer版权,copyrightcssID的命名外套,wrap主导航,mainnav子导航,subnav页脚,footer整个页面,content页眉,header页脚,footer商标,label标题,title主导航,mainnav,globalnav,顶导航,topnav边导航,sidebar左导航,leftsidebar右导航,rightsidebar旗志,logo标语,banner菜单内容,menucontent菜单容量,menucontainer子菜单,submenu边导航图标,sidebarIcon注释,note第页共页页面开发规范面包屑,breadcrumb(即页面所处位置导航提示,容器,container内容,content搜索,search登陆,login功能区,shop(如购物车,收银台)当前的current另外在编辑样式表时可用的注释可这样写,<–Footer–>内容区<–EndFooter–>样式文件命名主要的mastercss布局,版面layoutcss专栏columnscss文字fontcss打印样式printcss主题themescss第页共页

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +1积分

资料评分:

/8
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部

举报
资料