拜師學藝

師者所以傳道、授業、解惑也，雖不敢要求你們遵守「一日為師終身為父」的古訓，但也希望你們在為師的調教下，功力日漸增長，並寄望在華山論劍之日，力克群雄，取得武林盟主之位，光耀門眉。

　

教學活動設計

教學主題

Nvu網頁製作 .

教學時間

19節，共760分鐘

教學目標

1.能規劃自己的網頁。
2. 能使用自由軟體製作網頁。
3. 能進行資料的搜尋、整理、編輯與展示的能力。
4. 能透過網路分享個人作品，提升資訊素養。

配合之能力指標

1-2-2 嘗試以視覺、聽覺及動覺的藝術創作形式，表達豐富的想像與創作力。
2-2-7 相互欣賞同儕間的藝術作品，並能描述個人感受及對他人創作的見解。
2-4-3 認識程式語言、了解其功能與應用，有開放規格、自由軟體的概念。
4-3-1 了解電腦網路概念及其功能。
4-3-3 能利用資訊科技媒體等搜尋需要的資料。
3-2-1能以自由軟體進行編輯網頁。

單元活動名稱

教學重點說明

實施方式

教學資源
（教學簡報、講義、學習單、補充教材）

評量方式

單元一：
網頁內容規劃
（1節）

準備活動：

  1. 前測學習單
  2. 教師準備「網頁製作流程圖」簡報檔。
  3. 事先準備幾個範例網頁。
  4. 教師準備「網頁製作流程圖片檔」。

【引起動機】

  1. 瀏覽範例網頁並分享對該網頁的看法。

【發展活動】

  1. 提問
    1. 你家裡有網頁製作軟體嗎?
    2. 什麼樣的網站最吸引你?
    3. 你覺得可以在自己的網頁上放什麼資料?
  2. 敘述網頁製作流程。

【綜合活動】
教師總結：
一個吸引人的網頁是必須有充實的內容與個人獨特的風格，因此，一開始就應好好規劃自己的網頁。

　

　

　

　

瀏覽網頁

　

播放簡報檔

播放「網頁製作流程圖」圖片檔

　

　

個別發表

　

　

　
  1. 前測學習單
  2. 「網頁製作流程圖」簡報檔
  3. 範例網頁
  4. 「網頁製作流程圖」圖片檔

課堂觀察

　

單元二：
資料收集
（1節）

準備活動：

  1. 準備幾個範例網頁。
  2. 教師準備「網頁製作流程圖」簡報檔
  3. 教師準備「網頁規劃學習單」

【引起動機】

  1. 欣賞範例網頁，並讓學生指出吸引他們的地方。

【發展活動】
1.教師講述：

    1. 依據「網頁製作流程圖」讓學生自行規劃自己的網頁
    2. 講述著作財產權，並要求學生確實遵守。
    3. 讓學生著手收集網頁製作所需的材料。
  1. 教師提問：
    1. 你覺得範例網頁中有哪些地方最吸引你？
    2. 你覺得在你自己的網頁上可以放置哪些資料？
    3. 這些資料要怎麼取得？
    4. 做網頁是要如何遵守智慧財產權？

【綜合活動】
教師總結：
透過網頁的規劃、資料的著手收集，學生會越來越有興趣製作網頁及成就感。

　

　

　

　

瀏覽網頁

　

　

使用「網頁規劃學習單」

全班實作

　

　

　

　

討論發表

　

　

　

　

　

　

 1.範例網頁。
2. 「網頁製作流程圖」簡報。
3. 「網頁規劃學習單」

課堂觀察
實作評量

單元三：
製作網頁
（15節）

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

準備活動：

  1. 教師錄製「網頁製作教學影音檔」，或「網頁製作教學網頁檔」並將資料呈現於學校網站上。

【引起動機】

  1. 瀏覽學長姊的網頁作品，引起學習興趣。

【教學活動】

  1. 教師透過實作，引導學生學習使用NVU網頁製作軟體的操作：
    1. NVU網頁製作軟體簡介，及軟體下載安裝。
    2. 文字的放大,縮小,改變顏色,改變位置。
    3. 上網下載圖片並將圖片放入網頁中。
    4. 圖片的放大,縮小,改變位置。
    5. 層次（Layer）的運用。
    6. 更換網頁背景顏色。
    7. 將網頁背景更換為動畫。
    8. 圖片超連結的製作。
    9. 文字超連結的製作。
    10. 設定按鈕連到自己做的網頁檔。
    11. 鏈結（書籤）的製作。
    12. 表格的製作.縮放、合併、插入、刪除。
    13. 新增一個空白網頁並命名。
    14. 加入背景音樂。
    15. 圖片連結如何設定自動開啟新視窗。
  2. 學生透過實際操作，熟悉NVU網頁製作軟體的使用。
  3. 學生對網頁製作如有疑問之處，除當場發問外，可透過教學網頁精熟學習。
  4. 講述著作財產權，教師提供「著作權授權函範例」，並要求學生確實遵守。

【綜合活動】
教師總結：
電腦軟體的使用是越用越熟悉，學生除了可以在教室現場學習外，課於之後也可以在家自行學習。

　

錄製教學檔案

　

　

瀏覽網頁

　

　

　

　

教師示範

　

　

　

　

全班實作

　

　

　

　

　

　

　

　

　

教學示範
全班實作

　

　
  1. 網頁製作教學影音檔。
  2. 學長姊的網頁作品。
  3. 「著作權授權函範例」

　

　

　

　

　

　

　

　

　

課堂觀察
實作評量

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

單元四：
上傳網頁
（1節）

準備活動：
1.教師準備「網頁上傳教學網頁 」。
2.教師準備「如何在家繼續製作網頁教學網頁」。

【引起動機】
1.美美的網頁完成了，要如何讓全世界都看得到？
【發展活動】
1.提問：

    1. 你家裡有網頁上傳軟體嗎?
    2. 要如何才能讓別人在網路上看到你的網頁?

2.網頁上傳教學：

    1. 網頁上傳軟體(FTP)簡介?
    2. 網頁上傳軟體安裝及操作教學

3.講述在家如何繼續製作網頁，並提供學生參考「如何在家繼續製作網頁教學網頁」。

【綜合活動】
教師總結：
做了網頁沒有上傳到網路上，只是自己happy而已，沒有達到分享的效果，所以上傳這個步驟很重要喔。

　

　

問題討論

　

問題討論

　

　

教學示範

　

　

　

問題討論

1. 「網頁上傳教學網頁 」

2.「如何在家繼續製作網頁教學網頁」

課堂觀察
實作評量

單元五：
作品欣賞
（1節）

準備活動：

    1. 將學生網頁連結做成目錄。《範例 》
    2. 製作「網頁創作星光大道評分表」。
    3. 後測學習單

【引起動機】
1.隨機瀏覽班上同學作品網頁並分享對該網頁的看法。
【發展活動】

    1. 學生分組。
    2. 瀏覽同學作品。
    3. 「網頁創作星光大道評分表」評分。
    4. 作品優點評析。

【綜合活動】
教師總結：
一個吸引人的網頁是必須有充實的內容與個人獨特的風格，因此，網頁內容需時常更新注入新資訊才能吸引人氣。

　

　

瀏覽網頁

　

瀏覽網頁
分享討論

　

　

　

分享討論

　

1. 學生網頁連結目錄


2. 「網頁創作星光大道評分表」

3.後測學習單

課堂觀察
實作評量