怎樣在文章中貼數個swf 動畫

2008060717:23
蒐集:文章發表教學  2007/12/03 00:57

感謝晨曦婆婆分享!!

範例如下:

有時候您是不是想將製作好的swf 動畫,貼出一系列作品來分享,可是不知道怎樣將多個swf 動畫,貼到文章中?因為有很多人問過我這個問題,通常我都是簡單的答覆說『將所有的語法貼在記事本,存成網頁格式,上傳到網路空間,取得網址來貼就行了。如果動畫較小,想貼橫的。只要加上表格就成了。』對網頁有點概念的人,應該都會了。可是還是有人不知道。譬如我文章上方這個範例,是貼2個橫式動畫。

表格語法如下(橫式兩格)

<table cellSpacing=0 cellPadding=6   bgcolor=ffff33 border=8>
<tr><td>動畫swf圖檔 1的語法</td><td>動畫swf圖檔2的語法</td></tr>
</table>

swf動畫語法:

 <p align="center"><embed src="動畫swf圖檔網址" widht="圖寬度" height="圖高度"></embed>

 


  表格範例一
 
swf動畫1的語法 swf動畫2的語法
  

 
您只要將這些文字,複製到記事本,然後將語法貼進去,存成網頁格式(也就是更改副檔名為html 或htm )然後上傳到網路空間,取得網址來貼就成了。(或是先貼到語法測試版觀看效果再上傳)

(記事本存網頁方法~~打開未命名記事本~~將下面語法先貼上

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>新增網頁1</title>
</head>

<body>

</body>

</html>



然後將上方表格貼swf動畫語法貼在<body>與</body>之間(兩個紅色字標明的中間)

 

貼好語法後按左上(1) 檔案~~另存新檔~~在打開的對話視窗中第二個存檔類型~~(2) 選所有檔案~

(3) 檔名打上如~~no2.htm~~副檔名打htm   前面擋明隨意取但要取英文名稱~~選擇儲存資料夾可以

先暫存到桌面  (4) 按儲存    這時你就可以看到你做好的網頁檔再把網頁上傳網路空間取得網址

如何上傳網頁到網路空間請參考下面文章網址教學

http://tw.myblog.yahoo.com/lucy-2/article?mid=9&prev=124&l=f&fid=13

 

發佈到文章中使用網頁插入語法

  

<p align="center"><embed src="網頁上傳取得網址" widht="寬度" height="高度"></embed></p>

註: 在文章中貼插入網頁語法後切忌不要預覽按立即發佈

 

如不能呈現可以另換成使用下面這個加入多媒體代碼的語法

 

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" widht="寬度" height="高度"><param name="movie" value="網頁網址">

<param name="quality" value="high"><embed src="網頁網址" width="寬度" height="高度" type="application/x-shockwave-flash"></embed></object>
 
 

語法中前後兩個寬高度設定要一樣

特別說明:

文章區貼網頁或是swf語法發佈成功後如需修改按編輯後語法會失效~~需重新貼語法再做修改所以建議

先複製語法到記事本以備萬一



(橫式3格的表格法)

 

<table cellSpacing=0 cellPadding=6   bgcolor=ffff33 border=8>
<tr><td>動畫swf圖檔1的語法</td><td>動畫swf圖檔2的語法</td><td>動畫swf圖檔3的語法</td></tr>
</table>


  表格範例二
 
swf動畫1的語法 swf動畫2的語法 swf動畫3的語法
  

 

   如果要貼很多個,以此類推就行了

<table cellSpacing=0 cellPadding=6   bgcolor=ffff33 border=8>
<tr><td>資料1~1</td><td>資料1~2</td><td>資料1~3</td></tr>
<tr><td>資料2~1</td><td>資料2~2</td><td>資料2~3</td></tr>
<tr><td>資料3~1</td><td>資料3~2</td><td>資料3~3</td></tr>
<tr><td>資料4~1</td><td>資料4~2</td><td>資料4~3</td></tr>
</table>
 


  表格範例三
 
資料1~1 資料1~2 資料1~3
資料2~1 資料2~2 資料2~3
資料3~1 資料3~2 資料3~3
資料4~1 資料4~2 資料4~3
 

如你只是貼一般圖片也可以使用以上表格語法不需做成網頁~~直接在文章發表區勾選觀看html原始碼

貼圖語法插入上方表格語法中再貼入文章發表區語法框中按立即發表