很多Web后台开发人员对前台开发人员有一种天生的优越感,感觉前台开发就是做做Web界面,没什么技术含量;前台开发人员不懂技术,就是美工。我就是这些后台人员之一。
不过有意思的是,虽然后台开发人员总是觉得自己高人一等,可让他们去做前台页面,却很少见他们能搞定。这方面我有亲身的经历。实际上我和一般后台人员还有点不同,我喜欢排版,喜欢做清爽的界面。我做的Word文档要比很多人结构清晰,层次分明。但我就是做不好页面。我花了大量时间,学了HTML,CSS,JavaScript,我对他们的语法都很清楚,但是就是没有做出一个很好看的页面来。难道后台开发人员就是天生没有美感,没法做美工?
我不信。
这两天打算做一个小网站,做页面的过程中,忽然有一些感触。我发现了自己的一个问题。
我总是拿着教科书上说的方法来做界面原型
=========================
教科书上说,页面的结构要和展示分离,逻辑要和结构分离。html里不能有展示内容,脚本要写在html之外。对于做产品来说,这是对的。这样做出来的页面可维护性好,容易修改。但这不适合做界面原型。界面原型的唯一要求就是快速搞定,快速反馈,快速修改,继续反馈,继续修改。当我有一个界面的想法时,快速把它变成现实界面看一下,远比按部就班写结构化良好的html和css重要。以往我的问题是,要写结构严整的html,前面加上一对html头部,把css和js拿到外面,html中定义一对class和id。界面原型还没有看到,单单做前面这些就已经费尽脑汁,而真正有用的界面还没做出来,而此时往往已经没精力去做了,每次界面开发尝试也就到此为止。
我认为这是一个很大的错误。我没有看过美工做的界面时什么样子,我相信他们应该没有良好的变成习惯,应该会把展示都直接写在html里。我相信我作为一个后台开发人员,如果看到这种美工页面时,我会在心里耻笑他们写代码的不良习惯,从而再次体会自己作为后台开发人员的优越感。但我忘了,他们真正的目标是把页面做出来,作为一个前台开发人员:“我心中有万千世界,只想与你分享”是最最重要的,其他编码习惯之类都是小事,原型有了,慢慢琢磨即可。
想想我们做后台程序,其实也是一样。我们写原型的时候,什么时候想过配置log4j?不是更多直接sysout打印吗?
做一个优秀的展现界面需要良好的美感,需要良好的创意和整体结构把握,其难度一点也不比做后台功能小。前后台应该拉通,这才是我们开发人员应该具备的能力。
不知道自己是否发现了后台人员做前台难的真正原因。但按照这个思路做下去,相信能最终做好的。
另外一个问题,设置某个html元素的style后,并不总是生效,因为有一堆的覆盖策略,并且不同浏览器的实现方法也不同,需要面对多浏览器兼容的繁琐问题,开发后台的人最烦这种事,这也是做html与做后台的很大区别。
分享到:
相关推荐
自己因为被json传值累得十分痛苦,所以痛定思痛,在实现了一个基本的传值方式后,在此上传资源!下载用过的朋友请多多指出不恰当的地方!
1.QQ:513187410 2.保证无毒 3.简单,方便,实用 4.实例可以自行改用 5.如有非法,本人无法律责任,由改动代码人负责! 6.需要更多本人作品,查找标签“朱建强” 7.请下载,杀毒后再使用!
运行环境jdk8+tomcat8+idea15+mysql; 运行方法:将代码导入你的idea中,根据提供的配置文件配置数据库和表,插入数据,。...本示例代码提供了一个完整的java web项目从后台到前台的执行过程,是一个很好的学习资源。
vs2008后台调用前台,前台调用后台代码
这周接到一个需求,需要在应用从后台切换到前台时,展示我们的广告。展示页面其实可以复用以前的开屏广告页,唯一的问题就是如何监听应用从后台切到了前台。 正文 在众多方法中,我采用了以下这种方式。废话不多说,...
解决从前台到后台数据传输的详细代码及注释
这是一个利用comet4j第三方插件,实现javaweb项目中后台消息向前台推送的一个功能,前台只要利用jquery,后台是用java实现,tomcat用7的版本
,但是由于不太友好,而且不太美观,后来才想自己做一个,当然了网上也有许多弹出对话框的jquery插件,不过平常使用的时候也没有什么特别复杂的要求,本实例包括一个JS需要在前台引用,和一个自定义类,需要放在App_...
app后台恢复到前台启动手势解锁.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
本实例是在一些网络资料的基础上整合出来的一个:以后台向前台页面推送消息的一个完整实例工程,采用了spring、dwr反转,实现的是后台向前台不断推送消息,并管理相关用户退出;可以用在如定时任务的桌面消息提醒之...
后台管理前台模板,包括管理员登录,首页是frame嵌套组成,有节点数构成管理目录
这是我个人从网上下载或者试问同事要的,总共包括32个后台界面模板,还有将近十个前台界面的模板,好的模板在编程中会省事许多,特意拿出来共享。
这是我给一个小口腔门诊开发的一个网站 <br>支持后台功能, 后台支持word复制修改前台页面 样式保留不会丢失 <br>本代码拿来就可以直接使用 <br>希望各位朋友看完后多给点建议 <br>
网络购物中心由前台管理和后台网站管理两部分组成。 前台管理 该部分主要包括商品展台、购物车、收银台、会员管理、商城公告及订单查询、商品查询等功能。 后台管理 该部分主要对商城内的一些基础数据进行有效...
资源描述:后台ASP生成前台静态网页,利于搜索引擎的收录!
JSP页面比较久了。只要把第一行的等等的代码还掉。就可以用了 。页面比较简单大方,但是该有的功能都有。前台页面 ,商品信息,购物车,订单,评论,修改密码。功能页面基本都有。...希望能帮到大家。
本程序中的帮助文件打开后,如果再次打开,会将后台已经打开的文件,置于最前面,而不会再次打开另一个进程。
asp.net中后台c#数组与前台js数组交互上述代码即为我解决问题所用代码,均已试验通过。
asp 网站 后台 前台
利用smarty+bootstrap+PHPExcel+做的后台。功能:表格上传字体繁转简;关键词替换;文章生成;角色模块;等等,前台没有什么内容,只有一个搜索框