17. ◎區塊介紹—HTML
HTML 區塊，就是可以輸入 HTML 語法的地方。
一般來說，在進到 HTML 區塊時，通常會切換到 HTML 原始碼編輯模式。
並在該區域輸入 HTML 語法。
<a href="http://blog.yam.com/bluerainbow"><img width="180"
src="http://pics4.blog.yam.com/8/userfile/b/bluerainbow/album/147babae89bad0.gif"
complete="true" complete="true" /></a>
再點一下即恢復網頁編輯的模式，點選儲存更新，回到主要介面，此時左右區塊即增加一個
有超連結功能的圖片啦。
說明：
<a href="http://blog.yam.com/bluerainbow"> </a>是設定超連結的語法。
<img width="180"
src="http://pics4.blog.yam.com/8/userfile/b/bluerainbow/album/147babae89bad0.gif"
18. complete="true" complete="true" />是設定將圖片嵌到此處的語法。
也可以做出下拉式選單。
HTML 語法：
<select onchange="function onchange() { function onchange() { function onchange() { function
onchange() { function onchange() { function onchange() { function onchange() { function
onchange() { function onchange() { function onchange()
{ location.href=this.options[this.selectedIndex].value; } } } } } } } } } }"><option>blog 課程第
01~10 課</option><option>-----------------------------</option><option
value="http://blog.yam.com/bluerainbow/article/14498352">課程大綱</option><option
value="http://blog.yam.com/bluerainbow/article/12344487">第 01 課</option><option
value="http://blog.yam.com/bluerainbow/article/12122229">第 02 課</option><option
value="http://blog.yam.com/bluerainbow/article/12122589">第 03 課</option><option
value="http://blog.yam.com/bluerainbow/article/12131262">第 04 課</option><option
value="http://blog.yam.com/bluerainbow/article/12162202">第 05 課</option><option
value="http://blog.yam.com/bluerainbow/article/12169824">第 06 課</option><option
value="http://blog.yam.com/bluerainbow/article/12531794">第 07 課</option><option
value="http://blog.yam.com/bluerainbow/article/12169646">第 08 課</option><option
value="http://blog.yam.com/bluerainbow/article/12445395">第 09 課</option><option
value="http://blog.yam.com/bluerainbow/article/12589615">第 10 課
34. ※插入外部影片的方法
7.如果這個影片是來自外部的資源，例如來自 Youtube 或 GoogleVideo 等處的影片，那麼請
先連到該部影片所在的位置，接著請在右側嵌入處點滑鼠右鍵複製。
回到網頁編輯處，接著請點選右上方的切換到 HTML 原始碼編輯模式按鈕，接著請將剛剛
複製的語法貼到此處。最後再切換回網頁編輯模式，最後儲存編輯就完成啦！如果之後想要
將這段影片刪除的話，只要將<object>到</object>中間的語法刪除即可。
※插入 swf 動畫的方法
8.網路上有許多動畫、成語故事是以 swf 的檔案格式所做成的，如果希望將這些動畫當成教
材整合到 moodle 的話也是可以的。插入的方式與插入聲音、影片的方式一樣，請先輸入一段
文字，選取文字後，點選插入連結。
35. 輸入該 swf 動畫的網址，最後按確定就完成啦！
有時候如果發現 swf 動畫的大小不如我們的預期，一樣只要改變後面的參數就可以改變 swf
動畫的大小啦！
※新增線上資源—連結到檔案或網站
8.除了用網頁的方式呈現之外，如果已經有完整的檔案（檔案中心的檔案），例如
Word、PowerPoint、PDF、Zip 等也可以直接讓同學從線上下載。
44. ◎補充教材--快速擷取 word 中的圖片
大家一定有這種經驗，平常都是用 word 在做教學檔案，因為 word 方便編輯及修改，當需要
使用時，只需將 word 中的內容複製、貼上即可，但是問題來啦！如果今天我們希望將一份已
經編輯完成的教材放到網路上，文字的部分只需要複製、貼上即可，但是圖片呢？你可不希
望一張一張用截圖軟體去截圖吧！在這邊介紹大家使用一套方便又好用的軟體 OfficePic。
1.點擊兩下將該軟體打開，請先選到 word 檔放置的位置，接著請選取圖片被抓出來之後所
要放的位置，檔案類型請改成 jpg（預設為 png），最後請點執行。
2.圖片已經擷取完成啦！
