程序员和美工合作要注意的一些问题

   谈到美工和程序员的合作，很多人怨声载道，美工有程序也有。这里面列出两方面都要注意的一些问题，也是自己在工作中的一点体会。

  美工：

  1.不要把div+css奉为神明。
    原因有两个，一是：程序员的水平参差不齐，相当一部分程序员对div+css很陌生，曾经就有很多程序员要求我用table布局。虽然要求不合理，但是为了项目的进度，你不能苛求程序员在短时间内了解div+css。幸运的是这种情况很少遇到。二是：不是所有的东西都适合用div+css，表单、数据表，自己还是倾向于用table，自己写着方便，程序员用着也方便。

  2.写出优美规范的代码    样式和结构分离这是最基本的要求，在一堆样式中去寻找输出标签对于程序员来说是很要命的事。命名规范、css属性书写顺序，这些前面都探讨过。至于css样式横着写，还是纵向写，这应该属于个人习惯，但是一定要整齐，该缩进的缩进，该注释的注释。xhtml结构的书写更要注意整齐，用分层缩进的写法显示嵌套结构的层次。这样方便自己也方便别人。

  3.写结构时要考虑程序输出问题
    譬如:一条标题的字数，程序从数据库读出这条数据，肯定是一字不落的，那么超出宽度的话，是隐藏还是显示省略号，还是折行？这些在写静态页面的时候都要考虑到。因为设计图上是体现不出来这些问题的。
再譬如：下面的腾讯首页的新闻列表



我们可以左边一个ul列表右边一个，但是这并不方便于程序输出。所以我们只用一个ul列表，让li左浮动。

  4.兼容性、文件编码
    兼容性这个自然必不可少，不同的浏览器，相同浏览器不同安全设置，不同的编码环境都可能呈现出不同的问题。如果实现考虑到，后面就会好搞很多。

  程序员：

  当然我不是程序员，虽然我大学学的是.net系统开发，但是你现在叫说出.net里面都有哪些控件，我都说不出几个。我只是站在美工的角度，说几点程序要注意的地方。

  1.摆脱table
   很多程序员都是从table时代走过来，拿到一个table页面游刃有余，面对div标签就傻眼了。我们要与时俱进不是吗？

  2.不能为了自己方便牺牲了页面效果
  这个从页面效果一出来那刻起，页面制作和程序员都应该有这样的想法。前几天做了一个页面，我写了个很炫的分页样式，但是同事用了一个.net第三方分页控件，我写的那些自然就作废了，我要重新根据这个控件的结构写样式。程序员是方便了，我就要再返工。我想说，方便是相互的大家好才是真的好。

  3.避免丢三落四  在填充数据的时候，尤其不能丢了标签。

  就想到这么多，自己的一些体会，不一定对。

  本文原创，转载注明出处：http://www.woaicss.com

[本日志由 woniu 于 2010-01-20 05:23 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 美工程序员沟通
相关日志: