《創(chuàng)建站點(diǎn)+制作首頁》教學(xué)設(shè)計(jì)及反思

1、學(xué)習(xí)必備歡迎下載野生動(dòng)物的呼喚- 創(chuàng)建站點(diǎn)制作首頁南京市南化第二中學(xué) 曹紅梅教材分析本課是蘇科版初中信息技術(shù)教材上冊(cè)第十章第二節(jié)的內(nèi)容，對(duì)應(yīng)江蘇省義務(wù)教育信息技術(shù)課程指導(dǎo)綱要中必修基礎(chǔ)“信息的發(fā)布與交流”模塊。網(wǎng)站設(shè)計(jì)是初中信息技術(shù)必修部分的最后一章，本課是利用軟件制作網(wǎng)站的實(shí)踐第1 課時(shí)，教材中所使用的軟件是Frontpage，遵循與時(shí)俱進(jìn)的原則，嘗試用功能強(qiáng)大的Dreamweaver 軟件進(jìn)行教學(xué)，在教學(xué)內(nèi)容上作了適當(dāng)調(diào)整與整合， 包括站點(diǎn)的創(chuàng)建、應(yīng)用表格布局網(wǎng)頁以及插入圖片文本等對(duì)象。學(xué)情分析這一節(jié)課是初二年級(jí)的借班上課，到目前階段學(xué)生已學(xué)習(xí)了多種軟件的使用，應(yīng)該具備了常規(guī)的操作技能，教

2、學(xué)內(nèi)容中插入圖片文本等對(duì)象，學(xué)生可以借助已有的認(rèn)知經(jīng)驗(yàn)遷移學(xué)習(xí)，但是新軟件的使用學(xué)生需要一個(gè)適應(yīng)過程，還有應(yīng)用表格布局網(wǎng)頁，這一點(diǎn)要使學(xué)生能做到靈活運(yùn)用有一定難度，力圖通過示例講解練習(xí)有機(jī)結(jié)合，以期使學(xué)生通過一節(jié)課的學(xué)習(xí)，能創(chuàng)建站點(diǎn)并制作出布局工整的首頁，在體驗(yàn)成就感的同時(shí)初步感知制作網(wǎng)站的過程，從而增強(qiáng)對(duì)網(wǎng)頁制作后續(xù)學(xué)習(xí)的興趣。教學(xué)目標(biāo)1 知識(shí)與技能：(1) 認(rèn)識(shí) Dreamweaver 窗口的組成，能夠熟練運(yùn)用 Dreamweaver 打開和保存網(wǎng)頁文件。(2) 學(xué)會(huì)在 Dreamweaver 中建立站點(diǎn)。(3) 學(xué)會(huì)利用表格的相關(guān)操作布局網(wǎng)頁。(4) 掌握插入文本、圖片等對(duì)象的方法，并能

3、根據(jù)需要設(shè)置屬性。2. 過程與方法：通過親歷建立網(wǎng)站、 布局網(wǎng)頁和插入對(duì)象的操作過程，在不斷嘗試中理解和學(xué)習(xí)基本知識(shí)。3. 情感態(tài)度與價(jià)值觀：(1)引導(dǎo)學(xué)生在學(xué)習(xí)新軟件時(shí)與已有知識(shí)經(jīng)驗(yàn)相類比，養(yǎng)成勤于總結(jié)的習(xí)慣， 體會(huì)學(xué)習(xí) 要講究方法。(2)通過制作主題網(wǎng)站， 在創(chuàng)建站點(diǎn)和制作首頁的過程中，樹立人與動(dòng)物和諧相處，珍 愛、善待和保護(hù)動(dòng)物的觀念，同時(shí)在不斷完成任務(wù)的過程中體驗(yàn)成功的喜悅。4. 行為與創(chuàng)新：在制作首頁的過程中， 學(xué)會(huì)科學(xué)運(yùn)用各種元素并進(jìn)行合理布局，個(gè)性化地表達(dá)思想和情感。課時(shí)安排安排 1 課時(shí)學(xué)習(xí)必備歡迎下載教學(xué)重點(diǎn)與難點(diǎn)1 .教學(xué)重點(diǎn)(1)創(chuàng)建站點(diǎn)并理解各參數(shù)選項(xiàng)的設(shè)置。(2)利用

