C网页版面设计C.doc

C網頁版面設計C單元名稱網頁塗鴉秀班 級 國二人 數 38人教材來源自編教材任課教師林妙玲時 間270分鐘 六堂課教材研究一.網路-是時代所趨.學生從網路接受時代的新訊息.也在網路表現自己.二.本教案主要在教導學生.不一定要熟悉艱深的網頁技術.才能上網秀自己的網頁三.以每個人完成一頁.整合全班的作品完成班級網頁為目標學生條件之分析一.有基本的瀏覽網頁知識、能操作熟悉WINDOWS作業環境二.有簡單的字體編排、基本電腦繪圖(小畫家或PHOTOIMPACT)能力與經驗教學方法 討論、講述、示範、啟發、創作教學資源 一.師生共同收集之網頁版面 二.教師自製的教材 三. 電腦、單槍投影機、電視機、光碟、自製海報、講義、學習單教學目標單 元 目 標具 體 目 標 一.認知方面：1.了解網頁版面設計的基本概念及使用工具軟體的種類。2.網頁版面的基本類型3.懂得利用色彩塑造個人網頁特色4.懂得版面設計點線面上的幾種主要表現手法。 二.技能方面：5. 使用工具軟體。誘發學生表現自我6. 使學生能巧妙的運用簡單動畫軟體技法製作網頁 三.情意方面：7.能享受完成的網頁，及其所帶來的成就感。1-1 知道什麼是網頁的版面設計1-2 能知道各種網頁設計的工具軟體2-1了解個人網站、班級網站、入口網站、商業網站、等不同形式的幾種網站的版面形式3-1認識色彩配色基本原理、對比、調合、單純等色彩運用技法4-1 能分析版面構成的基本要素5-1能使用PHOTOIMPACT的技巧製作版面底圖6-1能使用SWISH的技巧製作版面動畫7-1能分享自己創作的心得7-2能應用其美術內涵於網頁作品時間分配節次月日教 學 重 點1.介紹網頁的種類與製作方法，蒐集資料完成學習單2.3使用POTOIMPACT設計版面，學生製作自己的版面底圖4.5使用SWISH製作版面動畫6完成後於課堂上評論教學目標教學活動學 生 教 具時間評 鑑備註1-11-22-13-14-15-16-17-17-2準備活動：1. 教師瀏覽網站蒐集資料2.老師準備示範教材簡報光碟3.學生與老師共同蒐集書刊海報封面畫冊陳列於教室前4.簡要說明本堂課所預定進行之內容 與教學方式。發展活動（導入活動）：老師展示數張精緻或有趣的版面，並解說版面的構成。展開活動：1.老師就不同功能的網頁作介紹2.學生製作個人網頁的版面草圖完成 學習單3.播放POWERPOINT簡報光碟介紹各種工具軟體4.老師分析說明版面色彩的基本運用5.老師分析說明版面的點線面構成要素6.老師說明使用PHOTOIMPACT的製作技巧7.網頁版面基本設定(大小設為778像素*440像素.螢幕解析度設72像素)8.版面編排技術(把圖案匯入.圖檔選取設柔邊技巧.)7.學生使用PHOTOIMPACT的技巧製作版面底圖.最佳化存檔8.老師說明使用SWISH的技巧9.匯入底圖安排文字動畫10.動畫特效的處理(時間軸的基本概念)11.學生使用SWISH的技巧製作版面動畫12.存檔輸出發布成網頁13.整合班級網頁14.掛上學校網站綜合活動：1. 分享創作感想2. 鼓勵學生發表作品3. 分析學生作品的優缺點4. 掛上班級網站瀏覽欣賞聆聽發表討論製作草圖聆聽聆聽聆聽實際演練實際演練聆聽實際演練分享討論分享討論欣賞電腦光碟圖片書刊海報電腦光碟簡報電腦光碟電腦光碟電腦電腦電腦電腦5510 1555201015452