1 / 22

精進教師課堂教學能力計畫 資訊融入教學研習 ( 一 )

精進教師課堂教學能力計畫 資訊融入教學研習 ( 一 ). 部落格 認識、建置與管理. 講師：謝溥仁 日期： 96.5.30. 值得參考的教學資源網站. 教育部六大學習網 http://learning.edu.tw/ 台中縣資訊融入教學社群網站 http://study.boe.tcc.edu.tw/study/pub/product_list.aspx 台中縣資訊種子學校社群網站 http://study.boe.tcc.edu.tw/seed/Pub/schoollist.aspx 台中市六大學習網成果

sohalia-bijoy
Download Presentation

精進教師課堂教學能力計畫 資訊融入教學研習 ( 一 )

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 精進教師課堂教學能力計畫資訊融入教學研習(一)精進教師課堂教學能力計畫資訊融入教學研習(一) 部落格認識、建置與管理 講師：謝溥仁 日期：96.5.30

  2. 值得參考的教學資源網站 • 教育部六大學習網 http://learning.edu.tw/ • 台中縣資訊融入教學社群網站 http://study.boe.tcc.edu.tw/study/pub/product_list.aspx • 台中縣資訊種子學校社群網站 http://study.boe.tcc.edu.tw/seed/Pub/schoollist.aspx • 台中市六大學習網成果 http://w3.tceb.edu.tw/study/ITE/95index.html • 宜蘭縣國教輔導團教學資源部落格 http://blog.ilc.edu.tw/blog/blog/1/ • 台中縣教學資源網 http://resource.tcc.edu.tw/ • 台中縣九年一貫課程教學輔導團網站 http://resource.tcc.edu.tw/modules/enduser/index.html • 高雄縣軟體教學影音網（電腦教學） http://w3.tceb.edu.tw/study/ITE/95index.html

  3. Outline • 什麼是部落格 • 常見的部落格 • 部落格值得參考的網站 • 認識、註冊中縣教網部落格 • 個人網誌設定 • 內容管理 • 檔案中心 • 編輯文章的其他工具 • 班級網路相簿 • 修改模版

  4. 什麼是部落格？ • 部落格— blog、weblog或稱網誌，其實就是一種日誌！大陸稱為博客、部落客。 • 起源— 電腦之記錄檔，即log檔！按照時間順序以文章的形式在網路上定期發表內容的一種方式。 • 參考資料--http://163.17.156.130/moodle/course/view.php?id=77 • 範例— http://plog.tcc.edu.tw/ http://163.17.114.2/lifetype/index.php?blogId=3 http://www.youtube.com/

  5. 常見的部落格 • 無名小站 • http://www.wretch.cc/ • 樂多日誌（蕃薯藤） • http://blog.yam.com/ • Xuite（Hinet） • http://blog.xuite.net/ • Yahoo 奇摩部落格 • http://tw.blog.yahoo.com/ • 中縣教網部落格 • http://plog.tcc.edu.tw/

  6. 部落格值得參考的網站 • 部落格教學-- 部落格研習電子書(華龍國小數位學習網) http://163.17.156.130/moodle/mod/book/view.php?id=655 中縣教網部落格 http://plog.tcc.edu.tw/static/1/faq • 部落格在教學上的運用-- 阿杰老師的部落格實驗室 http://www.tiec.tp.edu.tw/lifetype/post/102/251 國內部落格於教學上的運用 http://blog.yam.com/lori0105/archives/1266888.html

  7. 認識、註冊中縣教網部落格 • 申請中縣教網部落格 • 我的網誌的網址是什麼？ • http://plog.tcc.edu.tw/您的公務帳號 • 什麼是LifeType的摘要頁？ • http://plog.tcc.edu.tw/summary.php • 如何登入管理後台 • http://plog.tcc.edu.tw/admin.php

  8. 個人網誌設定 1. 基本設定 • 網誌設定--名稱、網誌分類、文章數目、模版、迴響留言權限… • 使用者設定 2. 管理網誌使用者 • 新增網誌使用者 這個使用者只能使用「管理中心及檔案中心」，無法使用「個人網誌設定」，也就是說，這新增的使用者，只能上傳檔案及發表、管理文章等，無法修改網誌的一些設定。 3. 管理網誌模版 4. 防制垃圾干擾管理

  9. 內容管理--文章管理(1/3) • 新增文章分類 • 班級同學、榮譽榜、佳作欣賞、公佈欄、活動寫真… • 文章分類列表 • 發表新文章 • 填入標題、內文 • 插入檔案或圖片 • 狀態（定稿、草稿） • 文章分類（新增文章分類） • 全域文章分類（是否啟用迴響留言功能） • ※如何在文章中加入圖片： • 將圖片上傳到檔案中心在文章中按「插入資料夾 • 的檔案或圖片」，找到該圖點（原圖、小圖或中圖） • 即可。

  10. 內容管理--文章管理(2/3) • 文章列表 1.更新列表： 依條件來列出文章。 2.文章選項區塊： 透過這邊的選項區塊，您可以選取全部或多篇文章， 按下右下角的「刪除」，可以一次刪除全部或多篇文 章。 3.文章標題： 按下文章標題，您以再一次編修文章 。 • 迴響列表

  11. 內容管理—網站連結管理(3/3) • 新增連結分類 1.新增連結分類 2.新增完成，您也可以在這畫面中再做修改或刪除動作 • 新增網站連結 1.新增網站連結 2.填入相關資料 3.完成新增 • 網站連結列表 網站連結列表會列出您的所有網站連結的資料 • 編輯網站連結分類

  12. 檔案中心--管理檔案（含照片） • 新增資料夾 • 要上傳檔案或相片，一定要有個資料夾的分類 • 「更新」：取消勾選，這個資料夾將不會出現在網誌資料夾列表中。就是說，你若取消勾選，則一般人無法直接看到這個資料夾裡的檔案，但管理者仍然可以在發表文章時使用 • 新增檔案 • 1.按下「瀏覽」，跳出一個工作視窗，請選擇您要上傳的檔案後按下「開啟」 • 2.若一次要上傳多個檔案，可以再多按幾次「新增上傳欄位」 • 檔案列表 • 透過檔案列表，您可以管理檔案中心裡的檔案及資料夾

  13. 編輯文章的其他工具(1/6) • 插入檔案中心的資料：這功能，可以插入檔案中心裡的檔案或圖片，或 是直接做個檔案中心裡資料夾的連結，這部分後 面再詳述。 ：編輯 html原始碼若要線上播放音樂或影片時，我們就必須自己手 動加入html原始碼，就必須先按下這功能後，才 能進行html原始碼的編輯。 ：全螢幕工作視窗按下它，會新增個工作視窗，方便發表文章內容。

  14. 編輯文章的其他工具(2/6) • 有連結的文字 1. 按下工具列上的 「Insert Web Link」連結圖示 2. 連結網址：輸入或貼上網址 3. 標題：連結的名稱，可不輸入 4. 對象： 於同視窗中開啟連結 以新視窗中開啟連結。

  15. 編輯文章的其他工具(3/6) • 文章中插入檔案 1.先將檔案上傳至檔案中心裡。 2.發表文章。 3.按下「插入檔案」，會跳出「檔案中心」的對話視窗 ，選擇到您放置檔案的資料夾裡找到這個檔案，按下 「新增檔案」，在文章中就會出現文件超連結。 • 文章中插入圖片 在文字工具列上，若要插入圖片有「插入或編輯圖檔」 、 「插入資料夾裡的檔案或圖片」 兩種選項可 以使用。 ※將圖片上傳到檔案中心在文章中按「插入資料 夾的檔案或圖片」，找到該圖點（原圖、小圖或中 圖）即可。

  16. 編輯文章的其他工具(4/6) • 在文章中插入音樂及影片 • 1.將音樂（mid、mp3、wav）先上傳到「檔案中心」 • 2.發表文章，按下 這按鈕，編輯HTML語法。 • 3.鍵入下列的原始碼 <embed src=“音樂的網址" width="320" height="26" autostart=“true"/> src=“音樂網址” → 音樂網址的取得，如下一頁之說明 width="320" → 播放器的外觀寬度 height="26" → 播放器的外觀高度 autostart=“false” → 是否自動播放，true 自動播放 ，false不會自動播放 ，需按下「play」才會開始播放

  17. 編輯文章的其他工具(5/6) • 音樂網址的取得 在檔案中心的檔案列表裡，找到這檔案 ，並按下檔案的連結 進入編輯檔案的畫面，於「檔案名稱」 上按右鍵→複製捷徑

  18. 編輯文章的其他工具(6/6) 在「下載」上，按下滑鼠右鍵→複製捷徑，就可以將這檔案的網址複製起來 ※插入影片跟插入音樂都是同樣的方式，插入的原始碼也是 類似，差別只在寬度(320)和高度(240)。

  19. 班級網路相簿 • 把檔案中心當作網路相簿 因為LifeType會對上傳的圖片做成縮圖，所以若把許多 圖片同時上傳到某的資料夾裡，就可以做成網路相簿。 1.在檔案中心增加一個「網路相簿」資料夾。 2.於「網路相簿」資料夾中增加各項活動的資料夾。 3.將活動照片上傳至資料夾中。

  20. 修改模版(1/3) • 我的個人模版 以修改模版橫幅為例 1.複製原有的模版。（避免把原模版改壞了） • 複製一個名為「FallingLeaves-randombanner」 的模版來當作你的個人模版。 • 複製完模版後記得再去改一下「個人網誌設定」/「網誌設定」，將你的網誌模版 • 改成剛剛複製好的模版

  21. 修改模版(2/3) • 2.認識模版結構 • 「個人網誌設定」/「網誌模版編輯器」/ 點選 • 「new_FallingLeaves-randombanner」，便可進入模版修改的畫面。 • main.template：這個檔案控制網誌的 • 主頁面。 • 點選模版檔案後（以main.template為例） • ，就可以看到該模版檔案的內容，當然就 • 可以直接線上編輯該模版檔案的內容了。 • 開啟image資料夾。(並非每個模版都有) • 上傳自製的橫幅圖檔。 • 開啟header.template檔。 • 更改橫幅的連結。 • 例： • var imageFile = imgArray[Math.floor(Math.random()*28)]; • document.write('<img src = "{$url->getUrl("/$blogtemplate/images/“ • )}' , imageFile, ' " border="0" />'); • 改成 • var imageFile = imgArray[Math.floor(Math.random()*28)]; • document.write('<img src = "{$url->getUrl("/$blogtemplate/images/“ • )}‘ , “新上傳圖檔檔名”, ' " border="0" />'); 這檔案裡，又包含了 header、links、post、 footer 等四個檔案，在網誌前台上的對應位置

  22. 修改模版(3/3) • 加入一些小東西 1.加入flash時鐘： 2.加入「Kijiji 公益聯播計畫」 3.加入五月風潮Blog音樂盒聯播 4.加入「Cocoa Island - 靠訪客人數蓋房子的小椰果」 5.小水滴寵物 6.使用 newsgator 產生網誌聯播 7.洋蔥頭表情符號 參考網站： http://163.17.156.130/moodle/mod/book/view.php?id=655&chapterid=218

More Related