PSD 到 HTML（带文本）转换

发布于 2024-07-15 06:07:23 字数 869 浏览 11 评论 0原文

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

我导出网站并获得图像目录和 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 不太了解，所以如果您有一个例子，我将不胜感激

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

谢谢

原文

I just downloaded a website template that is in a .PSD form. I have made the changes via photoshop, setup the splices then clicked "Save for web devices".

I export the website and I get the images directory and the html file. All ok so far.

I next open the html file using dreamweaver.

My question is what is the best method to create the text content of the site. The images are all embedded at part of a table i.e.

<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>

I set the image as the background to the table element however I am wondering what would be the best method for creating the text i.e. create a table in a table, or div etc?
I dont know too much about css so if you have an example I would be grateful

Also, are there are tools / websites out there that does this automatically for you?

Thanks

分享到QQ

分享到微博