网页设计 订阅所有【网页设计】的日志

谈谈网页美工如何与程序员更好的配合

编辑:dnawo 日期:2007-05-22

字体大小: 小 中 大
做为一名网页美工，也是一名设计人员，首要条件就得有扎实的设计功底，这应该是无可厚非的。但做为一名合格的网页美工，个人认为其工作并非只将页面设计出来而已，还应有娴熟的切片技术以及和程序员配合协调完成工作的能力(注：在一些公司中页面设计和切片人员是不同的，但大多地方他们都由同一人完成)。下边综合我平时和美工配合工作中出现的一些问题，希望能作为大家日后工作中的一些参考，以便更好的和程序员配合。

一、缺页

在套程序的时候突然发觉一些页面离奇失踪了！我觉得一个团队只有每个人都做自己擅长的，这样合作起来才会有质量、有效率，所以我是非常讨厌在套程序的时候还要去补充页面的。但实际工作中统计下缺失的页面后，能做的我一般还是自己做，做不了的还只能交给美工了：（。一般来说，缺页的原因主要有以下几种：

1.对网站整体功能需求不了解

对客户的具体需求只是一个大概的了解，还不够详细，因而只能大概的做出一些页面，缺失在所难免。

2.偷懒

像一些新闻显示页，觉得它和其他页面差不多，程序员随便找个页面改改就好了。其实就这个看似简单的页面还是有很多东西可做的：如果除了标题和内容外还要放置作者、发布时间、点击量、控制字体大小链接、打印本页按钮、关闭本页按钮，那么就得好好的布下局了。

3.对网站一些功能模块没有概念

这种情况常出现在带有会员注册模块的网站中，经常会缺失会员登录成功后发布信息、修改资料的页面。

二、排版

1.同一页面重复的地方尽量让他有规律性

下边是一个新闻列表：



用下边三种方法都能实现，但建议采用第一种，大家可看下其中的差异性：
复制内容到剪贴板程序代码 程序代码
<table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#33CCFF">
  <tr>
    <td width="21" height="20" align="center" valign="middle">·</td>
    <td width="196" height="20" valign="middle">中消协与省消委联合曝光医疗...</td>
    <td width="83" height="20" valign="middle">2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="center" valign="middle">·</td>
    <td height="20" valign="middle">9种植物油水分和掺混不合格</td>
    <td height="20" valign="middle">2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="center" valign="middle">·</td>
    <td height="20" valign="middle">不合格药品曝光</td>
    <td height="20" valign="middle">2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="center" valign="middle">·</td>
    <td height="20" valign="middle">品牌“大好大”葵花籽涉嫌质量...</td>
    <td height="20" valign="middle">2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="center" valign="middle">·</td>
    <td height="20" valign="middle">美名洋海椒面含苏丹红</td>
    <td height="20" valign="middle">2007/05/16</td>
  </tr>
</table>

复制内容到剪贴板程序代码 程序代码
<table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#33CCFF">
  <tr>
    <td height="20" align="left" valign="middle">·& nbsp;中消协与省消委联合曝光医疗...& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="left" valign="middle">·& nbsp;9种植物油水分和掺混不合格& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="left" valign="middle">·& nbsp;不合格药品曝光& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="left" valign="middle">·& nbsp;品牌“大好大”葵花籽涉嫌质量...& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</td>
  </tr>
  <tr>
    <td height="20" align="left" valign="middle">·& nbsp;美名洋海椒面含苏丹红& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</td>
  </tr>
</table>

复制内容到剪贴板程序代码 程序代码
<ul>
    <li>中消协与省消委联合曝光医疗...& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</li>
    <li>9种植物油水分和掺混不合格& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</li>
    <li>不合格药品曝光& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</li>
    <li>品牌“大好大”葵花籽涉嫌质量...& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</li>
    <li>美名洋海椒面含苏丹红& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;2007/05/16</li>
</ul>

后面两种方法大量使用了空格，虽然程序也能输出空格，但在实际过程中程序很难判断应该输出多少个空格才能使日期对齐！

2.多个页面相同部分独立成一个文件用include调用

站点的头部和底部大都是相同的，可以分别独立成一个文件如top.asp和bottom.asp，其他页面中再用<!-- #include file="" -->进行调用，这很多人都知道，但除此之外在多个页面中都有出现，需要套程序的地方也应该独立成一个文件。

上一篇: title属性使用范围
下一篇: 学习ASP关于日期操作SQL语句小结
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 1 | 引用: 0 | 查看次数: 4602
发表评论
请登录后再发表评论！