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