小學(xué)：《認(rèn)識(shí)Dreamweaver CS6界面》教學(xué)設(shè)計(jì)

1、工程一任務(wù)二認(rèn)識(shí)Dreamweaver CS6界面教學(xué)設(shè)計(jì)一、 設(shè)計(jì)構(gòu)想認(rèn)識(shí)Dreamweaver CS6出自高等教育出版社出版的網(wǎng)頁(yè)設(shè)計(jì)與制作工程 一任務(wù)二，工程一主要講解了什么是網(wǎng)站建設(shè)，以及建設(shè)網(wǎng)站時(shí)所運(yùn)用到的軟件, 通過(guò)完成“數(shù)碼資訊網(wǎng)”網(wǎng)站結(jié)構(gòu)的規(guī)劃設(shè)計(jì)，熟悉網(wǎng)站規(guī)劃、設(shè)計(jì)方面的知識(shí), 讓學(xué)生了解網(wǎng)站主題、站點(diǎn)、網(wǎng)頁(yè)等相關(guān)內(nèi)容，學(xué)會(huì)根據(jù)要求，確定網(wǎng)站的主題 與內(nèi)容，并進(jìn)行網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)。通過(guò)建立本地站點(diǎn)，熟悉Dreamweaver CS6 的工作界面，以及如何創(chuàng)立和本地站點(diǎn)、創(chuàng)立簡(jiǎn)單的網(wǎng)頁(yè)等知識(shí)技能。這一章節(jié) 主要講解了初步認(rèn)識(shí)Dreamweaver CS6的過(guò)程。二、學(xué)情分析知識(shí)儲(chǔ)

2、藏：學(xué)生在此之前已經(jīng)初步認(rèn)識(shí)和了解了網(wǎng)頁(yè)。但是仍然不知道該如何建設(shè)網(wǎng)站，需 要用到Dreamweaver CS6軟件，因此要讓學(xué)生在課前自行百度該軟件的知識(shí)。 學(xué)習(xí)特點(diǎn)：學(xué)生通過(guò)安裝以及初步了解Dreamweaver CS6,來(lái)認(rèn)識(shí)網(wǎng)頁(yè)制作工具的使用方法。三、教學(xué)目標(biāo)知識(shí)與技能目標(biāo)：(1)安裝 Dreamweaver CS6； (2)運(yùn)行 Dreamweaver CS6； (3) 了解并介紹 Dreamweaver CS6的工作方式。過(guò)程與方法目標(biāo)：通過(guò)介紹網(wǎng)頁(yè)制作工具Dreamweaver CS6,熟悉Dreamweaver CS6的安裝過(guò)程、 工作界面以及各組成局部功能，為后續(xù)學(xué)習(xí)做好準(zhǔn)備

3、。情感態(tài)度價(jià)值觀：(1)通過(guò)Dreamweaver CS6的安裝，提高學(xué)生的動(dòng)手能力與設(shè)計(jì)能力；(2)培養(yǎng)學(xué)生勤于探索、主動(dòng)分析、方向明確的意識(shí)。四、教學(xué)重點(diǎn)Dreamweaver CS6的安裝以及了解Dreamweaver CS6的工作界面的組成。五、教學(xué)難點(diǎn)網(wǎng)頁(yè)制作工具Dreamweaver CS6的工作界面的認(rèn)識(shí)與了解。六、教學(xué)方法自主學(xué)習(xí)法任務(wù)驅(qū)動(dòng)法七、教學(xué)過(guò)程第1環(huán)節(jié)：創(chuàng)設(shè)情境，導(dǎo)入新課【教師活動(dòng)】安裝 Dreamweaver CS6,運(yùn)行 Dreamweaver CS6 安裝盤中的 setup, exe 文 件，進(jìn)入安裝流程，進(jìn)行安裝。下發(fā)Dreamweaver CS6的安裝文件，

