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

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

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

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

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

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

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