embed flash game to web

1. 馬志芳
華語文教學資訊

2. Dropbox的使用
www.dropbox.com
 首先到www.dropbox.com申請一個帳號，並完成安裝。
 會在電腦裡有兩個地方，可以看到dropbox的資料夾。
 一個可以在my computer之下看到。
 一個在螢幕的右下方的toolbar(工具列)
華語文教學資訊

3. Dropbox的資料
電腦裡dropbox的資料是跟網上的dropbox一樣的。
電腦裡的dropbox 網上的dropbox
使用方法：在電腦上，直接將要上傳的檔案drag & drop到電
腦裡的dropbox folder，檔案就會自動上傳與網上同步。
華語文教學資訊

4. Dropbox使用重點
 如果要將檔案做連結。一定要將檔案放置在dropbox
裡的一個叫〝Public〞的資料夾裡。
華語文教學資訊

5. 以瘋布爸爸的寫字板為例
 首先到陳老師網站
 http://plog.tc.edu.tw/post/2936/63511
 將陳老師的寫字板遊戲下載，再上傳到dropbox的
Public的資料夾裡，一定要有它自己的一個專屬的資
料夾。
華語文教學資訊

6. 找出檔案的url
 找到檔案，按右鍵。
 選copy public link
華語文教學資訊

7. 使用Flash Code產生器
 http://goo.gl/oe0hz
 在〝1〞的後方的框框點一下，
貼上。
 在〝2〞的地方，選需要的大小。
 〝3〞，選〝iframe〞
 最後點〝取的崁入碼〞
華語文教學資訊

8. 拷貝embed的html
 拷貝下來紅色框框中的code。
華語文教學資訊

9. 回到網頁(weebly or 華文網)
 開啟編輯網頁(這裡以weebly為例)
 Drag & drop html的功能鍵
華語文教學資訊

10. 新增一格html的編輯格
 當drop的時候
華語文教學資訊

11. 貼上html code
 點一下該框框
 貼上從FlashCode產生器copy來的html code
華語文教學資訊

12. 完成embed到Weebly
 點框框的外面，就可看到結果。
華語文教學資訊

13. 貼到華文網的部落格
 首先登入全球華文網的後台
 新增一個〝發表新文章〞
華語文教學資訊

14. 寫內文
 寫好文章
華語文教學資訊

15. 轉到編輯html
 在內文時，如做標記，將比較容易找到填html的位置。
 一般會打入一串數字為標記。如紅色框所示。
 選紅色框中的字
華語文教學資訊

16. 貼上html code
 貼上code之後，點選〝update〞,再點〝發表〞或〝更
新〞。完成embed。
華語文教學資訊

17. 部落格的成果
 完成的寫字板。
華語文教學資訊

18. 結論 不再需要自己寫，就可以將flash放上網站
 http://tinyurl.com/coc2eho
 一定要記住這個網站
 只要有swf等檔案的
網址(url)
 就可以將它iframe
(或embed)到
任何web、blog。
謝謝寫這個產生器的人，從網址看來，應該是師大團隊。
華語文教學資訊