音畫製作入門

  一、做邊框:

一、將邊框代碼復制黏貼第一次,在圖片地址處黏貼純色圖片地址,將整個邊框的寬度(width)設為700,看看效果怎樣;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=700>

看看效果:

二、依然將開始那段邊框代碼復制黏貼第二次,在圖片地址處黏貼純色圖片地址,將整個邊框的寬度(width)設為680,將cellSpacing的值設為10,看看效果怎樣;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=680>

第二次看效果:

三、依然將開始那段邊框代碼復制黏貼第三次,在圖片地址處黏貼純色圖片地址,將整個邊框的寬度(width)設為660,將cellSpacing的值設為10,看看效果怎樣;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=660>

第三次看看效果:

四、依然將開始那段邊框代碼復制黏貼第四次,在圖片地址處黏貼純色圖片地址,將整個邊框的寬度(width)設為640,將cellSpacing的值設為10,看看效果怎樣;

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=640>

第四次看看效果:

小結:

1、說白了,做音畫的邊框,實際上就是做表格框.由不同顏色的表格框層疊起來,四周沒有被遮蓋的部分就形成了邊框;

2、做幾層邊框你就把開始的那段邊框代碼復制黏貼幾次,修改一下寬度,黏貼不同顏色的圖片地址就行了;

3、現在看來這個四層的邊框很小,但只要一把內容放進去,它就會擴大了。內容放得越多,邊框就會自動撐得越大。

那麼,又怎樣在做好的邊框內添加內容呢?

二、怎樣在邊框內添加內容

下面是第一步做邊框的四層邊框代碼:

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD>

音畫的第二步就是添加內容:(圖片、動畫和文字等)

下面這段藍色代碼就是添加內容的代碼,將它添加在上面紅色代碼後面。

<P align=center><IMG src=”動態小圖網址(gif或jpg格式)”></P>

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=主體圖片地址 border=8>

<TBODY>

<TR>

<TD align=middle width=”93%”><EMBED src=透明flash小動畫網址 width=360 height=230 type=application/x-shockwave-flash wmode=”transparent” menu=”false” quality=”high”>

加入這段藍色代碼後的效果:

音畫製作入門
  

按要求黏貼圖片地址、動態小圖地址和動畫地址,(在代碼編輯窗口編輯),然後點擊一下<>按鈕,回到日志編輯狀態,在圖下輸入文字.

最後將音樂播放器代碼添加在所有代碼的後面,黏貼一個網路傳輸效果好的、又合主題的音樂地址就行了。隱形播放器代碼如下:<EMBED src=http://mp3.baidu.com/u?u=音樂文件網址 width=0 height=0 type=audio/mpeg Loop=”true” AutoStart=”true”>

做好後本來最後還有一段結束標記代碼,這個可以不管,系統會自動生成。

三、怎樣在音畫的一幅圖片上做出文字的移動效果

怎樣在音畫的一幅圖片上做出文字的移動效果呢?其實就是和在一般背景圖片上做移動效果一樣.這些文字移動效果都是在導入背景圖片的那段代碼後面加上一段文字移動效果的代碼,我們就可以根據這個特點去做音畫的文字移動效果。

請看下面這段音畫代碼就知道在哪裡做文字特效了:

這紅色代碼是音畫的邊框代碼,藍色代碼是在邊框內添加內容的代碼,桔黃色代碼是音樂播放器.

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=665 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=665>

<TABLE cellSpacing=10 cellPadding=0 width=645 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=645>

<TABLE cellSpacing=10 cellPadding=0 width=625 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD>

<P align=center><IMG src=”動態小圖網址(gif或jpg格式)”></P>

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=主體圖片地址 border=8>

<TBODY>

<TR>

<TD align=middle width=”93%”>

後面如果沒有動畫就在這裡做移動文字特效

<EMBED src=透明flash動畫網址 width=360 height=230 type=application/x-shockwave-flash wmode=”transparent” menu=”false” quality=”high”>

如果有動畫就在這裡做移動文字特效

<EMBED src=音樂網址 hidden=true type=audio/mpeg loop=”-1″ AUTOSTART=”1″ >

四、怎樣在音畫邊框內添加更多的內容

這是一段四層邊框、一幅主體圖片的代碼:

紅色的是邊框代碼,藍色的是在邊框內添加內容的代碼,桔黃色的是藍色代碼部分的結束標記。

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=第2層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=第3層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=第4層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD>

<P align=center><IMG src=”動態小圖網址(gif或jpg格式)”></P>

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=主體圖片地址 border=8>

<TBODY>

<TR>

<TD align=middle width=”93%”><EMBED src=透明flash小動畫網址 width=360 height=230 type=application/x-shockwave-flash wmode=”transparent” menu=”false” quality=”high”>

</TD></TR></TBODY></TABLE></P>

如何在這個邊框中增添更多的內容?(即圖片、動畫、動態小圖和文字)

1、如果你還需要添加幾幅圖片,那就將藍色代碼和桔黃色代碼復制黏貼幾次續接在被復制的那段代碼之後,按要求黏貼網址,代碼中圖片的寬度和高度要調到與原圖片在屬性中查得的寬度、高度一樣;

2、一幅圖片上也可添加幾個透明flash動畫,同樣是將動畫代碼復制黏貼在動畫代碼之後,將動畫的寬度和高度調到比圖片的寬度和高度小一點;就是下面這段代碼:

