我不是将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中添加该图像上的文本，并将说明正文背景颜色为蓝色。这是专业的方法吗？ 如果是，那么这种方法对于这个具体的页面有什么缺点？处理这种设计的正确方法是什么？
答案 0 :(得分：1)
可能所有这些都可以在300kb以下的磁盘上创建。在保持低带宽使用率的同时用PSD创建网站是Web开发人员专业的一部分。告诉你如何做到这一点就像告诉律师如何成为一名律师。我担心没有捷径可走。为了给你一点见解：
第一个很容易。灰色渐变从上到下移动，因此我可以使用1像素宽的图像并使用CSS重复它。蓝色块将是.gif图像，具有1位透明度。女人和徽标的图像是JPG。总而言之，通过一些CSS和一些图像，这种设计很容易组合在一起。
第二个有一些渐变，但它们是相当单向的;再次，切成1px宽的图像并水平重复。黄色条可以包含3个图像;左侧部分，重复中间区域和右侧部分。闪亮的“谢谢你”可能是一个相当大的JPG或PNG。
第三张图片相当令人讨厌，因为到处都有渐变并朝各个方向前进。我可能会和设计师讨论这个问题，要求他/她尝试减少渐变，只有一个方向（上下）。不常见的大字体（'谢谢你'）将被替换为webfonts（通过找到非常相似的东西，或者购买它们）。
老实说，在所有这些情况下，我都会与设计师讨论这些问题，因为“谢谢你”页面有这么多光晕，渐变，阴影和阴影可能有点过分。设计网页是一项非常具体的技能，甚至没有接近设计印刷或其他媒体，通常当你与网页设计师打交道时，他或她知道如何让开发人员的生活更轻松。
祝你好运！[edit]我不推荐圆角和渐变的CSS3或mozilla / webkit特定解决方案。这些页面也可能必须在IE6或7中工作。也不要过多依赖javascript。
答案 1 :(得分：0)
现在很多东西都可以用CSS 3来完成。但是只有在老浏览器的用户没有那么整洁的体验时才能使用它。
但是如果你把它全部变成图像，我认为你应该使用一个大图像来保持http请求。
答案 2 :(得分：0)
查看第三个示例：如果忽略底部的聚光灯效果，可以在css和html中完成所有这些操作。 http://css3pie.com/会在IE中为您提供渐变，阴影和圆角
很明显，这些页面的设计者对网页设计知之甚少甚至一无所知，甚至设计出类似的东西。
