大家都有體會(huì)：過的大圖片上傳時(shí)經(jīng)常受阻，勉強(qiáng)上傳了寬、高值卻發(fā)生變化，同時(shí)在博客里打開也是較慢的，如果我們把它切割成多張小圖，這樣不僅容易上傳，而且打開速度也很快！對(duì)此，我就如何將圖片切割  成多張小圖、無間隙拼合  、添加漂亮的透明flash  等技術(shù)作一簡(jiǎn)要介紹，希望對(duì)你學(xué)做音畫有所幫助。

 （方法步驟并不復(fù)雜，看一遍你就會(huì)做了）

一、圖片的切割：

1、啟動(dòng)ps軟件，打開你做好的一張大圖或從網(wǎng)上下載的漂亮大圖。

2、選擇“切片選取工具”。點(diǎn)擊“劃分切片”

3、右鍵圖片后選取“劃分切片”。

4、在話框中根據(jù)圖片的具體情況進(jìn)行設(shè)置，我這里是水平劃分3等分。

4、點(diǎn)文件→存儲(chǔ)為web所有格式（w）

5、在“存儲(chǔ)為web所有格式”對(duì)話中設(shè)置如圖，設(shè)置好后點(diǎn)存儲(chǔ)。

雙擊打開存儲(chǔ)的切片圖片文件夾（我存儲(chǔ)的路徑在我的圖片收藏）圖片狀況：

 如將切片圖片上傳到博客后，如直接復(fù)制到日發(fā)表則上下兩張圖片間會(huì)有間隙：

那么怎樣解決圖片的間隙問題 ？ 我們可借助代碼來給它無間隙拼合！

二、基本代碼的應(yīng)用：

<P align=center>
<TABLE  border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR height=第1張圖片高度>
<TD width=第1張圖片寬度    background=第1張圖片地址>

</TD></TR>

<TR height=第2張圖片高度>
<TD width=第2張圖片寬度    background=第2張圖片地址>

</TD></TR>

<TR height=第3張圖片高度>
<TD width=第3張圖片寬度    background=第3張圖片地址>

</TBODY></TABLE></P>

代碼說明：

       本例是五張圖片，所以代碼中間是五段“<TR >.......</TD></TR>”一樣的代碼，根據(jù)你自己的需要，切割成多少份就用多少段這樣的代碼，代碼中的“圖片地址”“圖片寬度”“圖片高度”分別右鍵圖片→屬性從中獲取地址、寬度、高度，然后分別替代到上面代碼對(duì)應(yīng)位置。

無間隙拼合的效果：

<P align="center" >  <TABLE cellSpacing="0" cellPadding="0" align="center" border="0" >  <TBODY>  <TR height="315" >  <TD width="630" background="http://image94.360doc.com/DownloadImg/2016/02/1522/66092299_10.gif" >  <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P>
</TD></TR> 

<TR height="315" >  <TD width="630" background="http://image94.360doc.com/DownloadImg/2016/02/1522/66092299_11.gif" > <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P>
</TD></TR> 

<TR height="315" >  <TD width="630" background="http://image94.360doc.com/DownloadImg/2016/02/1522/66092299_12.jpg" ><P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P>
</TD></TR> 

<BGSOUND balance="0" src="mp3地址"  volume="0" loop="infinite" >
</TD></TR> </TABLE> 

至此大圖音畫完工!
（下面是我加上“李玲玉 - 孝莊秘史 - 美人吟 電視劇 主題曲”音樂的效果）