Page 1

華語文數位教學平台 介紹與應用 菩提學苑_ 菩提學苑_蔡秀寬 0808-0505-12


1.全球華文網

-全球線上課程專區 全球線上課程專區(充電區 全球線上課程專區 充電區) 充電區 -教師部落格 教師部落格 -Moodle教室 教室 2.教學字卡製作 3.電子書製作


課程實作_ 課程實作_教學分享

老師充電區

全球華語文教學分享_ 全球華語文教學分享 寶藏區


在家輕鬆學_ 在家輕鬆學_全球線上課程專區

點選喜歡的課程 _自行充電


同步線上課程報名_點選線上報名


課程時間請由_線上同步教學平台 課程時間請由 線上同步教學平台 _會員登入 會員登入_進入課程 會員登入 進入課程 _聽課配備 聽課配備: 聽課配備 耳機/ 耳機 麥克風


用華文網帳號密碼登入後 選課程參加


Ishare 平台的使用說明


教師部落格_全球華語文教學的分享 教師部落格 全球華語文教學的分享


耕耘園地 http://blog.huayuworld.org/myblog ttp://blog.huayuworld.org/myblog


史塔福小学 Ms. Chen's Chinese Classroom

繁拼七年級 Jun Chinese blog Chinese Study Land

分享園地


Moodle_ 主題教學_ 主題教學_教材區


師資自學課程_師資培訓 師資自學課程 師資培訓


Blog/Moodle/Website 1. 申請 2. 設定 dropbox

3. 內容編輯: 內容編輯:

webside

-用超連結去其他網頁 用超連結去其他網頁 My blog/moodle/ webside webside

Google doc

- 嵌入程式碼(embed 入程式碼(embed code)

內容放在自己的網頁


建立部落格_ 建立部落格_參與分享的行列

1. 申請華文網教師身分帳號 2. 建立部落格_ 建立部落格_每個帳號只能建立一個部落格 3. 網誌設定_ 網誌設定_ 名稱 選取模板( 選取模板(外觀) 外觀) 語系 (設定都可再行修改) 設定都可再行修改) 4. 內容管理_ 容管理_發表文章 _管理文章 _編輯文章


全球華文網_部落格申請


全球華文網_部落格申請 在會員個人首頁在會員個人首頁-管理部落格 部落格選單_ 部落格選單_管理介面進入

會員個人首頁

點此進入管理部落格


部落格管理頁面說明 部落格名稱

1

2

3 部落格帳號 http://blog.huayuworld.org/xxxxxx

1. 內容管理: 內容管理: 編輯內容 2. 檔案中心: 檔案中心: 上傳的資料的管理_ 上傳的資料的管理_部落格的資料夾 3. 個人網誌設定: 個人網誌設定: 部落格的架構設定


部落格基本設定_個人網誌設定 3.1.1 _網誌設定

(設定後可以再 設定後可以再進入修改) 進入修改)

全球華文網線上操作教學_網誌設定

部落格名稱_ 部落格名稱_可再修改

*不變更設定 不變更設定


部落格基本設定_個人網誌設定 選取模板_ 選取模板_ 1.有問號者會出現作者圖示於部 1.有問號者會出現作者圖示於部 落格上 2.有些模板僅適於 2.有些模板僅適於IE 有些模板僅適於IE broswer 在 firefox 不能正常運作 3. 以後仍可置換模板 4. 模板亦可自行新增


部落格基本設定_個人網誌設定

每次動作 都需要更 新一次


部落格基本設定_個人網誌設定 3.1.2 _使用者設定

唯一不可修改的資料 不方便用真實姓名可用暱稱 訪客迴響通知

請輸入簡短敘述

Demo


部落格基本設定_個人網誌設定 3.1.2 _使用者設定 個人圖示呈現 1. .模板中有問號 2. 輸入自我介紹 3. 圖示設定_ 圖示設定_上傳 (選取圖示為120x120) 選取圖示為120x120) 1:1


部落格基本設定_個人網誌設定 3.1.2 _使用者設定

Demo


部落格_編輯文章 4.1 編輯文字內容文章

Demo

文字編輯器功能說明

_文字: 文字: 直接輸入或Copy 直接輸入或Copy Word 的文 字貼入, 字貼入,格式須重新調整 _表格: 表格: 在word 中做好表格貼入 _在forntPage 編輯, 編輯, 將html 貼入 (效果最好) 效果最好)

