1. 期末學習歷程檔案
Dreamweaver

2. 學習歷程檔案 (portfolio)
Portfolio are “rich, contextual, highly personalized documentaries
of one’s learning journey”
Connections between actions, beliefs, thinking and doing, and
evidence and criteria.
Reflective inquiry process.

3. 學習歷程檔案 (portfolio)
用於評量 (assessment)
非只是作品的呈現，更重要的是 :
反應學習的過程
自我反思學習歷程
對學習作品所有權（ Ownership ）的表現
展現出專業發展的歷程
研究
培育學生高階思考能力
反思能力
用於外語教學、師資培育、學生學習
形式：
Web-based or CD
結構性／非結構性

4. 形式與操作
工具：
網頁製作能力

5. Final Portfolio
Images
Flash
Index.htm
blog.htm
Works

6. Index.htm
Index.html
簡介學習檔案的內容、目的、作品、作者
線上同步教學
1st : 簡介。檔案 ( 教案、 PPT 、教學影片、文字稿、反思 )
2nd: 簡介。檔案 ( 教案、 PPT 、教學影片、文字稿、反思 )
3rd: 簡介。檔案 ( 教案、 PPT 、教學影片、文字稿、反思 )
4th: 簡介。檔案 ( 教案、 PPT 、教學影片、文字稿、反思 )

7. blog.htm
Blog.html
非同步線上教學設計簡介
連結 :blog 網址

8. 步驟 : 準備工作
a. 將作業檔案 works: 教學 ( 文字稿、教學教案、
教學 PPT 、教學影片、反思等 )
b. 改檔名 : 以英文或數字
c. 如

9. 步驟一 : 準備工作
a. 下載至桌面
b. 改檔名學號
將作業檔案 works: 教學 ( 文字稿、教學教案、
教學 PPT 、教學影片、反思 )
d. 看懂檔案夾內檔案。
c.

10. 步驟二 : 準備素材
 準備素材 :
頁頭圖片格式 : 800*345 以小畫家／ photoshop 修正。
Index 內文圖片格式 :300*200

200*133

11. 步驟三 : 完成內容
完成作品說明 ( 文字 )word 完成

12. 手動操作技術
管理網站
文字類修正： e-mail ，智慧財產符號
連結：
錨點連結
超連結：同網站，其他網頁
＊作品／檔案連結
圖片：
換內頁圖片
頁頭修改（小畫家／ photoshop) 調整大小、加上文
字

13. 步驟四 : 開啟 Dreamweaver
管理網頁

14. 步驟五 : 修改頁頭圖
片
插入影像物件滑鼠
變影像

15. 步驟五 : 修改頁頭圖
片
原始影像
滑鼠變換影像

16. 步驟五 : 修正圖片

17. 小畫家
修正圖片大小

18. 步驟六 : 錨點 ( 同頁瀏
覽)
在瀏覽處 : 插入命名錨點
名稱 : 第二次

19. 步驟六 : 錨點 ( 同頁瀏
覽)
在連結文字反黑 :
連結 # 第二次
完成 :
每次教學連結與回
頁頭

20. 修正作者 ( 頁
底)
智慧財產符號
Html 特殊符號

21. 兩頁連結

22. 兩頁連結
連結文字反黑連結 :
選擇檔案

23. Blog 連結
文字反黑連結 : 鍵入網址

24. 作品連結
文字反黑 works 找檔案