写给做网页设计和切图的朋友

近来做了一个项目，我主要负责写程序，可是后来在merge前台页面的时候却甚是痛苦，特在些写下一些建议，给做网页设计和切图的朋友。

 

 

建议to网页设计：

 

把隐藏的内容也要做出来。

 

如：用户注册的页面往往要验证用户输入的数据是否符合要求，然后给出相应提示信息，这个提示信息一定要做上，如果正确了也提示，错误了也提示的话，在PSD里就先隐藏一个，然后交给切图的人的时候交代一下。让他注意这个地方。

 

 

建议to切图：

 

 
要考虑一下页面上动态的内容。

 

比如：如果页面使用ajax来做登陆的话，那就要考虑登陆前和登陆后显示用户登陆信息的那一块代码，明显的标注一下，然后留下登陆前的，把登陆后的隐藏掉（<!--HTML CODE-->）,这样将来写程序的就不会反过来问你登陆后的是什么样，那个时候你再做，肯定没有你之前做的时候顺手，因为你还要去看以前自己写的，再加，多麻烦...

 

页面上的内容块要非常明显的标注出来。

比如：日志列表，好友列表，评论列表等，确保程序员在将你的ＨＴＭＬ拆分进他的视图文件的时候不会把页面拆分错乱。

一行代码不要太长。

比如：<a href="URL">A_HTML</a>,如果ＵＲＬ和Ａ_HTML都很短的话，放在一行是没有问题的。可是如里URL是一个很长的链接，Ａ_HTML又是一个<img /> 标签，那就分成三行写吧，清晰明了。像这样子：
<a href="xxxxxxxxxxxxxxxxxxxxxxxxxx">
         <img src="xxxxxxxxxxxx" />
</a>