网站切图前的思考
在干活之前,首先要看一下我们正在处置的是什么类型的页面。大体分三种类型吧,图片型(EDM 或活动着陆页等)、图文型(门户网站或电商网站等)、界面型(Web App 等)。
第一种页面往往是一次性的,交互功用也较少,但对产出速度往往要求较高。因此,通常用你说的第二种方法就可以打发了。至于用什么工具,我通常会用 Photoshop 的切片功用直接导出 HTML 表格和图片,再用文本编辑器和 Dreamweaver 稍做加工。
而第二、第三类页面,通常具有很长的生活期,对质量要求很高——语义化、功用、可维护性等等。因此,通常需求手写 HTML 和 CSS 代码,并准确裁剪、优化图片——这基本上就是你说的第一种方式。这种做法跟阅读器兼容性没什么关系(假设真要谈兼容,表格规划的兼容性往往更好),只是这样做出来的页面质量更高。虽然也有一些自动化的 “PSD → HTML + CSS + 图片” 的工具存在,但并未成为主流,主要缘由还是代码质量无法到达希冀的水平。