4、表格的相關(guān)操作布局網(wǎng)頁。學(xué)習(xí)必備歡迎下載(3)插入文本圖片等對(duì)象以及屬性的設(shè)置。2.教學(xué)難點(diǎn)靈活運(yùn)用表格的相關(guān)操作合理布局網(wǎng)頁。教學(xué)方法與手段知識(shí)遷移、類比教學(xué)、自主學(xué)習(xí)、小組合作、講授法課前準(zhǔn)備極域多媒體廣播軟件、教學(xué)課件、學(xué)件、素材資源教學(xué)過程：教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖播放保護(hù)動(dòng)物公益宣傳片。觀看視頻，并使學(xué)生盡快進(jìn)導(dǎo)試想一下：假如動(dòng)物有機(jī)會(huì)和人類面對(duì)面思考回答教師入學(xué)習(xí)狀態(tài)，入交流，動(dòng)物會(huì)對(duì)人類表達(dá)什么愿望呢？的提問?；钴S課堂氣課根據(jù)學(xué)生回答，適當(dāng)引導(dǎo)，弓 1 出課題：野氛，明課本課題生動(dòng)物的呼喚(板書)學(xué)習(xí)內(nèi)容。一、概念與軟件學(xué)生自主學(xué)習(xí)通過自主學(xué)習(xí)1、基本概念回答問題，理讓學(xué)

5、生理解幾網(wǎng)站、網(wǎng)頁、首頁(學(xué)生閱讀學(xué)件回答解有關(guān)概念。個(gè)關(guān)鍵詞的含問題)思考并明確本義。2、軟件簡(jiǎn)介：(1)欣賞網(wǎng)頁，提問：冋學(xué)們用過或者課要用的軟通過欣賞提問知道的網(wǎng)頁制作軟件有哪些？件。弓 1 出本課所用新(2)、簡(jiǎn)介二種軟件，選擇 Dreamweaver的軟件。進(jìn)行網(wǎng)頁制作。教師講解與學(xué)3、軟件界面觀察識(shí)記生觀察相結(jié)合啟動(dòng) Dreamweaver,介紹軟件界面，重Dreamweaver使學(xué)生認(rèn)識(shí)點(diǎn)強(qiáng)調(diào)插入欄、屬性面板和面板組。的特點(diǎn)。Dreamweaver。二、站點(diǎn)的建立學(xué)生識(shí)記幫助學(xué)生先形1出示創(chuàng)建站點(diǎn)四步法，讓學(xué)生速記，成總體認(rèn)知。并請(qǐng)學(xué)生復(fù)述。學(xué)生聽講、理適當(dāng)?shù)闹v解有 助于學(xué)生理解

