欢迎光临

木子屋

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

作者: dnawo

日期: 2007-05-22 03:26 PM

分类: 网页设计

内容: 做为一名网页美工，也是一名设计人员，首要条件就得有扎实的设计功底，这应该是无可厚非的。但做为一名合格的网页美工，个人认为其工作并非只将页面设计出来而已，还应有娴熟的切片技术以及和程序员配合协调完成工作的能力(注：在一些公司中页面设计和切片人员是不同的，但大多地方他们都由同一人完成)。下边综合我平时和美工配合工作中出现的一些问题，希望能作为大家日后工作中的一些参考，以便更好的和程序员配合。
一、缺页
在套程序的时候突然发觉一些页面离奇失踪了！我觉得一个团队只有每个人都做自己擅长的，这样合作起来才会有质量、有效率，所以我是非常讨厌在套程序的时候还要去补充页面的。但实际工作中统计下缺失的页面后，能做的我一般还是自己做，做不了的还只能交给美工了：（。一般来说，缺页的原因主要有以下几种：
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="" -->进行调用，这很多人都知道，但除此之外在多个页面中都有出现，需要套程序的地方也应该独立成一个文件。

+ 查看当前日志评论 (1)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.961 ms

返回

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

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.961 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.008 ms

返回