設定閱讀全文的切割點


部落格_編輯文章

Demo

4.2 編輯文字+圖片文章 ( Free Picture http://www.flickr.com ) -先將圖片上載至部落格檔案夾中 -點選

選取資料夾中的圖片資料

圖片: 圖片: 原圖( 原圖(動畫圖片要選原圖) 動畫圖片要選原圖) 小圖( 小圖(點選後會放大呈現) 點選後會放大呈現) 中圖


部落格_編輯文章 Demo

4.3 編輯多媒體文章 (影像 聲音 圖片) 圖片) _4.3.1 文章中嵌入音樂(mp3) 文章中嵌入音樂(mp3) 1)上傳音樂檔至資料夾中 1)上傳音樂檔至資料夾中 3

2)建立新文章 2)建立新文章 3)點選左下插入檔案 3)點選左下插入檔案 4)在 4)在mp3檔案右邊點選插入播放器 mp3檔案右邊點選插入播放器 文章中顯示

部落格中的mp3播放器 播放器 部落格中的

4


部落格_編輯文章 Demo

4.3 編輯多媒體文章 (影像 聲音 圖片) 圖片)

_4.3.1 文章中嵌入音樂 1) 上傳音樂檔: mp3, wav…. wav .檔名副檔名都需英文或數字小寫 2)mp3 直接插入檔案/即可播放(部落格內建播放器) 3) 其他音樂檔需加入語法: <embed src="路徑檔名副檔名 路徑檔名副檔名" 或false"></embed> 路徑檔名副檔名 width="120" height="40" autostart="true或

Src: Src: 檔案實體路徑(URL) 檔案實體路徑(URL) Autostart: Autostart: 自動播放或不自動播放


部落格_編輯文章 Demo

4.3 編輯多媒體文章 (影像 聲音 圖片) 圖片) _4.3.2 如何知道檔案實體路徑? 如何知道檔案實體路徑? 1.

2

/檔案 /檔案 開啟檔案

2. 在選取的檔案名稱double 在選取的檔案名稱double click 3. 編輯檔案中的檔案名稱double 編輯檔案中的檔案名稱double click

3

4.出現部落格首頁的畫面 4.出現部落格首頁的畫面, 出現部落格首頁的畫面, 在下載 檔名名稱按右鍵 5.在內容按右鍵 5.在內容按右鍵_ 在內容按右鍵_網址(URL) 網址(URL) 檔案的實體路徑 複製貼入語法中

Copy此 此URL 於src=“ xxx” 語法中

4

5


部落格_編輯文章 Demo

4.3 編輯多媒體文章 (影像 聲音 圖片) 圖片) _4.3.2 文章中嵌入影片( (自製) 自製) 1) 上載影片( 上載影片(檔名副檔名: 檔名副檔名:英文數字小寫 大小: 大小: 32M) 2) 在新增文左下按_ 在新增文左下按_插入檔案 3) 選取. 選取.flv 檔案 按插入播放器


部落格_編輯文章 Demo

4.3 編輯多媒體文章 (影像 聲音 圖片) 圖片) _4.3.2 文章中嵌入影片(YouTube) (YouTube) 1) copy Youtube 影片右側的網址(URL) 影片右側的網址(URL) 2) 在文章功能表按 insertVideo 3) 貼上影片的網址(URL), 貼上影片的網址(URL),按 (URL),按Insert


部落格_編輯網站連結 編輯網站連結 Demo

4.4 編輯網站連結 內容管理/ 內容管理/新增網站連結

連結名稱 網址

說明


Flash 翻頁電子書製作_ http://issuu.com/


菩提學苑漢拼2 菩提學苑漢拼2趙鳳紅老師 HCC Chinese School ICC 中七班


全球華文網_ Moodle 教室申請 會員登入

我要開課_Double click


全球華文網_ Moodle 教室申請


全球華文網_ Moodle 教室設定


全球華文網_ Moodle 教室設定

在此頁設定可以邊 及課程的帳號


全球華文網_ Moodle 教室設定


全球華文網_Moodle 教室進入

我的最愛課程


全球華文網_Moodle 教室說明


Moodle 教室編輯_主題大綱


Quizlet 字卡教學_ 字卡教學_ http://quizlet.com/


生字筆順教學


Audio_dropbox 線上錄音

20120805_eclass  

chinese elearning

Read more
Read more
Similar to
Popular now
Just for you