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

Question

我正在尝试用 psd 制作 html/css 模板：http: //imgur.com/yg8yfWD

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

2. 将顶部按钮（商店、付款、运输）分割为图像并制作链接是个好主意吗？

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

4. 我如何在中间切片和使用这些照片？如果我将它们切片并将此设计输出为 html 和 photoshop 中的图像，它们是否仍然在它们现在所在的位置？

谢谢！

Answer 1

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

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