网站页面设计
规范
编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载
页面设计规范
一、页面设计出图
页面宽度应该保持一致
同一项目的页面色彩应该保持一致。
接到项目设计任务时,主色调的颜色编码要记下来,统一。 二、切图
尽量做能重复的背景图片,。在保证图片质量的情况下图片文件尽量小。 三、页面布局
? 文件存放
首页和首页相关的页头页尾等页面文件放在根目录。
首页用的图片文件放根目录image文件夹里面
每个频道有单独文件夹来放,频道首页和子页面以及图片放在频道image文件夹里面。
Css文件放在页面同级的css文件夹里面
? 命名
页面命名尽量用英文。
图片命名应该遵循方便查找的原则比如linkTop_bg.jpg
Css命名都写成style_name.css 的格式
? 页面div+css布局方面:
页面大块布局用id来写
每个页面都有个最外层的包裹页#wapper(有益于维护)
#wapper{ margin:0 auto; width:页面宽度px}
#wapper下就分为
#header
#content
#footer
三个层
命名
左中右 left middle/center right 上下 top bottom
名字由多个单词组成 取各单词前4位(单词字母多的情况下)
使用骆驼命名规则,即第一个英文单词小写,从第二个英文单词起,头一个字母大写
如:leftcontent,写成:leftContent
栏目等级:col1 col2 col3 col4 col5 col6 宽度从大到小依次排列
头:header
内容:content/container
尾:footer
导航:nav
导航栏目:menu
侧栏:sidebar
栏目:col
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginNar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
友情链接:friendLink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
:list
提示信息:msg
小技巧:tips
栏目标题:title
图标: icon
注释:note
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
交换链接:link
四.页面语言编码规范
全部页面要统一编码,以免出现乱码(推荐国际通用utf-8编码,ASP.NET常用编码)
五,页面文件夹存摆放问题
统一的页面根据一定规则摆放(根目录无需摆放太多文件夹,不方便查找)
同一文件夹不要放太多文件,程序查找耗时.
静态页面统一放一个文件夹(在分放子文件夹,方便查找修改)
六,公共文件
公共使用的的类存放于App_code里,公共使用的方法存放在一起,不要到处散播到其他类文件增加重复代码率
七,命名规范
统一遵循一个一个规范,使命名更简洁更方便查找
八,数据库
数据库查询,添加,修改,删除,尽量不要使用拼写sql语句,对参数使用参数化传入,或使用存储过程,
分页查询不要使用全部数据查出在分页的做法,效率太低.
九,日志
统一的日志机制,使用公共方法写日志,方便检查系统整个流程
十,验证
用户输入验证,最好做到客户端与服务端双向验证(安全性考虑),用户能输入的位置都要做好安全验证,长度限制.