1、Nvu网页制作教学设计Nvu網頁製作教學設計1、 教學主題：Nvu網頁製作2、 主題架構圖：單元一：內容規劃（1節）3、 實施對象：六年級學生4、 實施時間：共十九節5、 實施範圍：資訊教育6、 各單元教學活動設計教學主題Nvu網頁製作教學時間19節，共760分鐘教學目標1. 能規劃自己的網頁。2. 能使用自由軟體製作網頁。3. 能進行資料的搜尋、整理、編輯與展示的能力。4. 能透過網路分享個人作品，提升資訊素養。配合之能力指標1-2-2 嘗試以視覺、聽覺及動覺的藝術創作形式，表達豐富的想像與創作力。2-2-7 相互欣賞同儕間的藝術作品，並能描述個人感受及對他人創作的見解。2-4-3 認識程式
2、語言、了解其功能與應用，有開放規格、自由軟體的概念。4-3-1 了解電腦網路概念及其功能。4-3-3 能利用資訊科技媒體等搜尋需要的資料。3-2-1能以自由軟體進行編輯網頁。單元活動名稱教學重點說明實施方式教學資源（教學簡報、講義、學習單、補充教材）評量方式單元一：網頁內容規劃（1節）準備活動：1. 前測學習單2. 教師準備網頁製作流程圖簡報檔。 3. 事先準備幾個範例網頁。 4. 教師準備網頁製作流程圖片檔。 【引起動機】1. 瀏覽範例網頁並分享對該網頁的看法。【發展活動】1. 提問：(1) 你家裡有網頁製作軟體嗎? (2) 什麼樣的網站最吸引你?(3) 你覺得可以在自己的網頁上放什麼資料?
3、2. 敘述網頁製作流程。【綜合活動】教師總結：一個吸引人的網頁是必須有充實的內容與個人獨特的風格，因此，一開始就應好好規劃自己的網頁。瀏覽網頁播放簡報檔播放網頁製作流程圖圖片檔個別發表1. 前測學習單2. 網頁製作流程圖簡報檔3. 範例網頁4. 網頁製作流程圖png圖片檔課堂觀察單元二：資料收集（1節）準備活動：1. 準備幾個範例網頁。 2. 教師準備網頁製作流程圖簡報檔 3. 教師準備網頁規劃學習單 【引起動機】1. 欣賞範例網頁，並讓學生指出吸引他們的地方。【發展活動】1.教師講述：(1) 依據網頁製作流程圖讓學生自行規劃自己的網頁(2) 講述著作財產權，並要求學生確實遵守。(3) 讓學生
4、著手收集網頁製作所需的材料。2. 教師提問：(1) 你覺得範例網頁中有哪些地方最吸引你？(2) 你覺得在你自己的網頁上可以放置哪些資料？(3) 這些資料要怎麼取得？(4) 做網頁是要如何遵守智慧財產權？【綜合活動】教師總結：透過網頁的規劃、資料的著手收集，學生會越來越有興趣製作網頁及成就感。瀏覽網頁使用網頁規劃學習單全班實作討論發表1. 範例網頁。2. 網頁製作流程圖簡報檔。3. 網頁規劃學習單課堂觀察實作評量單元三：製作網頁（15節）準備活動：1. 教師錄製網頁製作教學影音檔，並將資料呈現於學校網站上。【引起動機】1. 瀏覽學長姊的網頁作品，引起學習興趣。【教學活動】1. 教師透過實作，引導
5、學生學習使用NVU網頁製作軟體的操作： (1) NVU網頁製作軟體簡介，及軟體下載安裝。(2) 文字的放大,縮小,改變顏色,改變位置。(3) 上網下載圖片並將圖片放入網頁中。(4) 圖片的放大,縮小,改變位置。(5) 層次（Layer）的運用。(6) 更換網頁背景顏色。(7) 將網頁背景更換為動畫。(8) 圖片超連結的製作。(9) 文字超連結的製作。(10) 設定按鈕連到自己做的網頁檔。(11) 鏈結（書籤）的製作。(12) 表格的製作.縮放、合併、插入、刪除。(13) 新增一個空白網頁並命名。(14) 加入背景音樂。(15) 圖片連結如何設定自動開啟新視窗。2. 學生透過實際操作，熟悉NVU
6、網頁製作軟體的使用。3. 學生對網頁製作如有疑問之處，除當場發問外，可透過教學網頁精熟學習。4. 講述著作財產權，教師提供著作權授權函範例，並要求學生確實遵守。【綜合活動】教師總結：電腦軟體的使用是越用越熟悉，學生除了可以在教室現場學習外，課於之後也可以在家自行學習。錄製教學檔案瀏覽網頁教師示範全班實作教學示範全班實作1. 網頁製作教學影音檔。 2. 學長姊的網頁作品。 3. 著作權授權函範例 課堂觀察實作評量單元四：上傳網頁（1節）準備活動：1.教師準備網頁上傳教學網頁 2.教師準備如何在家繼續製作網頁教學網頁。【引起動機】1.美美的網頁完成了，要如何讓全世界都看得到？【發展活動】1.提問：
7、(1) 你家裡有網頁上傳軟體嗎? (2) 要如何才能讓別人在網路上看到你的網頁?2.網頁：（1）網頁上傳軟體(FTP)簡介? （2）網頁上傳軟體安裝及操作教學【綜合活動】教師總結：做了網頁沒有上傳到網路上，只是自己happy而已，沒有達到分享的效果，所以上傳這個步驟很重要喔。問題討論問題討論教學示範問題討論1. 網頁上傳教學網頁 2.如何在家繼續製作網頁教學網頁課堂觀察實作評量單元五：作品欣賞（1節）準備活動：1. 將學生網頁連結做成目錄。範例 2. 製作網頁創作星光大道評分表。 3. 後測學習單【引起動機】1.隨機瀏覽班上同學作品網頁並分享對該網頁的看法。【發展活動】（1） 瀏覽同學作品。（2） 作品星光大道票選。（3） 作品優點評析。【綜合活動】教師總結：一個吸引人的網頁是必須有充實的內容與個人獨特的風格，因此，網頁內容需時常更新注入新資訊才能吸引人氣。瀏覽網頁瀏覽網頁分享討論分享討論1. 學生網頁連結目錄 2. 網頁創作星光大道評分表3. 後測學習單課堂觀察實作評量