4、讓學(xué)生自行安裝Dreamweaver CS6。(3)在學(xué)生安裝Dreamweaver CS6時(shí)指導(dǎo)學(xué)生安裝?！緦W(xué)生活動(dòng)】(1)學(xué)生觀察教師安裝Dreamweaver CS6。(2)學(xué)生通過(guò)安裝軟件，在教師的指導(dǎo)下，安裝Dreamweaver CS6?！驹O(shè)計(jì)意圖】(1)通過(guò)安裝Dreamweaver CS6軟件，讓學(xué)生初步了解到該軟件；(2)通過(guò)做題，使其產(chǎn)生思考，對(duì)網(wǎng)頁(yè)的構(gòu)造和如何設(shè)計(jì)網(wǎng)頁(yè)產(chǎn)生思考，加深 進(jìn)一步的了解。第2環(huán)節(jié)：新知講授，信息教學(xué)【教師活動(dòng)】(1)運(yùn)行Dreamweaver CS6,首次啟動(dòng)后會(huì)彈出“默認(rèn)編輯器”對(duì)話框。此處 通常選擇默認(rèn)選項(xiàng)。(2)單擊“默認(rèn)編輯器”對(duì)話框中的

5、“確定”按鈕，即可進(jìn)入Dreamweaver CS6。(3)選擇菜單“新建”中的“HTML”命令，即可進(jìn)入Dreamweaver CS6的工作 界面。(4)認(rèn)識(shí)Dreamweaver CS6的工作界面，介紹Dreamweaver CS6界面的主要部 分：標(biāo)題欄、菜單欄、文檔工具欄、文檔編輯欄、狀態(tài)欄、“屬性”面板、浮動(dòng)面板組?！緦W(xué)生活動(dòng)】(1)學(xué)生觀看教師的操作步驟。(2)學(xué)生根據(jù)教師的引導(dǎo)分析Dreamweaver CS6的內(nèi)容。(3)學(xué)生自行進(jìn)入Dreamweaver CS6的運(yùn)行界面。(4)跟著教師的步驟進(jìn)行Dreamweaver CS6界面。(5)在了解Dreamweaver CS6時(shí)

6、用筆在書(shū)上做筆記，加深印象?！驹O(shè)計(jì)意圖】(1)通過(guò)安裝Dreamweaver CS6軟件，讓學(xué)生初步了解到該軟件；(2)通過(guò)做題，使其產(chǎn)生思考，對(duì)網(wǎng)頁(yè)的構(gòu)造和如何設(shè)計(jì)網(wǎng)頁(yè)產(chǎn)生思考，加深 進(jìn)一步的了解。第3環(huán)節(jié)：趁熱打鐵，新知鞏固【教師活動(dòng)】(1)翻開(kāi)“數(shù)碼資訊網(wǎng)”的Dreamweaver CS6界面，向?qū)W生展示DreamweaverCS6的代碼視圖，設(shè)計(jì)視圖和拆分視圖(2)分別介紹這視圖模式的作用，以及通過(guò)“數(shù)碼資訊網(wǎng)”來(lái)實(shí)際展示這些模 式，讓學(xué)生加深印象?！緦W(xué)生活動(dòng)】(1)學(xué)生觀看教師的操作步驟。(2)學(xué)生根據(jù)教師的引導(dǎo)分析Dreamweaver CS6的內(nèi)容。(3)跟著教師的步驟進(jìn)行Dreamweaver CS6界面?！驹O(shè)計(jì)意圖】(1)進(jìn)一步鞏固重難點(diǎn)，同時(shí)也培養(yǎng)學(xué)生對(duì)網(wǎng)站的分析意識(shí)。(2)進(jìn)一步認(rèn)識(shí)Dreamweaver CS6的工作界面，為后面的學(xué)習(xí)打下基礎(chǔ)。第4環(huán)節(jié)：課堂小結(jié)，課后延伸【教師活動(dòng)】(1)與學(xué)生一起小結(jié)本課的知識(shí)點(diǎn)；(2)并將此次課堂完成的作業(yè)回復(fù)到論壇中相應(yīng)的主題帖；(3)在課后請(qǐng)學(xué)生將本科內(nèi)容的重難點(diǎn)上傳到微信群，便已其他同學(xué)可以看到 相應(yīng)的作品并進(jìn)行評(píng)價(jià)?！緦W(xué)生活動(dòng)】(1)學(xué)生回顧本課知識(shí)點(diǎn)(2)學(xué)生在課后繼續(xù)完善網(wǎng)頁(yè)分析，并將作業(yè)上傳到論壇與微信群，進(jìn)一步交 流評(píng)價(jià)【設(shè)計(jì)意圖】(1)課堂小結(jié)，進(jìn)一步