網(wǎng)頁設(shè)計(jì)教學(xué)簡(jiǎn)案項(xiàng)目一DreamweaverCS5基礎(chǔ)學(xué)科：計(jì)算機(jī)授課年級(jí)：專業(yè)：教師姓名：課題名稱：DreamweaverCS5基礎(chǔ)計(jì)劃學(xué)時(shí)：4教學(xué)內(nèi)容對(duì)Photoshop、Flash和Dreamweaver等軟件進(jìn)行學(xué)習(xí)，了解這三個(gè)軟件的相關(guān)知識(shí)、基本功能和這三個(gè)軟件在網(wǎng)頁制作中的作用，用Photoshop制作一張圖片，然后用Dreamweaver制作一個(gè)簡(jiǎn)單的網(wǎng)頁，并把用Photoshop制作的圖片插入到網(wǎng)頁當(dāng)中。教學(xué)目標(biāo)知識(shí)目標(biāo)：1,了解Dreamweaver、Photoshop及Flash的相關(guān)知識(shí)；2.了解DreamweaverCS5的安裝。能力目標(biāo)：1.初步掌握PhotoshopCS5文字工具組中“橫向文字工具〃的使用；2.利用PhotoshopCS5制作圖像文件；3.新建網(wǎng)頁文件；4.在網(wǎng)頁中插入圖像。重點(diǎn)、難點(diǎn)及處理對(duì)策重點(diǎn)：了解Dreamweaver^Photoshop及Flash的相關(guān)知識(shí)；PhotoshopCS5文字工具組中“橫向文字工具〃的使用；利用PhotoshopCS5制作圖像文件；在網(wǎng)頁中插入圖像。難點(diǎn)：PhotoshopCS5文字工具組中“橫向文字工具〃的使用；對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。教學(xué)設(shè)計(jì)教師通過任務(wù)分析確立目標(biāo)，引導(dǎo)學(xué)生學(xué)習(xí)相關(guān)知識(shí)，示范任務(wù)實(shí)施，學(xué)生根據(jù)老師的引導(dǎo)和示范，完成任務(wù)實(shí)施部分的內(nèi)容，在任務(wù)實(shí)施過程中，通過小組協(xié)作的方式解決遇到的問題，完成學(xué)習(xí)評(píng)價(jià)，以小組為單位組織項(xiàng)目實(shí)訓(xùn)。教學(xué)過程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入通過網(wǎng)站實(shí)例展示，引發(fā)學(xué)生的學(xué)習(xí)興趣，從而引導(dǎo)學(xué)生學(xué)習(xí)PhotoshopCS5文字工具組中“橫向文字工具”的使用；制作圖像文件；在網(wǎng)頁中插入圖像。網(wǎng)站實(shí)例展示及說明。認(rèn)真觀看老師展示網(wǎng)站實(shí)例。激發(fā)學(xué)生的學(xué)習(xí)興趣，營(yíng)造學(xué)習(xí)氛圍。新課任務(wù)一利用Photoshop制作一張圖片（一）任務(wù)分析利用PhotoshopCS5制作圖像文件。（二）相關(guān)知識(shí)引導(dǎo)學(xué)生進(jìn)行任務(wù)分析，明確學(xué)習(xí)目標(biāo)。認(rèn)真聽講、根據(jù)教師對(duì)任務(wù)的分析明確學(xué)習(xí)目標(biāo)。使學(xué)生明確學(xué)習(xí)目標(biāo)。學(xué)習(xí)并了解介紹Dreamweaver>Photoshop及Flash的相關(guān)知識(shí)。（三）任務(wù)實(shí)施1、啟動(dòng)Photoshop,打開“新建”對(duì)話框。2、單擊文字工具組中的“橫向文字工具”，輸入文字“我的第一個(gè)網(wǎng)頁”。3、保存圖像文件。（四）學(xué)習(xí)評(píng)價(jià)任務(wù)二制作第一個(gè)網(wǎng)頁（一）任務(wù)分析制作了自己的第一個(gè)網(wǎng)頁。（二）相關(guān)知識(shí)DreamweaverCS5的安裝（三）任務(wù)實(shí)施1、雙擊桌面上的DreamweaverCS5快捷方式圖標(biāo)，打開DreamweaverCS5o2、選擇“新建”一“HTML”選項(xiàng)進(jìn)入程序主界面，單擊“設(shè)計(jì)“按鈕，可顯示設(shè)計(jì)界面；單擊“代碼，，按鈕，可顯示代碼窗口；單擊“拆分”按鈕，可同時(shí)顯示設(shè)計(jì)窗向?qū)W生介紹Dreamweaver、Photoshop及Flash的相關(guān)知識(shí)。示范任務(wù)實(shí)施過程，指導(dǎo)學(xué)生完成任務(wù)，解答學(xué)生提出的問題。指導(dǎo)學(xué)生完成學(xué)習(xí)評(píng)價(jià)，分析教學(xué)效果。引導(dǎo)學(xué)生進(jìn)行任務(wù)分析，明確學(xué)習(xí)目標(biāo)。向?qū)W生講解DreamweaverCS5的安裝步驟O示范任務(wù)實(shí)施過程，指導(dǎo)學(xué)生完成任務(wù)，解答學(xué)生提出的問題。認(rèn)真聽課，理解并記憶老師講述的知識(shí)點(diǎn)。根據(jù)老師的講解和示范完成任務(wù)。如實(shí)填寫學(xué)習(xí)評(píng)價(jià)表。根據(jù)教師對(duì)任務(wù)的分析明確學(xué)習(xí)目標(biāo)。認(rèn)真聽課，理解并記憶老師講述的知識(shí)點(diǎn)。根據(jù)老師的講解和示范完成任務(wù)實(shí)施。Photoshop文字工具。讓學(xué)生通過任務(wù)實(shí)施，在做中學(xué)，初步掌握文字工具的使用和圖像文件的創(chuàng)建。使學(xué)生反思學(xué)習(xí)過程，梳理學(xué)習(xí)內(nèi)容。使學(xué)生明確學(xué)習(xí)目標(biāo)。學(xué)習(xí)并了解DreamweaverCS5的安裝步驟。讓學(xué)生通過任務(wù)實(shí)施，在做中學(xué)，初步掌握網(wǎng)頁的創(chuàng)建、圖像的插入和網(wǎng)頁文件的保存。口和代碼窗口。3、單擊“設(shè)計(jì)”按鈕，切換到設(shè)計(jì)視圖，在菜單欄中單擊“插入，，一“圖像，，命令，插入圖像。4、保存網(wǎng)頁、預(yù)覽網(wǎng)頁。（四）學(xué)習(xí)評(píng)價(jià)指導(dǎo)學(xué)生完成學(xué)習(xí)評(píng)價(jià)，分析教學(xué)效果。如實(shí)填寫學(xué)習(xí)評(píng)價(jià)表。促使學(xué)生反思學(xué)習(xí)過程，梳理學(xué)習(xí)內(nèi)容。課堂小結(jié)在本項(xiàng)目中，我們對(duì)Photoshop、Flash和Dreamweaver等軟件進(jìn)行了學(xué)習(xí)，了解了這三個(gè)軟件的相關(guān)知識(shí)、基本功能和這三個(gè)軟件在網(wǎng)頁制作中的作用，用Photoshop制作了一張圖片，然后用Dreamweaver制作了一個(gè)簡(jiǎn)單的網(wǎng)頁，并把自己用Photoshop制作的圖片插入到網(wǎng)頁當(dāng)中。布置作業(yè)通過學(xué)習(xí)項(xiàng)目一中周揚(yáng)制作網(wǎng)頁的方法，3-5人組成一個(gè)項(xiàng)目小組，共同學(xué)習(xí)Photoshop、Flash和Dreamweaver的相關(guān)知識(shí)，深入了解這一個(gè)軟件在網(wǎng)頁設(shè)計(jì)中的綜合運(yùn)用，然后制作一個(gè)網(wǎng)頁。具體要求：L項(xiàng)目組內(nèi)要選出一名組長(zhǎng)負(fù)責(zé)組織、協(xié)調(diào)，通過小組討論，制定出評(píng)價(jià)量規(guī)，對(duì)小組成員進(jìn)行評(píng)價(jià)，小組內(nèi)各成員要有具體明確的分工。.模仿周揚(yáng)的操作方法，利用Photoshop制作一張圖片。.利用Dreamwe