《用表格布局網(wǎng)頁》教學(xué)設(shè)計(jì)及反思

1、學(xué)習(xí)必備歡迎下載 應(yīng)用表格布局網(wǎng)頁 教材分析 本課是蘇科版初中信息技術(shù) 教材上冊(cè)第十章第二節(jié)的內(nèi)容，對(duì)應(yīng)江蘇省義務(wù)教育 信息技術(shù)課程指導(dǎo)綱要中必修基礎(chǔ)“信息的發(fā)布與交流”模塊。 教學(xué)目標(biāo) 1 知識(shí)與技能： (1) 學(xué)會(huì)利用表格的相關(guān)操作布局網(wǎng)頁。 (2) 掌握插入文本、圖片等對(duì)象的方法，并能根據(jù)需要設(shè)置屬性。 2. 過程與方法： 通過親歷建立網(wǎng)站、 布局網(wǎng)頁和插入對(duì)象的操作過程，在不斷嘗試中理解和學(xué)習(xí)基本知 識(shí)。 3. 情感態(tài)度與價(jià)值觀： 通過制作主題網(wǎng)站，在創(chuàng)建站點(diǎn)和制作首頁的過程中，樹立人與動(dòng)物和諧相處，珍愛、 善待和保護(hù)動(dòng)物的觀念，同時(shí)在不斷完成任務(wù)的過程中體驗(yàn)成功的喜悅。 4. 行為與

2、創(chuàng)新： 在制作首頁的過程中， 學(xué)會(huì)科學(xué)運(yùn)用各種元素并進(jìn)行合理布局，個(gè)性化地表達(dá)思想和情 感。 課時(shí)安排 安排1課時(shí) 教學(xué)重點(diǎn)與難點(diǎn) 1 .教學(xué)重點(diǎn) (1) 利用表格的相關(guān)操作布局網(wǎng)頁。 (2) 插入文本圖片等對(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ì)意圖 新 一、復(fù)習(xí) 1、基本概念 網(wǎng)站、網(wǎng)頁、首頁(學(xué)生閱讀學(xué)件回答 問題) 2、站點(diǎn)的建立 二、制作首頁 1、分析首頁 (1)出示常見功能模塊 學(xué)生

3、自主學(xué)習(xí) 回答問題，理 解有關(guān)概念。 思考并明確本 課要用的軟 件。 通過自主學(xué)習(xí) 讓學(xué)生理解幾 個(gè)關(guān)鍵詞的含 義。 使學(xué)生初步感 知首頁的組成 要素及表現(xiàn)形 式。 教學(xué) 環(huán)節(jié) 教師活動(dòng) 學(xué)生活動(dòng) 設(shè)計(jì)意圖 （2）出示首頁樣例，各模塊對(duì)號(hào)入座。 2、運(yùn)用表格布局網(wǎng)頁 通過對(duì)比讓學(xué) （1）展示兩個(gè)網(wǎng)頁（普通網(wǎng)頁1和用表 學(xué)生觀察思考 生感受表格布 格布局的網(wǎng)頁2） 并回答。 局的作用，并 提問：哪個(gè)網(wǎng)頁更緊湊美觀（引出表格 學(xué)生聽講并理 體會(huì)如何用表 布局） 解頁面中所隱 格實(shí)現(xiàn)頁面布 （2）展示幾種首頁布局模式， 接著以網(wǎng) 含的表格結(jié) 局。 頁2為例，運(yùn)用PPT動(dòng)畫分析其中所隱含的 構(gòu)，再按要

4、求 表格結(jié)構(gòu)。 畫出網(wǎng)頁所對(duì) （3）展示網(wǎng)頁3,讓學(xué)生畫出相應(yīng)表格結(jié) 應(yīng)的表格布 授 構(gòu)，并思考用到表格的哪些操作。 局。 運(yùn)用對(duì)比法讓 （4）出示頁面+表格樣張，對(duì)比 word 學(xué)生聽講并識(shí) 學(xué)生聯(lián)系舊 表格演示講解在 Dreamweaver中插入表 記有關(guān)操作注 知，加快對(duì)新 格的方法及拆分、合并等相關(guān)操作，并講 意事項(xiàng)。 知的吸收掌 解屬性的設(shè)置（強(qiáng)調(diào)先選定對(duì)象再設(shè)置）。 （老師繪制第一個(gè)表格，剩下的請(qǐng)學(xué)生上 講臺(tái)嘗試完成，教師指導(dǎo)） 握。 布置任務(wù)：對(duì)照貝面 +表格樣張， 完成任務(wù)二 繪制表格，完 在Dreamweaver中完成表格的繪制。（兩 人小組） 成頁面布局。 反饋任務(wù)二完成情況（根據(jù)情況由學(xué) 生演示或舉手示意） 培養(yǎng)學(xué)生運(yùn)用 3、插入對(duì)象。 學(xué)生自主加合 學(xué)習(xí)資源自主 布置任務(wù)二：插入各對(duì)象（學(xué)生閱讀 作完成任務(wù) 學(xué)習(xí)的能力以 新 學(xué)件自主完成）（兩人小組） .二。 及遇到問題合 4、任務(wù)延伸（美化個(gè)性化頁面） 學(xué)有余力的學(xué) 作解決問題的 （1）設(shè)置表格冃景。 生自主學(xué)習(xí)完 能力。 （2）設(shè)置網(wǎng)頁背景。 成延伸任務(wù)。 滿足不同層次 （3）在適當(dāng)?shù)奈恢貌迦?flash動(dòng)畫。 的學(xué)生需求。 5、保存預(yù)覽網(wǎng)頁 三、學(xué)習(xí)反饋 展示學(xué)生作品，讓學(xué)生自評(píng)和互評(píng)， 觀看、思考、 反思與借鑒 授 教師再根據(jù)情況點(diǎn)評(píng)。 評(píng)價(jià) 1、請(qǐng)學(xué)生談收獲。（提示：知道了什么， 學(xué)