<EMBED src=透明flash小動畫網址 width=360 height=230 type=application/x-shockwave-flash wmode=”transparent” menu=”false” quality=”high”>

3、動態小圖也可隨意添加,需要添加幾個動態小圖,就將那段代碼在原位置下面復制黏貼幾次,當然也可復制黏貼在沒有動態小圖的位置,然後黏貼網址。就是下面的代碼:

<P align=center><IMG src=”動態小圖網址(gif或jpg格式)”></P>

4、呈日志編輯狀態,可以在圖片中輸入文字,也可在圖片與圖片之間輸入文字;點擊<>這個按鈕進入代碼編輯狀態,就可以編輯文字特效。

全部做好後,就在最後加上音樂播放器,黏貼上音樂網址。就是下面這段代碼:<EMBED src=音樂網址 hidden=true type=audio/mpeg AUTOSTART=”1″ loop=”-1″ >

五、怎樣在音畫中做夢幻效果

做夢幻效果的方法:

就是在添加內容的代碼中(藍色代碼 TABLE這個元素後面)添加一個CSS濾鏡的夢幻效果代碼—style=”FILTER: Alpha(opacity=100,style=2)” 很簡單,識破不值半文錢!

音畫代碼:紅色代碼是邊框代碼,藍色代碼是添加內容的代碼,桔黃色代碼是添加內容代碼部分的結束標記.

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層圖片地址 border=0>

<TBODY>

<TR>

<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=第2層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=第3層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=第4層邊框圖片地址(純色圖片) border=0>

<TBODY>

<TR>

<TD>

<P align=center><IMG src=”動態小圖網址(gif或jpg格式)”></P>

<TABLE 在此處加一個CSS濾鏡代碼就有夢幻效果了 borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=主體圖片地址 border=8>

<TBODY>

<TR>

<TD align=middle width=”93%”><EMBED src=透明flash小動畫網址 width=360 height=230 type=application/x-shockwave-flash wmode=”transparent” menu=”false” quality=”high”>

</TD></TR></TBODY></TABLE></P>

六、怎樣用代碼做外邊框和內邊框

做外邊框的代碼:

<TABLE style=”BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000″ cellSpacing=0>

<TBODY>

<TR>

<TD>

這裡是文字的輸入地方,隨著文字的增多,邊框就逐漸放大。可以放加入背景圖片的代碼 ,在這裡還可以放一個或多個動畫代碼(做多層透明flash動畫)。

</TD></TR></TBODY></TABLE>

說明:紅色代碼是右邊框;綠色代碼是上邊框;深藍色代碼是左邊框;桃紅色代碼是下邊框;天藍色代碼是邊框內面背景顏色;黃色代碼cellSpacing=0是限制內邊框與外邊框距離的,「0」表示沒有距離,是可以改變的。(這段代碼裡沒有內邊框代碼)#號後面的00ff00是顏色代碼,可以變換,要改變邊框顏色就要將四邊#號後的代碼變為同一個代碼,否則,四邊的顏色就會不同。顏色代碼可以在顏色代碼表裡找;10PX是表示外邊框的寬度,數值可以改變;

怎樣加進內邊框?

1、代碼:

<TABLE border=1>

<TBODY>

<TR>

<TD>

2、說明:

A、「=」號後的「1」可以變為「2」或「3」,不可改得太大,因為這是限制內邊框寬度的,太寬了就不好看了;

B、做幾個內邊框,就將這段代碼放開頭那段代碼的<TD>後,(即「文字」前)並復制黏貼幾次;

3、以做三個內邊框為例:也就是將內邊框代碼復制黏貼三次放於開頭那段代碼的<TD>後,(即「文字」前)邊框的寬設為「1」,代碼變化如下:

<TABLE style=”BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge;

BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge;

BACKGROUND-COLOR: #ff0000″ cellSpacing=0>

<TBODY>

<TR>

<TD>

<TABLE border=1>

<TBODY>

<TR>

<TD>

<TABLE border=1>

<TBODY>

<TR>

<TD>

<TABLE border=1>

<TBODY>

<TR>

<TD>

這裡是文字的輸入地方,隨著文字的增多,邊框就逐漸放大。可以放加入背景圖片的代碼 ,在這裡還可以放一個或多個動畫代碼(做多層透明flash動畫)。

</TD></TR></TBODY></TABLE>

看看將限制內邊框與外邊框距離的代碼cellSpacing=0改為等於「5」後的效果

七、打造水晶博客感覺的邊框代碼

代碼:

<TABLE borderColor=#ff9999 height=211 cellSpacing=0 cellPadding=0 width=720 align=center border=1>

<TBODY>

<TR>

<TD style=”FILTER: Blur(Add=true, Direction=180, Strength=20)” bgColor=#ff9999 height=27>標題</TD></TR>

<TR>

<TD vAlign=top height=184>

這裡是輸入文字的地方,還可以放圖片代碼、Flash動畫代碼和gif動態小圖代碼。

</TD></TR></TBODY></TABLE>

說明:紅色的是邊框的顏色值,可以改變(見顏色代碼表),綠色的是標題背景的顏色值,也可以改變(見顏色代碼表),藍色的「27」是標題欄的寬度值,也是可以改變的。

看看效果:

標題

輸入文字的地方