中職電子與信息：09網(wǎng)頁設(shè)計(jì)與美工（項(xiàng)目09）簡(jiǎn)案

網(wǎng)頁設(shè)計(jì)教學(xué)簡(jiǎn)案項(xiàng)目九模板的創(chuàng)建和使用學(xué)科：計(jì)算機(jī)授課年級(jí)：專業(yè)：教師姓名：課題名稱：模板的創(chuàng)建和使用計(jì)劃學(xué)時(shí)：4教學(xué)內(nèi)容(1)利用Photoshop中的錨點(diǎn)工具修飾圖片；(2)模板頁的創(chuàng)建；(3)可編輯區(qū)域的創(chuàng)建(4)利用模板創(chuàng)建網(wǎng)頁。教學(xué)目標(biāo)知識(shí)目標(biāo)：1.了解Photoshop錨點(diǎn)工具組；2.了解可編輯區(qū)域。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2,能夠利用錨點(diǎn)工具修飾圖片素材；3.能夠完成模板頁的創(chuàng)建；4.能夠完成可編輯區(qū)域的創(chuàng)建；5,能夠使用模板創(chuàng)建網(wǎng)頁。重點(diǎn)、難點(diǎn)及處理對(duì)策重點(diǎn)：Photoshop錨點(diǎn)工具的使用；模板的創(chuàng)建及使用。難點(diǎn)：可編輯區(qū)域的創(chuàng)建。對(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í)模板的創(chuàng)建及使用的方法。網(wǎng)站實(shí)例展示及說明。認(rèn)真觀看老師展示網(wǎng)站實(shí)例。激發(fā)學(xué)生的學(xué)習(xí)興趣，營(yíng)造學(xué)習(xí)氛圍。新課任務(wù)一創(chuàng)建BRT模板(一)任務(wù)分析利用表格布局網(wǎng)頁，制作好網(wǎng)站的首頁；然后將主要內(nèi)容區(qū)域變成空白區(qū)域，將修改后的網(wǎng)頁另存為模板，接著創(chuàng)建可編輯區(qū)域，最后就是利用保存的模板創(chuàng)建統(tǒng)一風(fēng)格的網(wǎng)頁。引導(dǎo)學(xué)生進(jìn)行任務(wù)分析，明確學(xué)習(xí)目標(biāo)。介紹并示范認(rèn)真聽講、根據(jù)教師對(duì)任務(wù)的分析明確學(xué)習(xí)目標(biāo)。認(rèn)真聽講、理使學(xué)生明確學(xué)習(xí)目標(biāo)。學(xué)習(xí)并了解（）相關(guān)知識(shí)介紹Photoshop錨點(diǎn)工具組和模板創(chuàng)建方法。（三）任務(wù)實(shí)施1、建立站點(diǎn)并新建網(wǎng)頁。2、利用Photoshop錨點(diǎn)工具加工圖片素材。3、將文檔另存為模板。4、創(chuàng)建可編輯區(qū)域。（四）學(xué)習(xí)評(píng)價(jià)任務(wù)二應(yīng)用模板創(chuàng)建BRT網(wǎng)站二級(jí)網(wǎng)頁（一）任務(wù)分析利用模板創(chuàng)建相應(yīng)的網(wǎng)頁，并在指定區(qū)域插入相關(guān)內(nèi)容。（二）相關(guān)知識(shí)1、基于模板創(chuàng)建網(wǎng)頁。2、利用模板更新網(wǎng)頁（三）任務(wù)實(shí)施1、創(chuàng)建基于現(xiàn)有模板的網(wǎng)頁。2、在模板中創(chuàng)建超鏈接。3、利用模板更新網(wǎng)頁（四）學(xué)習(xí)評(píng)價(jià)Photoshop錨點(diǎn)工具的使用。示范任務(wù)實(shí)施過程，指導(dǎo)學(xué)生完成任務(wù)。指導(dǎo)學(xué)生完成學(xué)習(xí)評(píng)價(jià)，明確任務(wù)口標(biāo)。引導(dǎo)學(xué)生進(jìn)行任務(wù)分析，明確學(xué)習(xí)目標(biāo)。向?qū)W生講解模板頁的使用。示范任務(wù)實(shí)施過程，指導(dǎo)學(xué)生完成任務(wù)。指導(dǎo)學(xué)生完成學(xué)習(xí)評(píng)價(jià)。解Photoshop錨點(diǎn)工具的使用。根據(jù)老師的講解和示范完成任務(wù)實(shí)施.如實(shí)填寫學(xué)習(xí)評(píng)價(jià)表。認(rèn)真聽講，根據(jù)教師對(duì)任務(wù)的分析明確學(xué)習(xí)目標(biāo)。認(rèn)真聽講、理解模板的使用。根據(jù)老師的講解和示范完成任務(wù)實(shí)施。如實(shí)填寫學(xué)習(xí)評(píng)價(jià)表。Photoshop錨點(diǎn)工具。讓學(xué)生通過任務(wù)實(shí)施，在做中學(xué)，逐步掌握模板技術(shù)。使學(xué)生反思學(xué)習(xí)過程，梳理學(xué)習(xí)內(nèi)容。使學(xué)生明確學(xué)習(xí)目標(biāo)。深刻理解模板的應(yīng)用。讓學(xué)生通過任務(wù)實(shí)施，在做中學(xué)，逐步掌握模板技術(shù)。學(xué)生反思，梳理內(nèi)容。課堂小結(jié)在本項(xiàng)目中，我們主要學(xué)習(xí)的內(nèi)容包括：1.利用Photoshop錨點(diǎn)工具美化了圖片的效果，將前面完成的moban.htm為后面快速創(chuàng)建網(wǎng)頁墊定了基礎(chǔ)。2.將已編輯好的頁面另存為模板頁mobanl.dwt,并在模板頁中插入了可編輯區(qū)域。3.利用模板創(chuàng)建網(wǎng)頁，在修改了模板后，手動(dòng)更新了所有基于模板創(chuàng)建的網(wǎng)頁，統(tǒng)一調(diào)整了各網(wǎng)頁的顯示效果，統(tǒng)一了站點(diǎn)風(fēng)格。布置作業(yè)通過學(xué)習(xí)項(xiàng)目9中周揚(yáng)制作網(wǎng)站的方法，3-5人組成一個(gè)項(xiàng)目小組，制作一個(gè)網(wǎng)站。具體要求：.項(xiàng)目組內(nèi)要選出一名組長(zhǎng)負(fù)責(zé)組織、協(xié)調(diào)，通過小組討論，制定出評(píng)價(jià)量規(guī)，對(duì)小組成員進(jìn)行評(píng)價(jià)，小組內(nèi)各成員要有具體明確的分工。.網(wǎng)頁素材可以通過手機(jī)、數(shù)碼相機(jī)進(jìn)行拍攝或從網(wǎng)上下載。.利用Photoshop對(duì)素材進(jìn)行剪切、添加文字等操作，制作網(wǎng)頁所需的圖像，在編輯圖像的過程中嘗試使用錨點(diǎn)工具。.先制作好用作模板的網(wǎng)頁，保存模板，然后利用模板創(chuàng)建網(wǎng)站中的其他網(wǎng)頁，網(wǎng)站中至少