美工？或者UI工程师？

最近在改一个界面, 和div,css扛上了．
可这东东的确不是我的长项，或者说，对div这套用法本身也没有特别好感．非得把table清除干净，这又何苦？　

一直觉得团队需要一个精通div+css，顺带javascript也尚可的人．
可以把此人定位成专职UI工程师．负责配合美工，将ps效果图做成最终的页面或模板页面．

现状是我们只有美工．ps功力不错，可对于页面代码本身的把握并不好．由她直接提供的页面，一打开就心里打紧，总觉得不踏实．
现在要求div化了，她就几乎不怎么参与了，很多需要由我们自己来处理界面的细节调整．
而我们自己搞定的布局，往往一波三折，代码的兼容性还差～～！　相当无奈

这中间真的是少了一层：div+css高手！　需要这样的人才能让我们解脱．
始终觉得：
PS美工和页面人员还是分开的好，一个人很难精通两个角色的扮演！

不知道其它团队是如何做的？

评论

67 楼 pashanhu 2010-04-12  

我太可怜了，公司有N个项目。我一个美工。所有的页面效果都一个人做，界面原型一个人写（包括DIV+CSS，基础JS，EXT，Jquery，主流浏览器兼容）。最后自己还要测试可用性，交互等等。更麻烦的是，最近还要学习Flex,因为有Flex项目要用CSS，更郁闷的还要做Flash，VI等。  唉，工资该给我翻倍了。

66 楼 loocao 2009-08-25  

两个月前...我还在做前台后台一锅端的事儿.

65 楼 jammy.zhou 2009-08-13  

weijavamen 写道

確實如此,我也有同樣的體會！不擅長前台的我们需要花时间去补补吗？

如果知其然，只是不擅長的话，这样也就够了，不至于有团队环节沟通障碍。要是你已经擅長了，自然就不必有这样的烦恼　　
不过，说到底一人身兼数职在多数情况下是不如专职人员有保证的。

64 楼 weijavamen 2009-08-13  

確實如此,我也有同樣的體會！不擅長前台的我们需要花时间去补补吗？

63 楼 alexcheng 2009-08-12  

核心在于让富含语义的HTML，HTML负责结构，CSS负责展示。DIV是一个通用的块元素，在没有其他更适合的元素的时候，用它是可以的。与它功能一样的是通用的行内元素SPAN。

关于CSS，这方面的人确实挺缺的，尤其熟悉各种浏览器的兼容性问题。

62 楼 fantasyfire 2009-08-12  

我在我们公司扮演的就是这个网页制作的角色，这个角色是需要的！

61 楼 艾岚珂 2009-08-09  

貌似这方面真的是很缺人手，我这方面也是刚开始学习的

60 楼 hengheng 2009-08-06  

lw223 写道

少女杀手 写道

tianhaoleng 写道

DIV+CSS……这个说法就看出来你不专业……

那你说说什么叫“专业”呢？你说的专业是指达到什么样的程度呢？
为什么说DIV+CSS，就不专业呢？
好多书都是这么写的--《别具光芒DIV+CSS网页布局与美化》

不太明白你的意思，能给我们解释一下吗？
上面好多人都说DIV+CSS,而且好多面试要求也都写着DIV+CSS啊！

div只是个页面标签而已，没有任何作用，真正控制样式的是css。 也可以用table然后所有样式都写进css。
div+css不是说精通div和css，而是要精通css，div不是技术。

不知道从几时起，国内刮起了web标准的大风。很多大型网站的布局都进行了重构。这一过程的中心思想就是，让标签作它们应该作的事情。让html来组织页面结构。让css来表现页面。
而在重构的过程中，用的最多的地方可能就是div了。因为大的布局基本上都用div替换掉了table标签。
所以，就有了 div+css 的说法。准确的说。应该是 xhtml＋css。 其实我觉得什么名字其实关系不大。知道这其中的思想就好了。

59 楼 lw223 2009-08-05  

少女杀手 写道

tianhaoleng 写道

DIV+CSS……这个说法就看出来你不专业……

那你说说什么叫“专业”呢？你说的专业是指达到什么样的程度呢？
为什么说DIV+CSS，就不专业呢？
好多书都是这么写的--《别具光芒DIV+CSS网页布局与美化》

不太明白你的意思，能给我们解释一下吗？
上面好多人都说DIV+CSS,而且好多面试要求也都写着DIV+CSS啊！

div只是个页面标签而已，没有任何作用，真正控制样式的是css。 也可以用table然后所有样式都写进css。
div+css不是说精通div和css，而是要精通css，div不是技术。

58 楼 energykey 2009-08-05  

jammy.zhou 写道

这条倒是写得挺实在，感觉是应该按这么个顺序～！　能具体可以举个小例子？！

哎呀ie的BUG解决方案已经很成熟了，网上搜搜基本没问题的，这个在于积累，像我现在遇到JS不兼容的问题了，用 EXT ff下一切正常，IE系列报错，，，自己写的么还好，用的是框架，麻烦大了。不过还是打算用最原始的方法：注释+alert();呵呵。我记得我师傅曾教导我，出错了总有原因的，有时候会遇到一些莫名其妙的BUG，但往往都是粗心大意造成的，到最后恍然大悟，不得不拍自己的脑袋。。。哎，原来如此。

