在分解圖片中寫文章的制作方法
...1.選擇適宜圖片...2.圖片漸變處理...3.裁剪圖片1...3.裁剪圖片2...3.裁剪圖片3...3.裁剪圖片4.......
...4.制作虛線圖片，注意高寬度（重點）。原文件代碼編輯程序
<div id="m_blog" class="modbox">
<<table style=""><tr><td><div class="cnt"><div class="modbox">
<div class="tit"></div>
<table style="">
<tbody>
<tr>
<td>
<div class="cnt">
<div class="modbox">
<table style="">
<tbody>
<tr>
<td>
<div class="cnt">
<div class="entry-body">
<table style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: separate" height="100%" cellspacing="0" cellpadding="0" width="99%" bgcolor="#ffffff" algin="center">
<tbody>
<tr height="108">
<td background="http://blogteam.bokee.com/pub/neweditor/editor/images/paper/fyqyyd/t_c.gif">
<table style="PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: separate" height="100%" cellspacing="0" cellpadding="0" width="100%" background="http://blogteam.bokee.com/pub/neweditor/editor/images/paper/fyqyyd/t_l.gif">
<tbody>
<tr>
<td><strong><font size="5"></font></strong></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr valign="top">
<td>
<table height="100%" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td width="16"><strong><font size="5"></font></strong></td>
<td style="COLOR: black; LINE-HEIGHT: 24px; PADDING-TOP: 16px" valign="top" background="http://image15.360doc.com/DownloadImg/2010/10/1209/5918503_7.jpg">
<p><strong><font size="5">寫文章的地方
<br>
......<br>
......<br>
</font></strong></p>
</td>
<td width="16"><strong><font size="5"></font></strong></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr height="104">
<td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px" background="http://blogteam.bokee.com/pub/neweditor/editor/images/paper/fyqyyd/b_c.gif">
<table style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: separate" height="100%" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="PADDING-RIGHT: 16px; BACKGROUND-POSITION: right 50%; PADDING-LEFT: 16px; PADDING-BOTTOM: 27px; COLOR: white; PADDING-TOP: 16px; BACKGROUND-REPEAT: no-repeat" valign="bottom" align="left" background="http://blogteam.bokee.com/pub/neweditor/editor/images/paper/fyqyyd/b_r.gif"><strong><font color="#ff0000" size="4"><a target="_blank" href="http://hi.baidu.com/%CC%EC%D0%A5%BE%AE%B5%D7%D6%AE%CD%DC">相關(guān)鏈接</a></font></strong></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div></div></td></tr></table>
在分解圖片中寫文章的效果
●復制起點
●復制終點
說明：
在上方你看到的是由一幅完整的圖片，把中間部分作漸變處理，然后再分割成若干個部分圖片，用語句重新編程組合，并在之間安插了自動顯示虛線（寫文章時就會自動出現(xiàn)），另外在上下兩組圖片內(nèi)已經(jīng)作了添寫文字的處理，可以寫標題和相關(guān)說明等(也可以添加小圖片等)。
特點：
因為里面安置了附加圖片自動延伸的效果，文章可以隨著使用不同分辯率電腦自動壓縮和延伸，而且不影響觀賞效果，使文章更加清晰美觀。
.