6、2 .演示并講解第一第二步。解、識(shí)記站點(diǎn)的創(chuàng)建。學(xué)生自主加合學(xué)生通過自主3 .布置任務(wù)一：創(chuàng)建站點(diǎn)(兩人小組，作完成站點(diǎn)的合作能完成的 操作讓學(xué)生自授閱讀網(wǎng)頁學(xué)件，完成站點(diǎn)的創(chuàng)建)創(chuàng)建。己做。反饋任務(wù)一完成情況(學(xué)生舉手示意) 三、制作首頁識(shí)記首頁組成使學(xué)生初步感1、分析首頁要素并能與實(shí)知首頁的組成(1)出示常見功能模塊際網(wǎng)頁對(duì)號(hào)入要素及表現(xiàn)形(2)出示首頁樣例，各模塊對(duì)號(hào)入座。2、運(yùn)用表格布局網(wǎng)頁1 /J J 2、J J、座。式。學(xué)習(xí)必備歡迎下載(1)展示兩個(gè)網(wǎng)頁(普通網(wǎng)頁 1 和用表學(xué)生觀察思考通過對(duì)比讓學(xué)學(xué)習(xí)必備歡迎下載教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖格布局的網(wǎng)頁 2）并回答。生感受表格

7、布提問：哪個(gè)網(wǎng)頁更緊湊美觀（引出表格學(xué)生聽講并理局的作用，并布局）解頁面中所隱體會(huì)如何用表（2）展示幾種首頁布局模式， 接著以網(wǎng)含的表格結(jié)格實(shí)現(xiàn)頁面布頁 2 為例，運(yùn)用 PPT 動(dòng)畫分析其中所隱含的構(gòu)，再按要求局。新表格結(jié)構(gòu)。畫出網(wǎng)頁所對(duì)（3）展示網(wǎng)頁3,讓學(xué)生畫出相應(yīng)表格結(jié)應(yīng)的表格布構(gòu)，并思考用到表格的哪些操作。局。（4）出示頁面+表格樣張，對(duì)比 word學(xué)生聽講并識(shí)運(yùn)用對(duì)比法讓表格演示講解在 Dreamweaver 中插入表記有關(guān)操作注學(xué)生聯(lián)系舊格的方法及拆分、合并等相關(guān)操作，并講意事項(xiàng)。知，加快對(duì)新解屬性的設(shè)置（強(qiáng)調(diào)先選定對(duì)象再設(shè)置）。知的吸收掌（老師繪制第一個(gè)表格，剩下的請(qǐng)學(xué)生上 講臺(tái)

8、嘗試完成，教師指導(dǎo)）握。布置任務(wù)：對(duì)照貝面 +表格樣張，授在 Dreamweaver 中完成表格的繪制。（兩完成任務(wù)二繪制表格，完人小組）成頁面布局。反饋任務(wù)二完成情況（根據(jù)情況由學(xué)生演示或舉手示意）3、插入對(duì)象。學(xué)生自主加合培養(yǎng)學(xué)生運(yùn)用布置任務(wù)二：插入各對(duì)象（學(xué)生閱讀作完成任務(wù)學(xué)習(xí)資源自主學(xué)件自主完成）（兩人小組）.二。學(xué)習(xí)的能力以4、任務(wù)延伸（美化個(gè)性化頁面）學(xué)有余力的學(xué)及遇到問題合（1 ）設(shè)置表格背景。生自主學(xué)習(xí)完作解決問題的（2）設(shè)置網(wǎng)頁背景。成延伸任務(wù)。能力。（3）在適當(dāng)?shù)奈恢貌迦?flash 動(dòng)畫。滿足不同層次5、保存預(yù)覽網(wǎng)頁四、學(xué)習(xí)反饋的學(xué)生需求。展示學(xué)生作品，讓學(xué)生自評(píng)和互評(píng)，

9、觀看、思考、反思與借鑒教師再根據(jù)情況點(diǎn)評(píng)。評(píng)價(jià)1、請(qǐng)學(xué)生談收獲。（提示：知道了什么， 學(xué)會(huì)了什么）回顧總結(jié)所學(xué)總結(jié)本課學(xué)習(xí)內(nèi)小2、教師寄語：內(nèi)容。容。技術(shù)固然重要，創(chuàng)意更珍貴，精結(jié)美的網(wǎng)站來自于內(nèi)容與形式的完美統(tǒng)。學(xué)習(xí)必備歡迎下載教學(xué)反思本節(jié)課是制作網(wǎng)站的第 1 1 課時(shí)，教材指定的教學(xué)軟件是 frontpage,frontpage,本課嘗試用 DreamweaverDreamweaver 軟件教學(xué)，并且將網(wǎng)頁布局納入本課時(shí)的教學(xué)，旨在讓學(xué)生一開始就養(yǎng)成先布局后制作的良好習(xí)慣。教學(xué)中以先學(xué)后教再實(shí)例展示的方式幫助 學(xué)生理解基本概念，嘗試用先概括后實(shí)踐的方法進(jìn)行創(chuàng)建站點(diǎn)這一知識(shí)點(diǎn)的教 學(xué)，將布局模式與網(wǎng)頁樣張相結(jié)合借助 PPTPPT 動(dòng)畫突破網(wǎng)頁