有关将 PSD 转换为 HTML / CSS 的帮助
我熟悉 CSS 和 HTML，也看到了一些有关将 PSD 转换为 HTML / CSS 的教程。 就像这个.
现在我有一个 PSD 模板，我想将其转换为 HTML/CSS 页面。
提到的模板的图片 
现在我很困惑。我不知道在哪里切片并转换为 PNG 图像。
例如 Top black 404 ，我应该吗 将其转换为 PNG 图像并放置 在网站上？
或者我必须自己写同样的 字体？另外关于文本错误 放在首页 404 下。
- 我应该切片并将背景另存为 图片并将其放在 页面背景？
请分享您的经验。
I am familiar with CSS and HTML and also I saw some tutorials about converting PSD to HTML / CSS.
like this.
Now I have a PSD template that I want to convert it to an HTML/CSS page.
Its picture of mentioned template
Now I am confused.I don't know where to slice and convert to PNG images.
For example Top black 404 , Should I
convert it to PNG Image and putting
on website ?Or I have to write it self with same
font? Also about the Text error that
placed under top page 404.- Should I slice and Save background as
picture and putting it on the
background of page?
please share your experiences.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我只需使用 @fontface 添加文本作为文本
通过以下网站，您可以转换网络字体，我认为它甚至会为您创建 CSS。
http://www.fontsquirrel.com/fontface/generator
但是您需要拥有许可证才能使用使用网络上的字体。
I would just add text as text using @fontface
With the following website you can convert your font for the web and it even creates the CSS for you I think.
http://www.fontsquirrel.com/fontface/generator
However you need to have a license to use the font on the web.
我认为，如果你可以在同一张图像中同时使用背景图像和 png 作为标题，那么这两个操作确实没有任何意义。这将节省 404 错误的响应时间。
也就是说，我建议去掉“404 错误”下方的所有文本以保存背景图像，然后使用 css 定位和标准字体定位白色文本。
此外，您还需要剪切搜索框，使其成为搜索输入字段的背景，并将搜索按钮剪切为按钮 div 或按钮输入的背景，无论您喜欢哪种。
There's really no sense in doing a background image AND a png for the header if you can do both of them in the same image, I think. That will save response time for your 404.
That said, I would recommend taking all the text off below "404 error" to save the background image and then positioning the white text with css positioning and a standard font.
Also, you'll need to cut out the search box to make that the background of your search input field and the search button for the background of your button div or button input, whichever you prefer.
我首先会重新考虑使用大背景图像，因为它 a) 使字体难以阅读，b) 404 消息页面的下载时间会更长。
如果你坚持下去，你显然会想要一张论文的背景图像。
我会将您的“404 错误”文本转换为 png，然后使用图像替换技术将其用作 h1 标记的背景图像，以保留标记中的文本。或者，您可以将其用作具有适当 ALT 属性的 IMG。
I'd first start by reconsidering using a large background image that a) makes the type hard to read and b) is going to take longer to download for a 404 message page.
If you stick with it, you will obviously want one background image of the paper.
I'd convert your '404 error' text into a png and then use it as the background image of an h1 tag using an image replacement technique to retain the text in the markup. Alternately, you could use it as an IMG with appropriate ALT attribute.