Question

抱歉，我对此完全陌生。我在photoshop中设计了一个网站，并将其导出为“用于网络和设备”（HTML / IMAGES）。我现在希望能够在特定的“内容片”上编写和添加内容（images / GSGOPSD_13.gif（900px X 756px））

以下是我在photoshop中提供的代码：

<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<center>
<body bgcolor="#2c2c2c" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (GSGOPSD.psd) -->
<table id="Table_01" width="1051" height="1235" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="8">
            <img src="images/GSGOPSD_01.gif" width="1050" height="359" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="359" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/GSGOPSD_02.gif" width="92" height="2" alt=""></td>
        <td rowspan="3">
          <img src="images/GSGOPSD_03.gif" alt="" name="Twittr" width="55" height="62" id="Twittr"></td>
        <td colspan="2" rowspan="4">
            <img src="images/GSGOPSD_04.gif" width="903" height="119" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td rowspan="5">
            <img src="images/GSGOPSD_05.gif" width="13" height="873" alt=""></td>
        <td colspan="2">
          <img src="images/GSGOPSD_06.gif" alt="" name="Fbook" width="61" height="59" id="Fbook"></td>
        <td colspan="2" rowspan="3">
            <img src="images/GSGOPSD_07.gif" width="18" height="117" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="59" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/GSGOPSD_08.gif" width="61" height="58" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/GSGOPSD_09.gif" width="55" height="57" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="57" alt=""></td>
    </tr>
    <tr>
        <td>
          <img src="images/GSGOPSD_10.gif" alt="" name="thumdown" width="60" height="59" id="thumdown"></td>
        <td colspan="2" rowspan="2">
            <img src="images/GSGOPSD_11.gif" width="16" height="756" alt=""></td>
        <td colspan="3">
          <img src="images/GSGOPSD_12.gif" alt="" name="thumup" width="61" height="59" id="thumup"></td>
        <td rowspan="2">
            <img src="images/GSGOPSD_13.gif" width="900" height="756" alt=""></td>
        <td> //------------I WANT TO ADD CONTENT OVER THIS IMAGE.
            <img src="images/spacer.gif" width="1" height="59" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/GSGOPSD_14.gif" width="60" height="697" alt=""></td>
        <td colspan="3">
            <img src="images/GSGOPSD_15.gif" width="61" height="697" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="697" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="60" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="55" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="900" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</center>
</html>

我认为这个地方会有一个啧啧，这将是一个非常简单的事情，谢谢你的帮助！

Answer 1

您需要删除图像，然后才能在图像所在的位置插入内容。但我不建议使用表格来设计你的布局，也不要使用固定大小的widht / height。这应该通过CSS实现

Answer 2

尝试浏览this tutorial因为我认为这是你想要的目标。你可以将它与你的.psd联系起来

如何从photoshop导入中将内容添加到“切片”上

2 个答案: