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

对不起，我对此完全陌生。我在photoshop中设计了一个网站，并将其导出为'用于网页和设备'（HTML/IMAGES）。我现在希望能够写和添加内容在一个特定的“内容分片”（图片/ GSGOPSD_13.gif（900px X 756px））如何将内容添加到从Photoshop导入的“切片”中导入

这里是我的代码从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>

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

来源

2012-03-06 Harry

试经历this tutorial因为我认为这是您要瞄准什么来实现。你可以把它与你的.PSD沿途

来源

2012-03-06 13:12:11 pengibot

您需要删除的图像，然后你就可以在该图像的地方插入的内容。但我不会建议使用表来设计您的布局，也不要使用固定大小的widht /高度。这应该与CSS

来源

2012-03-06 12:24:05 tetuje

我曾尝试这样做，但我只能在图像的中心输入文本的话，它不会让我进入这其中，我想（在顶部）。好吧，生病看看通过CSS来做。谢谢。 – Harry 2012-03-06 12:35:16

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

回答

相关问题