PSD转换为HTML(带文本)

时间:2009-03-14 17:12:01

标签: html dreamweaver psd

我刚下载了一个.PSD格式的网站模板。我通过photoshop进行了更改,设置了拼接,然后单击“保存为Web设备”。

我导出网站,我得到images目录和html文件。到目前为止一切都还不错。

我接下来使用Dreamweaver打开html文件。

我的问题是创建网站文本内容的最佳方法是什么。图像全部嵌入表的一部分,即

<tr>
    <td colspan="2" rowspan="8">
    <img src="images/storage.jpg" width="28" height="118" alt=""></td>
    <td colspan="4" rowspan="5">
    <img src="images/index_39.jpg" width="125" height="75" alt=""></td>
    <td colspan="4" rowspan="8">
    <img src="images/storage-41.jpg" width="81" height="118" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>

我将图像设置为表格元素的背景但是我想知道创建文本的最佳方法是什么,即在表格中创建表格,还是div等? 我不太了解css,所以如果你有一个例子我会很感激

此外,是否有工具/网站可以自动为您执行此操作?

由于

3 个答案:

答案 0 :(得分:1)

您的模板是否只附带PSD文件?

通常,PSD文件允许您编辑图形部分,然后保存所需的图像,放回HTML中,而不是直接从PSD生成HTML。

由于您要求最佳方式执行此操作,我会根据我的意见给您答案。

使用表格进行布局不是设计网页的好方法。

表格应该用于表格数据。

您应该将内容放在HTML中,并使用CSS进行布局/演示。

如果您想了解CSS,我建议如下:

如果您有Mac,我强烈建议您下载并试用CSSEdit。对于PC,Visual Studio 2008也有一个很好的CSS编辑器。

答案 1 :(得分:0)

我认为从Photoshop开始创建网站并不是最好的方法,正如您可以通过标记看到的那样。首先选择一些简单的教程,让自己了解基本的html元素,也可以创建网站样式的主要标记(通常使用div元素)。在此之后,您手动输入所需的图形。这样可以在更易维护的网站上结束。

答案 2 :(得分:0)

如果您不想详细了解,可以将psd发送到http://www.psd2html.com/等服务。他们这样做是为了钱......