【 拼 圖 製 造 機 】
 
步驟1(從你的電腦選取圖片)
步驟2(選擇拼圖碎片的尺寸) Tiny Small Medium Large Enormous

(限180K以內的JPG、PNG、GIF、BMP圖檔)





拼圖製作教學:



一、上傳圖片

第1步  首先,開啟拼圖製造機的網頁「http://briian.com/puzzle/」,先按一下〔瀏覽〕按鈕,選取你要製作成拼圖的圖檔。目前限定只能是副檔名為「jpeg,png,gif,跟bmp」等格式的圖檔。

選取檔後,再按一下「步驟2」的其中一個按鈕,選擇拼圖碎片的大小。

 

第2步  順利將圖檔上傳之後,我們可以看到一個都是英文的網頁,網頁下方的那個Flash區塊,就是你剛剛上傳圖片後,所生成的拼圖。而拼圖上方則是一段「嵌入式程式碼」與拼圖網址。你可以先試玩看看下面的拼圖。

 

二、將程式碼貼到你的BLOG或網頁

第1步  確定拼圖沒問題後,直接在上方的程式碼區塊按一下滑鼠右鍵,再點選【複製】,先將程式碼複製下來。

上方的用方框圈起來的一段網址,就是這個頁面的超連結,如果你不想把生成好的拼圖直接嵌入你的網頁或部落格,則可貼上這個URL,讓你的朋友到這網頁來玩這拼圖。




第2步  將剛剛的程式碼貼到記事本,我們可以先將程式碼整理一下,用不到的一些邊框或廣告畫面,就可以直接過濾掉。

請先找到「<EMBED」這個標籤,一直到「PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" />」這一行最右邊的「" />」為止,這一整個都是嵌入Flash標籤的內容。整理出來後,請把他複製下來,準備貼到你的網站。

第3步  如圖,下面是以WordPress部落格網站系統為例,寫新文章的時候,可以按一下〔HTML〕按鈕,準備切換成HTML編輯模式。(如果你是用無名小站,或其他入口網站的系統,之後另外再標注說明。)

第4步  在HTML編輯器中貼上剛剛的程式碼後,直接按下〔更新〕,將程式碼插入你的網頁。有些編輯器可能會擋「embed」標籤,如果是這樣,那我就沒辦法囉。因為那部份你得自行設定讓他可以用,或者另外找可以用的頁面去發佈。或者乾脆址貼URL網址就好,讓大家連過去玩玩。






第5步  如圖,貼好文章後,我們可以看到Blog中多出一篇文章,文章裡面就是剛剛的那個拼圖囉,可以分享給大家一起玩玩。

 







重灌狂人 ㊣ http://briian.com/