所有背景都应该是一张图片吗？如何切片文本框？

Question

我正在尝试用psd：http://imgur.com/yg8yfWD

制作html / css模板

1. 我应该将背景（背景照片，文本框的背景）切成一块并将其作为背景图像进行切割吗？

2. 将顶部按钮（商店，付款，运送）切成图像并制作链接是否是个好主意？

3. 如何切片和使用这些文本框？我显然不希望它们成为图像。

4. 如何在中间切片和使用这些照片？如果我将它们切片并在photoshop中将这个设计作为html和图像输出，那么它们现在仍处于适当位置吗？

谢谢！

Answer 1

我认为您应该使用尽可能少的图片，以便网站加载速度更快。

1. 文本框背景可以用背景色实现，所以没有 在这种情况下需要切片。
2. 顶部链接你应该只是作为锚标签 使用网页安全字体的段落，如果它们不是网络安全的，请导入它们 使用Google fonts 或 @font-face或Cufon。 所有这些都有利有弊，当使用谷歌字体无法找到字体时，我使用@ font-face，因为不需要JavaScript。
3. 您应该在Photoshop中使用标尺工具，然后创建一个div 嵌套一个文本框，应用适当的宽度，填充边距 对于每个文本框并将它们放在列中（float：left）不要忘记溢出：隐藏在主包装容器上。
4. 您可以将所有这些图片保存为一个图像，并根据您想要的输出使用相对位置或绝对位置。