簡單網(wǎng)頁制作教案設計.doc

中小學課堂教學設計表學科： 信息技術 設 計 者： 黎欣 學校院系： 計算機與信息科學學院 專 業(yè)： 信息科學技術（師） 班 級： 2012級2班 學 號： 222012321111110 西南大學師范教育管理辦公室制課堂教學設計表課題（章節(jié)名稱）網(wǎng)頁制作簡單網(wǎng)頁制作學科信息技術授課年級初中八年級學期下預計課時數(shù)1本案為其中第1課時課型新課選用教材初中信息技術八年級下 重慶大學出版社參考資料新理念信息技術教學論（第二版） 吳軍其 胡文鵬主編 北京大學出版社課標與學習需求分析課程內容標準表述：1) 會使用網(wǎng)頁設計工具進行簡單網(wǎng)頁設計，如插入文字和圖片，利用表格進行網(wǎng)頁布局、建立超鏈接。2) 了解HTML基本元素，如HTML基本結構，文本、圖片、表格、超鏈接以及表單等對應的HTML元素。學習者現(xiàn)狀：1）從未接受過網(wǎng)頁制作的課程學習。2）有一定的自主學習和基礎軟件使用能力。總的教學目標：制作簡單網(wǎng)頁教學內容分析 1.認識幾種常用網(wǎng)頁制作軟件 了解它們，并能通過比較這幾種工具的特點/異同在實際情況選擇合適的網(wǎng)頁制作工具 2.制作一個簡單網(wǎng)頁簡單網(wǎng)頁制作 用frontpage和dreamweaver 制作簡單網(wǎng)頁，在網(wǎng)頁中插入文字 圖片、設置網(wǎng)頁背景、插入超鏈接等。 3.做好網(wǎng)站的基本常識 做好網(wǎng)站的基本要求和必須步驟以及設計要領 4.HTML簡介 學習html文檔的基本格式學生情況分析知識能力基礎：本課教材所針對的學生是小學階段中段的學生。（1）學生具備了一定的自主學習能力，能結合以前學習的經(jīng)驗，采用多種學習的方法，如：根據(jù)任務要求自學教材，發(fā)現(xiàn)問題反復實踐操作，小組合作學習、討論交流等；（2）學生具備了使用基礎軟件的能力，能根據(jù)規(guī)律更快地學習新的軟件。（3）學生們一般還沒有網(wǎng)頁設計與制作的理論和實踐知識，對于網(wǎng)站常識還比較陌生。認知風格：學生計算機技能水平、理解水平存在差異。但是通過教師的點撥、學生的自我探索以及同學的幫助之后，都能掌握新知識，并且能運用于實踐操作中順利掌握網(wǎng)頁制作這一新知識。教學方法選擇講練法任務驅動法啟發(fā)式教導法教學環(huán)境、教學媒體、教學材料選擇教學場地：多媒體教室教學硬件：一人一機（能上網(wǎng)）教學軟件：Microsoft office powerpoint2003 Microsoft office word2003Dreamweaver CS3 FrontPage WPS教學材料：PPT課件板書設計一 網(wǎng)頁制作軟件FrontPage Microsoft office word2003 Dreamweaver CS3 FrontPage WPS二 做好網(wǎng)站的基本常識1） 主題 2）結構 3）色彩三HTML簡介 Hyper Text Markup Language 超文本標記語言教學目標知識和能力目標：1.能認識常用的網(wǎng)頁制作軟件。2.能設計并制作出一個簡單的網(wǎng)頁3.能說出HTML的含義和文檔基本格式。過程和方法目標：培養(yǎng)學生先從模仿入手，再到創(chuàng)作網(wǎng)頁的能力情感態(tài)度價值觀目標：1、培養(yǎng)學生獨立思考、自主學習、合作探討的能力.2、提高學生對網(wǎng)頁制作的興趣和信心。3、培養(yǎng)更多的信息技術素養(yǎng)。重點、難點分析重點：用軟件制作簡單網(wǎng)頁，比如插入文字圖片，設置背景，添加超鏈接等 多媒體屏幕廣播演示具體操作并做相應說明，讓學生在課堂上自主練習。即學即用，效果更佳。難點：1.網(wǎng)頁的設計 在網(wǎng)上找設計優(yōu)秀有藝術美感的網(wǎng)頁，讓學生通過欣賞網(wǎng)頁而了解網(wǎng)頁設計。 2.HTML的基礎知識 HTML對于中學生過于抽象，在互聯(lián)網(wǎng)網(wǎng)頁通過查看源文件讓學生清晰地感受html，這樣相對比較具體，學生掌握起來更容易更深刻。課堂教學過程結構設計教學環(huán)節(jié) 教師教學 學生活動 設計意圖 用時課程導入1. 網(wǎng)絡中離不開網(wǎng)站，我們也在網(wǎng)絡中看過很多漂亮美觀的網(wǎng)頁。欣賞網(wǎng)頁：1）小山屋2）騰訊QQ的主頁3）教師制作的福娃晶晶個人主頁2. 提問：我們能不能制作自己的個人主頁呢？制作網(wǎng)頁又需要那些東西呢？比如用什么工具？思考做網(wǎng)站所需要的工具和環(huán)境激發(fā)學生思維以及對網(wǎng)頁制作的興趣，讓學生了解制作網(wǎng)站的準備工作2分鐘認識常用網(wǎng)頁制作軟件依次打開WPS 、word、Dreamweaver、 FrontPage四個常用軟件，簡單介紹軟件功能觀察學習。 讓學生對常用軟件有常識性的認識和了解。 4分鐘制作一個簡單網(wǎng)頁屏幕廣播具體演示制作一個簡單網(wǎng)頁的過程與步驟。1）打開Dreamweaver,新建一個文檔2）輸入文字 3）插入圖片 4）插入超鏈接 5）設置網(wǎng)頁背景6）保存，預覽探究、觀察學習。 讓學生學會制作一個簡單網(wǎng)頁5分鐘布置任務一：讓學生按照以上演示步驟制作一個和老師演示一樣的簡單網(wǎng)頁上機實踐制作網(wǎng)頁，若不清楚可尋求同學幫助演示或問老師。讓學生制作一個簡單網(wǎng)頁10分鐘做好網(wǎng)站的基本常識通過板書和PPT講解做好一個網(wǎng)站的要求觀察學習， 引導學生模仿設計并制作網(wǎng)站，提高興趣5分鐘布置任務二：讓學生思考并討論自己的個人網(wǎng)頁的主題、版面設計等探究學習。 學習如何設計網(wǎng)頁HTML簡介通過板書和打開互聯(lián)網(wǎng)網(wǎng)頁源文件講解html的基礎知識觀察理解學習。 理解HTML3分鐘學生練習布置任務三：制作自己的個人主頁上機實踐鞏固知識，實踐8分鐘小結總結這堂課所學的知識點提出問題：制作完成的簡單網(wǎng)頁比