對初學(xué)者來說，由于還不熟悉HTML代碼，可以采用“套代碼”的辦法進行學(xué)習(xí)。由于很多網(wǎng)站和博客上有現(xiàn)成的邊框，所以這種方式已經(jīng)足夠您用的了。我在這里假定您會使用電腦的復(fù)制和粘貼功能。 第一步：先選好你喜歡的一套背景素材圖片，保存在草稿箱里備用。它是編制邊框的“材料”。
1.
2.
3.
4.
確定您要制作的邊框的層數(shù)。邊框可以根據(jù)需要可以是一層的，也可以是多層的，層數(shù)越多，邊框結(jié)構(gòu)越復(fù)雜，也越美，當(dāng)然也要有限度，層數(shù)太多反而會顯得零亂，5-7-9層為最佳。我們以5層為例進行學(xué)習(xí)。
下面這幅音畫框假設(shè)復(fù)制過來的，你把這套音畫框先保存草稿箱里，然后在小框打上，就會顯示全套代碼。
然后在“小框打上，就會顯示全套代碼。
<DIV> </DIV>
<DIV>
<TABLE style="WIDTH: 600px; HEIGHT: 330px" cellSpacing=20 cellPadding=1 align=center background=http://photo.iecool.com/photo/shengwushijie/huaduohuahui/huadetupian/huadetupian1_638.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 560px; HEIGHT: 101px" cellSpacing=7 cellPadding=1 background=http://image17.360doc.com/DownloadImg/2010/11/0813/6628119_3.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 546px; HEIGHT: 173px" cellSpacing=8 cellPadding=1 background=http://image17.360doc.com/DownloadImg/2010/11/0813/6628119_4.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 530px; HEIGHT: 192px" cellSpacing=10 cellPadding=1 background=http://image17.360doc.com/DownloadImg/2010/11/0813/6628119_3.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 510px; HEIGHT: 168px" borderColor=#467500 cellSpacing=0 cellPadding=0 background=http://bbs.muwen.com/fileuploaddir/4B314769044.jpg border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<CENTER> </CENTER></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV><FONT color=#008b8b size=3><FONT color=#008b8b size=3> </FONT></FONT></DIV>
這套邊框如果不喜歡，下面告訴您如何將這個綠邊框變成一套紅邊框。
下面是我們對這個邊框進行“改裝”制作過程。
第一步：逐層替換邊框圖案，首先復(fù)制我們事先準備好的上面那幾張邊框素材。
方法是：鼠標(biāo)右鍵單擊素材圖片，在出現(xiàn)的界面的最下方有“屬性”，左鍵單擊，就會出現(xiàn)圖片屬性界面，復(fù)制其中的地址代碼，用這個代碼替換原來邊框第一層的圖片代碼。我們用上面的第一幅圖片地址
http://photo.iecool.com/photo/shengwushijie/huaduohuahui/huadetupian/huadetupian1_638.jpg作為新邊框的第一層圖案，替換原邊框的第一層圖案代碼
http://bbs.c168.com/pic2005/200552021551814708.jpg得到下面的效果：
用第二幅圖片替換第二層、第4層邊框圖片，得到：
用第三幅圖片替換原邊框的第3層，得到：
用第四幅圖片替換原邊框的第4層，得到：
用第五幅圖片替換原邊框的第5層，我們得到下面的新邊框：
到這里，新邊框完成了，最后將框內(nèi)添加文字和插入貼圖。
就是這樣的過程：復(fù)制邊框代碼一般有兩種途徑，一是現(xiàn)成的套裝代碼，一般音畫論壇的網(wǎng)頁資源欄目都可以找到，可直接復(fù)制過來。
另一種途徑，將任何一個現(xiàn)成套裝復(fù)制到自己的博客，然后自己編輯。
您可以根據(jù)這些步驟“照貓畫虎”地練習(xí)，熟練后就可以運用自如了！
注意事項：
1、邊框素材選擇色彩要相近，反差太大反而不好看。但也不能完全沒有色差，那樣會顯得單調(diào)呆板。
2、最里層的圖案最好使用單色或略有變化的圖案，因為這里要粘貼文字和圖片。
3、每一段代碼之間都留有一個字母的間隙，要留夠，否則這一層圖案就不顯示。
4、制作邊框用的圖片素材必須是jpg或gif格式，否則不能用(就是每個圖片地址代碼的后綴）。
