关于将PSD转换为HTML/CSS的帮助

关于将PSD转换为HTML/CSS的帮助,html,css,photoshop,Html,Css,Photoshop,我熟悉CSS和HTML,也看过一些关于将PSD转换为HTML/CSS的教程。 喜欢。 现在我有了一个PSD模板,我想将其转换为HTML/CSS页面。 其所述模板的图片 现在我很困惑。我不知道在哪里切片并转换为PNG图像。 例如Top black 404,我应该吗 将其转换为PNG图像并放入 在网站上 或者我必须用同样的方法自己写 字体?还有关于文本错误 放在第一页404下。 我应该切片并将背景另存为 把它挂在墙上 页面背景? 请分享您的经验。我只想使用@fontface添加文本作为文本 有了


我熟悉CSS和HTML,也看过一些关于将PSD转换为HTML/CSS的教程。 喜欢。
现在我有了一个PSD模板,我想将其转换为HTML/CSS页面。
其所述模板的图片
现在我很困惑。我不知道在哪里切片并转换为PNG图像。

  • 例如Top black 404,我应该吗 将其转换为PNG图像并放入 在网站上

  • 或者我必须用同样的方法自己写 字体?还有关于文本错误 放在第一页404下。

  • 我应该切片并将背景另存为 把它挂在墙上 页面背景?

请分享您的经验。

我只想使用@fontface添加文本作为文本

有了下面的网站,你可以将你的字体转换成网页,我想它甚至可以为你创建CSS


但是,您需要有在web上使用字体的许可证。

我只想使用@fontface将文本添加为文本

有了下面的网站,你可以将你的字体转换成网页,我想它甚至可以为你创建CSS


但是,您需要有在web上使用该字体的许可证。

首先,我要重新考虑使用大背景图像,这样a)会使字体难以阅读,b)下载404消息页面需要更长的时间

如果你坚持这样做,你显然会想要一张纸的背景图片


我会将您的“404错误”文本转换为png,然后使用图像替换技术将其用作h1标记的背景图像,以保留标记中的文本。或者,您可以将其用作具有适当ALT属性的IMG。

首先,我会重新考虑使用大背景图像,该图像a)使类型难以读取,b)下载404消息页面需要更长时间

如果你坚持这样做,你显然会想要一张纸的背景图片


我会将您的“404错误”文本转换为png,然后使用图像替换技术将其用作h1标记的背景图像,以保留标记中的文本。或者,您可以将其用作具有适当ALT属性的IMG。

如果您可以在同一个图像中同时使用背景图像和png作为标题,我认为这样做毫无意义。这将为您的404节省响应时间

也就是说,我建议删除“404错误”下面的所有文本以保存背景图像,然后使用css定位和标准字体定位白色文本


此外,您还需要剪切搜索框,使其成为搜索输入字段的背景,并将搜索按钮作为按钮div或按钮输入的背景,无论您喜欢哪个。我认为,如果可以在同一个图像中同时使用背景图像和png,那么为标题使用背景图像和png是毫无意义的。这将为您的404节省响应时间

也就是说,我建议删除“404错误”下面的所有文本以保存背景图像,然后使用css定位和标准字体定位白色文本


此外,您还需要剪切搜索框,使其成为搜索输入字段的背景,并将搜索按钮作为按钮div或按钮输入的背景,以您喜欢的为准。

您可能会有一些运气。我的意思是使用字体而不是图像,我想知道在没有任何描述的情况下是否会投反对票……你可能会有一些运气。我的意思是使用字体而不是图像。我想知道没有任何描述的否决票……谢谢。你对使用css和图像创建类似文本框的模板有什么想法吗?(教程链接或其他内容。)您可以对文本框使用
,只需使用css为文本框提供适当的背景和填充。我不确定你能用css控制的唯一一件事就是宽度,所以你必须用它来试验。再次感谢你。由于我的背景是图像,而不是颜色,我在调整浏览器大小时会遇到一些问题吗?你有什么建议吗?Shaahin,你的图像看起来不太大,所以应该没问题。如果这让你担心,在不同的窗口大小下对你的浏览器做一些测试,看看它的衰减有多优雅,可能需要对你的CSS做一些调整来保持架构。但如果让我猜的话,我会说这很安全。谢谢。你对使用css和图像创建类似文本框的模板有什么想法吗?(教程链接或其他内容。)您可以对文本框使用
,只需使用css为文本框提供适当的背景和填充。我不确定你能用css控制的唯一一件事就是宽度,所以你必须用它来试验。再次感谢你。由于我的背景是图像,而不是颜色,我在调整浏览器大小时会遇到一些问题吗?你有什么建议吗?Shaahin,你的图像看起来不太大,所以应该没问题。如果这让你担心,在不同的窗口大小下对你的浏览器做一些测试,看看它的衰减有多优雅,可能需要对你的CSS做一些调整来保持架构。但如果让我猜的话,我会说这是相当安全的。@Da谢谢。由于我的背景是图像而不是颜色,我想我在调整浏览器大小时会遇到一些问题,因为我应该将图像作为PNG或GIF放在背景上。你有什么建议吗?@Da谢谢你。由于我的背景是图像而不是颜色,我想我在调整浏览器大小时会遇到一些问题,因为我应该将图像作为PNG或GIF放在背景上。你有什么建议吗?