如何布局登录页面
混迹学习网 N 长时间了,学习网也陪我度过不少青涩的岁月。一直想给学习网奉献点
什么,但苦于忙碌奔波于尘世琐事之中无暇抽身。今天终于驱除杂念,一心向佛,痛定思痛,
分享点自己的心得。另外写教程是辛苦的,诸位转载请注明“豪情”字样。
所谓 login 就是一般的登录页面,应用系统或网站后台都会用到这个 login 页面,因为通
过这个页面的用户名密码信息的验证才能登进系统做必要的操作。所以这个页面这个页面的
关键及重要性不言而语。另外本人也是拋砖引玉,借此更好向高手们学习靠近。
第一步:先从工具谈起,工具建议使用 dw cs4 + zen coding 组合。关于这个组合的具体
请参看我的另外几篇文章。
http://www.cnblogs.com/jikey/tag/zen+coding/
也许会有人问,不用 dw cs4 不行吗?不用 zen coding 不行吗?我的回答是:当然可以。
但是用了这两个工具之后,使你的工作效率能提高许多。同样一件事情,你用别人一半的时
间就做出来了。这就是你的优势,这就是竞争中最大的筹码。
第二步:拿到设计图,先别急着切,先分析。
因为切图不只是切图,设计不只是设计。你得考虑四方面的因素:
1. 合理的切图,语义准确,注释明了。
这个主要就是考虑不同的浏览器,不同的显示设备等等。
语义我就不说了,这不是一个入门分享,而是在掌握基本概念的基础上的实例分享。注
释明了的意思是:不管是 css,html 文件都要写好注释,不然,过一段时间,某块代码块的含
义你自己都会搞不清的,别说是其它人。
2. 切图的同时更要考虑程序嵌套问题。
因为你切完图的页面是交给程序员的,而程序员是看的不是设计视图,而是干干净净的
代码。所以这时候考虑代码的缩进,合理的结构嵌套循环,无论是 div 还是 table。就程序来
说,它处理的是页面上有机的重复的 html 结构单元,而不只是为了得到浏览器里边最终效
果。设计图里的内容是不可变的,而程序处理的内容是可变的。
另外:你的思维是平面散发式的,程序员的思维是直线逻辑性,有时候要站在别人的角
度来思考问题,你会有更意外的收获。
3. 合理的把握时间。
整个项目有总体的时间,到你这儿有单独的页面开发时间。这个时间要掌握好,因为时
间是质量的灵魂。
4. http 请求,浏览器最简单的执行原理,计算机最基础原理。
这个是最主要的,好多开发者,都不知道什么是 http 请求,浏览器执行原理是什么东
东,我现在用的浏览器版本,不太清楚,应该是 ie9 吧。
这里我想说的是:因为你从事的是这个行业,这个行业有它本身的游戏规则,不知道游