我不是将 PSD 转换为 HTML 的专家。但想知道专家的意见。问题是，当我看到这种设计时，我唯一想到的是，这种设计在插入的最终 html 代码中将具有非常大的尺寸（以及几何和磁盘尺寸）图像。
http://www.internetcoachingschool.com/demo/1.jpg
http://www.internetcoachingschool.com/demo/2.jpg
http://www.internetcoachingschool.com/demo/3.jpg
例如第三个链接，我将分割一个 biiig 背景，其中包括除文本和蓝色背景之外的所有内容。然后将在 html 中在该图像上添加文本，并会说 body background-color 是蓝色的。是专业的方法吗？如果是，那么这种方法对这个具体页面有什么缺点？处理此类设计的正确方法是什么？
可能所有这些都可以在 300kb 以下的磁盘上创建。使用 PSD 创建网站同时保持低带宽使用是 Web 开发人员职业的一部分。告诉你如何做到这一点就像告诉律师如何成为一名律师。恐怕没有捷径可走。给你一点见解：
第一个很容易。灰色渐变从上到下移动，所以我可以使用 1 像素宽的图像并使用 CSS 重复它。蓝色块将是 .gif 图像，具有 1 位透明度。女人的形象和标志是JPG。总之，通过一些 CSS 和几张图片，这个设计很容易组合在一起。
第二个有一些渐变，但它们是相当单向的；再次，切入 1px 宽的图像并水平重复。黄色条可能包含 3 个图像；左侧部分，重复的中间区域和右侧部分。闪亮的“谢谢”可能是相当大的 JPG 或 PNG。
第三张图片相当烦人，因为到处都有渐变，而且各个方向都有渐变。我可能会与设计师讨论这个问题，要求他/她尝试减少渐变，使其只有一个方向（上下）。不常见的大字体（“谢谢”）将被 webfonts 替换（通过找到非常相似的东西，或者购买它们）。
老实说，在所有这些情况下，我都会与设计师讨论它们，因为带有如此多的发光、渐变、阴影和阴影的“谢谢”页面可能是矫枉过正的。设计网页是一项非常特殊的技能，甚至比不上为印刷或其他媒体设计，通常当您与网页设计师打交道时，他或她知道如何让开发人员的生活更轻松。
祝你好运！
[编辑] 对于圆角和渐变，我不推荐 CSS3 或 mozilla/webkit 特定的解决方案。这些页面可能也必须在 IE6 或 7 中工作。也不要过度依赖 javascript。
如今，很多这样的事情都可以用 CSS 3 完成。但只有在旧浏览器的用户体验不那么整洁的情况下，才应该使用它。
但是，如果您要将其全部制作成图像，我认为您应该使用一张大图像来降低 http 请求。
查看第三个示例：如果您在底部省略聚光灯效果，您可以在 css 和 html 中完成所有这些操作。http://css3pie.com/将在 IE 中为您提供渐变、阴影和圆角
很明显，这些页面的设计者对网页设计知之甚少或一无所知，甚至设计类似的东西。
