如何將內容添加到從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導入的「切片」中導入

回答

相關問題