时代华奥

点击这里给我发消息    Tel咨询热线:0755-82555967    大客户热线:189-2645-5967
你的位置:首页 > 知识库 > 建站知识 > 正文

菜鸟如何进阶大鸟

时间:2012-07-27    来源:深圳时代华奥    分类:建站知识

菜鸟如何进阶大鸟?首先要问自己,是否也设计过类似下面的界面?

菜鸟界面一:“杂乱无章”

一个界面设计的好与坏,不仅仅是通过展现出来的界面来判定的,更是需要观看你是如何实现的,大鸟与菜鸟的区别就在于界面的背后是如何工作的。

一个菜鸟的界面代码往往是杂乱无章,东拼西凑,毫无设计可言,偶尔有几个好的地方也说不出个所以然,问之,答曰:“摘自网络”。

而对于大鸟们,我们可以通过它的代码看出他的设计思路,因为他们着重于设计,所以写出来的代码非常精简,看起来都会赏心悦目。

菜鸟界面二:“照搬网络”

作为一个编程人员,遇到问题谁都知道百度谷歌一下,但是同样是使用网络,那么菜鸟和大鸟的差别又体现在哪里呢?

当一个菜鸟一遇到技术上的问题,就立刻上网搜集答案,恨不得有跟自己情景一模一样的答案(这个过程还是相当曲折的),然后照抄下来,在自己机器上一运行,不行?接着找……找啊找啊找啊找,实在不行,自己在基础上更改几个参数,最终运行成功?啊,谢天谢地,终于出来了!

而大鸟们可不会这样,当他们遇到问题时,先静下心来进行分析,然后设计出自己的思路,进而将自己不懂的“点”通过网络来解决,最后思路走通,自己开始着手写代码,顺利实现自己所需功能。

看出来区别了吗?菜鸟们把网络当“万能解决器”,而大鸟们只是拿它当“工具”,如何运用网络,需要我们自己去思考,或许你现在作为一个菜鸟,你的问题网上都可以解决,但当有一天,网上没有你所需要的东西的时候怎么办呢?

菜鸟界面三:“推倒重来”

由于菜鸟们不会设计,没有经验,考虑不周,导致到达后期一发现问题,就卷土重来,最后导致工期延误。

而大鸟们则是提前把可能会发生的情况都进行了考虑,然后才设计自己的界面,最后菜鸟们遇到的问题早在大鸟这里规避掉了,提前完工,效率又高,面对这样的员工,有哪个老板不喜欢呢?

除了上面说的界面三大表现,还有一个界面代码:同样是制作一个表格显示数据的界面,使用table无法做为界面元素的可控性,而使用div及css则具有的可控性。

我们大家都知道菜鸟跟大鸟们的差距不是一天两天就能消除的,那么首先需要做的就是使自己的界面摆脱菜鸟级的水平。下面的三个步骤可以帮你做到这点。

第一步,要有自己的设计原则。

这点是很重要的,作为一个设计人员,我们必须要有自己的设计原则或者说设计风格,比如有人注重特效,有人看重精简操作,例如对于我来说,我比较喜欢精简的界面,那么我设计的界面的整体格局就是比较简单的(注意保持整体格调一致)。

第二步,要有全局观。

全局观可以体现你的设计思想,体现你的思路是否清晰。怎么做到有全局观呢?比如我们先从布局做起,先设计界面的整体布局(总体界面分为几块),然后是局部的布局(每一块都放些什么),别人一看你的界面布局代码,就知道你是有设计过的,而不是一个“菜鸟”。

第三步,学会未雨绸缪。

这点是需要经验的,对于没有经验的菜鸟们来说,一定要睁大眼睛,牢牢记住下面需要考虑到的情况。

1.按时交工。

这点主要是针对你有一些额外的服务性的功能,而这些功能你又没有把握,那么你要把额外功能实现推迟,可以不考虑去掉,先保证基本功能可以按时交付。没有一个老板喜欢总是拖延工期的员工。

2.边做边测。

做web界面,最大的一个问题就是浏览器兼容性问题,而没有考虑过兼容问题的界面一眼就会被看穿,所以要想摆脱菜鸟界面,一定要考虑兼容性问题,要在几大浏览器上都进行测试。

根据浏览器的内核,可分为三大类:

1)IE(IE6/IE7/IE8/IE9)及IE内核的浏览器(TT/遨游/世界之窗/360/sougou)

2)FireFox(FF3.5/FF4)

3)谷歌/safari/sougou

对于我们初步的测试,可从三类中任意挑选一个,比如我们挑选一个IE,一个FF,一个谷歌即可(对于初步测试完毕后,问题也基本处理差不多的时候,再测试其他浏览器)。

先测样式:先看打开各个浏览器是否“变形”,然后通过更改浏览器显示页面大小,使用放大和缩小(页面比例)这三种方法进行测试;最后改变分辨率继续使用以上三种方法进行测试;

再测浏览器对js的支持:在ie下可用来测试js脚本的错误,js的一些属性方法有些浏览器不支持,可通过使用jquery或者自己用js编写一些自己需要的方法即可。

对几个浏览器需要注意的几个问题,尤其是ie6,很惹人烦,它的margin属性解析出来比别的浏览器要大,还有好多css样式属性不支持,如非a标签的hover属性,min-width等属性都不支持,具体的大家在做之前一定要先查询一下,js同理;除此之外,大家要权衡一下div和table的使用,div灵活兼容性不好,table死板兼容性好,但是什么情况下如何使用大家要提前考虑清楚。

注意:一定不要等到全部做完再进行测试,这样很有可能导致你的界面完全变形,我们需要按照单元测试的原则一点一点的进行测试,而且还有一点很重要:尽量更改css或js,少更改代码结构。

以上只是时代华奥的总结,希望于你有所帮助。

上一篇:5款网站性能在线测试工具 下一篇:糖饼:高性能JS引擎原理解析
关于我们
服务项目
作品案例
资讯中心
业务关键词
旗下品牌
时代华奥——高端网站建设服务机构 邦设计——VIS/标志设计、画册/宣传设计、产品包装设计 馋猫网——提倡饮食健康资讯平台
 
扫描二维码即可访问当前网站
咨询热线
大客户热线