57 楼 少女杀手 2009-08-04  

jammy.zhou 写道

airport 写道

我原来的公司就专门配置一个js+div+css的人，专门给美工做页面切图和页面代码工作。

你们的这种团队配置，是我比较喜欢的～！　

是啊，就应该配一个这样的人啊！
郁闷死，今天调半天JS，花好长时间，现在弄出来了，结果就10多行的代码，可是浪费我半天时间！

56 楼 少女杀手 2009-08-04  

tianhaoleng 写道

DIV+CSS……这个说法就看出来你不专业……

那你说说什么叫“专业”呢？你说的专业是指达到什么样的程度呢？
为什么说DIV+CSS，就不专业呢？
好多书都是这么写的--《别具光芒DIV+CSS网页布局与美化》

不太明白你的意思，能给我们解释一下吗？
上面好多人都说DIV+CSS,而且好多面试要求也都写着DIV+CSS啊！

55 楼 jammy.zhou 2009-08-04  

energykey 写道

我在公司的职位定性为WEB工程师，后台我也写，SSH+FTL+AJAX【ext,yui】，现在公司有美工但不会CSS，没办法，就由我来写了，以前做了一年的WEB开发，经常自己调整布局啊什么的，这东西其实没那么难，积少成多，我开始没信心的，结果我一边摸索一边套还是给整出来了，FF IE6都兼容的，IE6也就一个margin和padding的问题，写个_margin _padding这样的补丁，搞定！我现在的搞法是，以FF为标准，FF出问题了说明我肯定是CSS的写法有问题，如果FF没问题IE除问题了，那我就写补丁，因为只有IE6才会执行！~

这条倒是写得挺实在，感觉是应该按这么个顺序～！　能具体可以举个小例子？！

54 楼 jammy.zhou 2009-08-04  

airport 写道

我原来的公司就专门配置一个js+div+css的人，专门给美工做页面切图和页面代码工作。

你们的这种团队配置，是我比较喜欢的～！　

53 楼 jammy.zhou 2009-08-04  

quhxuxm.quh 写道

应该不缺这方面的人吧？
我们全是用DIV+CSS做的。
现在的Java程序员有几个不会用DIV和CSS的？
现在是一个Hibernate,EJB,Spring,jQuery,CSS,HTML一个都不能少的时代啊！

RMB够多的话，楼主可以找我做兼职：）

不开玩笑，MSN:[e-mail]

呵呵，我们现在也是用的。我文中也只是说让java程序关注的东西太多了，没什么好处。
懂和精完全两码事来的。
我倒是一直建议上头招两个专门的页面工程师，怎奈boss更倾向于降低成本。这也是合情不合理罢了。换了我当boss，也得省钱～！

52 楼 jammy.zhou 2009-08-04  

robertpi 写道

这东西就是入门容易精通难，高手只在大的互联网公司，也就他们养的起。

这话有同感。有些东西不是不懂，就是把握得不够精。才导致问题多，用着不爽。
其实，很多技术工具都一样，用得好，如鱼得水。用得不好，就是砍了自己了。

51 楼 meiowei 2009-08-03  

我们都是身兼数职，先做设计，完了再demo，开发，测试，实施，维护。一个都不少

50 楼 lifesinger 2009-08-03  

bhj626 写道

lifesinger 写道

对于二维数据展现，table是最好的方式
世上本无 div + css 这个说法，是中国人的移花接木

预先定义好 col width, 用 table 加载数据也是逐行渲染的，不用等到数据全部加载完成时才显示

用 div 模拟 table，很难维护，语义上也很糟糕，比 table 差远了

table布局最容易，但是最终还是要转为DIV+CSS，你应该多看看相关资料

div + css 是国人对 html + css 的一个误解。

一般来说，布局有页面布局和模块布局。

对于页面布局，目前采用 div + css 是 ok 的，等 html 5, 可以直接用 header, content, section, aside, footer 等更合适的标签来布局。目前 div 只是权宜之计，无奈中的过度方案。

对于模块布局来说，应尽量避免 div + css. 如果是数据展现，用 table 天经地义。如果是列表，则用 ol/ul/dl. 具体用什么模块，根据具体模块来定。法无定法，需要努力追求在最恰当的地方用最合适的标签。

49 楼 bhj626 2009-08-03  

lifesinger 写道

对于二维数据展现，table是最好的方式
世上本无 div + css 这个说法，是中国人的移花接木

预先定义好 col width, 用 table 加载数据也是逐行渲染的，不用等到数据全部加载完成时才显示

用 div 模拟 table，很难维护，语义上也很糟糕，比 table 差远了

table布局最容易，但是最终还是要转为DIV+CSS，你应该多看看相关资料

48 楼 bhj626 2009-08-03  

ylssww 写道

DW 所见所得但会生成不少废代码，现在还是靠手写。做web app的飘过。

同感，我在公司从不用DW，