華語文教學資訊

How to Embed Flash(url) to Web

馬志芳

華語文教學資訊

Dropbox 的使用 www.dropbox.com首先到 www.dropbox.com申請一個帳號，並完成安

裝。會在電腦裡有兩個地方，可以看到 dropbox 的資料

夾。一個可以在 my computer 之下看到。一個在螢幕的右下方的 toolbar( 工具列 )

華語文教學資訊

Dropbox 的資料 電腦裡 dropbox 的資料是跟網上的 dropbox 一樣的。 電腦裡的 dropbox 網上的 dropbox

使用方法：在電腦上，直接將要上傳的檔案 drag & drop到電腦裡的 dropbox folder ，檔案就會自動上傳與網上同步。

華語文教學資訊

Dropbox 使用重點如果要將檔案做連結。一定要將檔案放置在dropbox 裡的一個叫〝 Public 〞的資料夾裡。

華語文教學資訊

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

華語文教學資訊

找出檔案的 url找到檔案，按右鍵。選 copy public link

華語文教學資訊

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

華語文教學資訊

拷貝 embed 的 html拷貝下來紅色框框中的 code 。

華語文教學資訊

回到網頁 (weebly or 華文網 )開啟編輯網頁 ( 這裡以 weebly 為例 )Drag & drop html 的功能鍵

華語文教學資訊

新增一格 html 的編輯格當 drop 的時候

華語文教學資訊

貼上 html code點一下該框框貼上從 FlashCode 產生器 copy 來的 html code

華語文教學資訊

完成 embed 到 Weebly點框框的外面，就可看到結果。

華語文教學資訊

貼到華文網的部落格首先登入全球華文網的後台新增一個〝發表新文章〞

華語文教學資訊

寫內文寫好文章

華語文教學資訊

轉到編輯 html在內文時，如做標記，將比較容易找到填 html 的位

置。一般會打入一串數字為標記。如紅色框所示。選紅色框中的字

華語文教學資訊

貼上 html code貼上 code 之後，點選〝 update 〞 , 再點〝發表〞

或〝更新〞。完成 embed 。

華語文教學資訊

部落格的成果完成的寫字板。

華語文教學資訊

結論 不再需要自己寫，就可以將 flash 放上網站http://tinyurl.com/coc2eho一定要記住這個網站只要有 swf 等檔案的 網址 (url)就可以將它 iframe ( 或 embed) 到 任何 web 、 blog 。

謝謝寫這個產生器的人，從網址看來，應該是師大團隊。