全國優(yōu)質(zhì)課一等獎中職計算機(jī)專業(yè)教師教學(xué)設(shè)計和說課大賽《繪制汽車網(wǎng)站美工圖-首頁主體部分》教學(xué)設(shè)計+說課稿

課程： 網(wǎng)站規(guī)劃設(shè)計 授課教師： 總第24、25課時授課時間專業(yè)、班級網(wǎng)絡(luò)三(2)班授課地點(diǎn)實(shí)訓(xùn)基地課題名稱《繪制汽車網(wǎng)站美工圖—首頁主體部分》課程介紹本課程是網(wǎng)站建設(shè)與管理專業(yè)的專業(yè)核心課程，是由“網(wǎng)站規(guī)劃設(shè)計”典型職業(yè)活動直接轉(zhuǎn)化的課程。任務(wù)是使學(xué)生掌握網(wǎng)站鏈接結(jié)構(gòu)、網(wǎng)站主題形象和網(wǎng)站規(guī)劃設(shè)計技術(shù)，提高使用圖像處理軟件制作網(wǎng)站美工圖的能力。單元分析本單元以制作《金屬風(fēng)格汽車網(wǎng)站》美工圖的工作項(xiàng)目為載體，學(xué)生通過完成工作任務(wù)學(xué)習(xí)、掌握PHOTOSHOP圖層蒙版、矢量工具等相關(guān)技術(shù)，加強(qiáng)綜合應(yīng)用各種技術(shù)制作美工圖的能力，提高領(lǐng)會客戶需求的能力，增強(qiáng)知識產(chǎn)權(quán)的保護(hù)意識。網(wǎng)站規(guī)劃設(shè)計工作過程實(shí)際的制作流程是：客戶提供需求->簽署合同->根據(jù)合同要求制作美工圖，基本分為制作LOGO、BANNER、MENU、MAIN和廣告這幾個部分。教學(xué)目標(biāo)知識目標(biāo)：掌握鋼筆工具繪制平滑曲線的方法。掌握使用圖層蒙板柔滑邊緣的方法。能力目標(biāo)：能根據(jù)圖像效果中對漸隱、平滑曲線等要求，合理選擇使用圖層蒙板、鋼筆工具等技術(shù)。能使用圖層蒙板和鋼筆實(shí)現(xiàn)圖像漸隱、平滑過度等效果。能夠遵守制作規(guī)范完成符合行業(yè)標(biāo)準(zhǔn)的作品。情感、態(tài)度、價值觀：通過完成課堂任務(wù)，學(xué)生感悟按客戶的需求評價作品的方式。教學(xué)重點(diǎn)掌握鋼筆工具繪制平滑曲線、使用圖層蒙板柔化邊緣的方法。教學(xué)難點(diǎn)根據(jù)圖像效果要求合理選擇工具。學(xué)生情況學(xué)生在此前已經(jīng)了解了Photoshop基本工具的使用方法，并且學(xué)習(xí)網(wǎng)站鏈接設(shè)計的方法，本課前學(xué)生已經(jīng)制作了這個網(wǎng)站的LOGO、BANNER和MENU?；静呗詫⒕W(wǎng)站規(guī)劃設(shè)計典型職業(yè)活動的工作流程引入教學(xué)活動，通過教學(xué)平臺模擬工作環(huán)境，由美工師提供多個備選方案，客戶篩選定稿的行業(yè)習(xí)慣。首先以教學(xué)平臺中對首頁主體部分的要求作為課程引入，引導(dǎo)學(xué)生分析需求，提取需求中的關(guān)鍵詞，規(guī)劃完成方案，制作兩個備選方案，其中第一個備選方案通過學(xué)生嘗試、教學(xué)平臺輔助的形式完成，第二個備選方案由學(xué)生自主完成。最后以客戶篩選備選方案的形式進(jìn)行評價。第一課時教學(xué)方法及手段任務(wù)驅(qū)動教學(xué)法

教學(xué)過程教師活動學(xué)生活動教學(xué)意圖時間分配創(chuàng)設(shè)情境一、導(dǎo)入1.項(xiàng)目介紹：介紹網(wǎng)站美工圖設(shè)計流程打開教學(xué)網(wǎng)站中的《金屬風(fēng)格汽車網(wǎng)站》回顧項(xiàng)目內(nèi)容及制作目標(biāo)整體了解網(wǎng)站美工圖的制作流程。內(nèi)容回顧認(rèn)識該項(xiàng)目：整個流程共需要5個步驟。2’2’明確任務(wù)明確任務(wù)：展示美工圖，明確要制作的部分制作頁面主體上部要求：完成圖像制作遵守行業(yè)規(guī)范工作分析仔細(xì)觀察美工圖小組討論并填寫《工作分析表》：明確任務(wù)填寫教學(xué)網(wǎng)站中的《工作分析表》讓學(xué)生嚴(yán)格遵守ps的行業(yè)制作規(guī)范，養(yǎng)成良好的職業(yè)習(xí)慣加強(qiáng)學(xué)生分析信息、應(yīng)用能力1’5’

教學(xué)過程教師活動學(xué)生活動教學(xué)意圖時間分配明確任務(wù)提取需求說明書中對MAIN上部提出的關(guān)鍵詞思考用什么技術(shù)完成需求內(nèi)容？使用什么工具完成？協(xié)作學(xué)習(xí)完成任務(wù)學(xué)生制作時間10分鐘學(xué)生交流心得：請做完的學(xué)生介紹制作心得。預(yù)計問題：在蒙板上使用漸變工具拖動距離不準(zhǔn)確，繪制路徑時曲線不平滑，右側(cè)車輪邊緣不勻稱。解決方法：教師提示學(xué)生通過調(diào)整圖層的不透明度，可以使用蒙板完成圖片融合效果，提示使用鋼筆時的快捷鍵【ctrl】和【alt】的妙用，使用選區(qū)的布爾運(yùn)算，快速得到右側(cè)選區(qū)。完善作品，組內(nèi)互幫互助，要求學(xué)生幫助他人時，只能用語言，不能動手。學(xué)生根據(jù)教學(xué)網(wǎng)站中的任務(wù)書上的步驟，完成任務(wù)優(yōu)秀學(xué)生講解制作方法和心得遇到鋼筆問題的學(xué)生在教學(xué)平臺上進(jìn)行“鋼筆訓(xùn)練”，參考4a學(xué)習(xí)網(wǎng)3.3、4.7的內(nèi)容學(xué)習(xí)教師介紹的操作技巧互幫互助初步掌握鋼筆工具繪制平滑曲線、使用圖層蒙板柔滑邊緣的方法鍛煉學(xué)生的表達(dá)能力知識強(qiáng)化25’效果評價組內(nèi)評價填寫教學(xué)網(wǎng)站中的《課堂評價單》檢測效果10’第二課時教學(xué)方法及手段項(xiàng)目教學(xué)

教學(xué)過程教師活動學(xué)生活動教學(xué)意圖時間分配項(xiàng)目分析五、制作備選樣式（1）展示樣圖：（2）展示素材：素材一共為5組，每個小組一組圖片（3）提出制作要求圖片要有漸隱效果圖片尺寸合適動感十足可以適當(dāng)進(jìn)行創(chuàng)意設(shè)計觀看樣圖了解素材明確要求提出制作項(xiàng)目明確資源1’1’2’制定計劃（4）工作分析提取關(guān)鍵詞確定方法確定工具分析工作制定策略3’實(shí)施合同（5）制作完成設(shè)計制作強(qiáng)化鋼筆工具和圖層蒙板的使用30’檢查評價教師活動學(xué)生活動教學(xué)意圖時間分配（6）組內(nèi)評價學(xué)生上交作品，并填寫教學(xué)網(wǎng)站中的課堂評價單教師點(diǎn)評與小結(jié)點(diǎn)評學(xué)生作品的完成情況總結(jié)蒙板的制作和鋼筆的使用進(jìn)度回顧，介紹下節(jié)課內(nèi)容作業(yè)：完成本節(jié)課內(nèi)容，預(yù)習(xí)圖層樣式的使用方法。組內(nèi)評價展示最終效果圖評選最優(yōu)作品按客戶的需求評價作品讓學(xué)生感悟按客戶的需求評價作品的方式8’10’課后作業(yè)在因特網(wǎng)中尋找可應(yīng)用圖層蒙版、鋼筆工具實(shí)現(xiàn)的網(wǎng)站圖像效果預(yù)習(xí)圖層樣式的使用方法課后反思1.通過本課的學(xué)習(xí)，學(xué)生在制作項(xiàng)目的過程中，體驗(yàn)了實(shí)際的工作流程，實(shí)現(xiàn)了本課的教學(xué)目標(biāo)。2.通過鋼筆測試程序和4a學(xué)習(xí)網(wǎng)解決了教學(xué)中的重點(diǎn)和難點(diǎn)。讓學(xué)生掌握了鋼筆工具的使用方法。3.進(jìn)一步養(yǎng)成了規(guī)范圖層名稱，合理使用智能對象的職業(yè)習(xí)慣。4.通過評價環(huán)節(jié)體驗(yàn)并認(rèn)識到客戶的需求才是最終的標(biāo)準(zhǔn)。《繪制汽車網(wǎng)站美工圖—首頁主體部分》教學(xué)設(shè)計今天我主講的課題是《繪制汽車網(wǎng)站美工圖—首頁主體部分》，該課題選自網(wǎng)站建設(shè)與管理專業(yè)的核心課程《網(wǎng)站規(guī)劃設(shè)計》，從8個方面來介紹這節(jié)課的教學(xué)設(shè)計。一、課程分析畫面左側(cè)網(wǎng)站開發(fā)運(yùn)營的實(shí)際工作流程，我們按照工作過程導(dǎo)向的思路，將實(shí)際工作流程的典型職業(yè)活動進(jìn)行了教學(xué)化處理，開發(fā)了網(wǎng)站建設(shè)與管理專業(yè)的核心課程體系，《網(wǎng)站規(guī)劃設(shè)計》就是該專業(yè)的專業(yè)核心課程。二、教材分析課程的主要目標(biāo)就是提高學(xué)生使用圖像處理軟件制作網(wǎng)站美工圖的能力，因此我選擇了高等教育出版社的《PhotoshopCS3平面設(shè)計案例教程》這本書作為教材，在授課過程中，采取行動導(dǎo)向、理實(shí)一體的教學(xué)方法，打破了原有的學(xué)科體系，以實(shí)際項(xiàng)目為載體支撐整個課程。本課將完成項(xiàng)目制作《金屬風(fēng)格汽車網(wǎng)站》的7、8課時，為了完成本科任務(wù)，我們需要學(xué)習(xí)3.3鋼筆組工具這個小節(jié)的內(nèi)容，同是鞏固4.7圖層蒙版這節(jié)的內(nèi)容。三、學(xué)情分析授課的班是計算機(jī)網(wǎng)絡(luò)技術(shù)三年級的學(xué)生。這個班的發(fā)展方向是網(wǎng)頁制作和網(wǎng)站開發(fā)。學(xué)生已經(jīng)學(xué)習(xí)了《網(wǎng)頁制作》這門課程，已經(jīng)對制作網(wǎng)頁有了一定的了解，但是學(xué)生并不知道怎樣設(shè)計制作網(wǎng)站的美工圖，在《網(wǎng)站規(guī)劃設(shè)計》這門課程中，學(xué)生已經(jīng)了解ps基本工具的使用方法，并且學(xué)習(xí)網(wǎng)站鏈接設(shè)計的方法，本課前學(xué)生已經(jīng)制作了這個網(wǎng)站的LOGO、BANNER和MENU。四、教法和學(xué)法教法：將網(wǎng)站規(guī)劃設(shè)計典型職業(yè)活動的工作流程引入教學(xué)活動，通過教學(xué)平臺模擬工作環(huán)境，首先和客戶確定制作需求，與客戶簽訂合同，學(xué)生制作美工圖，最終由客戶進(jìn)行確認(rèn)。本節(jié)課要制作的內(nèi)容是美工圖中body部分，首先以教學(xué)平臺中對首頁主體部分的要求作為課程引入，引導(dǎo)學(xué)生分析需求，提取需求中的關(guān)鍵詞，規(guī)劃確定方案，制作兩個備選方案，其中第一個備選方案通過學(xué)生嘗試、教學(xué)平臺輔助的形式完成，第二個備選方案由學(xué)生自主完成。最后以客戶篩選備選方案的形式進(jìn)行評價。主要是采用任務(wù)驅(qū)動的形式，通過學(xué)生嘗試、教學(xué)平臺輔助和教師點(diǎn)撥完成任務(wù)。學(xué)法：針對學(xué)生特點(diǎn)，采用的學(xué)法是：通過教學(xué)平臺，讓學(xué)生自主完成學(xué)習(xí)過程，自主解決遇到的問題，讓學(xué)生自己動起來，教師主要引領(lǐng)完成備選方案一的制作，第二個備選方案讓學(xué)生通過使用教學(xué)平臺所提供的資源，模仿第一個方案的制作過程進(jìn)行制作，教室以監(jiān)管為主。五、教學(xué)目標(biāo)及根據(jù)教材和學(xué)生的情況結(jié)合教法和學(xué)法，制定了如下教學(xué)目標(biāo)：知識目標(biāo)：1. 能從需求中提取漸隱效果、過渡平滑、有動感的信息2. 掌握鋼筆工具繪制平滑曲線的方法3. 掌握使用圖層蒙板柔滑邊緣的方法能力目標(biāo)是：1. 能根據(jù)圖像效果中對漸隱、平滑曲線等要求，合理選擇使用圖層蒙板、鋼筆工具等技術(shù)2. 能使用圖層蒙板和鋼筆實(shí)現(xiàn)圖像漸隱、平滑過度等效果3. 能夠遵守制作規(guī)范完成符合行業(yè)標(biāo)準(zhǔn)的作品情感、態(tài)度、價值觀：通過完成課堂任務(wù)，讓學(xué)生感悟按客戶的需求評價作品的方式六、重點(diǎn)和難點(diǎn)根據(jù)教學(xué)任務(wù)和教學(xué)目標(biāo)，將教學(xué)重點(diǎn)定為掌握鋼筆工具繪制平滑曲線、使用圖層蒙板柔化邊緣的方法。這是完成任務(wù)的基本要素。根據(jù)教學(xué)任務(wù)和學(xué)生情況，將教學(xué)難點(diǎn)定為根據(jù)圖像效果要求合理選擇工具。這是完成任務(wù)的核心要素。七、教學(xué)過程1．導(dǎo)入教師打開教學(xué)平臺，首先整體回顧這個項(xiàng)目，在教學(xué)平臺中，學(xué)生可以看到自己當(dāng)前制作的項(xiàng)目，以及即將要完成的項(xiàng)目，同時平臺會伴隨著學(xué)生學(xué)習(xí)的過程，不斷地在“知識園地”更新一些相關(guān)知識和最新動態(tài)新聞。在平臺中間會顯示當(dāng)前正在制作的項(xiàng)目，學(xué)生可以回顧之前所做的內(nèi)容，可以在“小貼士”版塊中回顧以往學(xué)過的技巧。隨后教師引領(lǐng)學(xué)生點(diǎn)擊本節(jié)課要制作的區(qū)域，開始本節(jié)課的學(xué)習(xí)之旅。2．分析任務(wù)。教師展示教學(xué)網(wǎng)站中的《網(wǎng)站設(shè)計需求單》，讓學(xué)生通過教學(xué)網(wǎng)站從需求單中提取說明書中對body部分的提出的關(guān)鍵詞。教學(xué)網(wǎng)站會展示設(shè)計樣圖，讓學(xué)生思考用什么技術(shù)完成需求內(nèi)容，怎樣完成。整個過程學(xué)生以小組為單位展開討論和分析。教學(xué)目的是提取任務(wù)點(diǎn)。3.確定方案學(xué)生通過分析完成工作分析表，確定對應(yīng)關(guān)鍵詞的實(shí)現(xiàn)方法和選用工具。在后面的評價中，將會以關(guān)鍵詞是否實(shí)現(xiàn)來進(jìn)行打分。4．制作備選方案1我們將通過5個環(huán)節(jié)來完成備選方案的制作。動手制作、交流問題、解決問題、完善作品、小組評價，在動手制作時，讓學(xué)生根據(jù)教學(xué)網(wǎng)站的步驟要求制作美工圖，教學(xué)網(wǎng)站設(shè)計了問題收集的專題，可以通過采集系統(tǒng)讓教師了解到哪些問題比較集中，方便教師進(jìn)行針對性的解決，同時也會將結(jié)果反饋給每組的小組長，方便組內(nèi)進(jìn)行內(nèi)部處理并討論相關(guān)問題的解決放法。學(xué)生遇到了問題，可以通過教學(xué)網(wǎng)站查看操作視頻，也可以在討論的時間進(jìn)行組內(nèi)交流解決問題。同時為了更好地解決教學(xué)重點(diǎn)、難點(diǎn)，針對鋼筆工具這個問題，教學(xué)網(wǎng)站提供了一個“水平測試”，學(xué)生必須通過水平測試才能進(jìn)入下一步的學(xué)習(xí)，如果學(xué)生遇到困難，可以點(diǎn)擊下面的“過關(guān)攻略”，里面會給出鋼筆工具的操作方法，便于學(xué)生過關(guān)。在制作完成之后，由組長組織組內(nèi)交流，時間大約是10分鐘，然后由做完的同學(xué)介紹制作心得，根據(jù)教學(xué)網(wǎng)站的提示有針對性的詢問學(xué)生如何解決遇到的問題，預(yù)計問題：在蒙板上使用漸變工具拖動距離不準(zhǔn)確，繪制路徑是曲線不平滑，右側(cè)車輪邊緣不勻稱。解決方法：教師提示學(xué)生通過調(diào)整圖層的不透明度，可以使用蒙板完成圖片融合效果，提示使用鋼筆時的快捷鍵【ctrl】和【alt】的妙用，使用選區(qū)的布爾運(yùn)算，快速得到右側(cè)選區(qū)，點(diǎn)撥學(xué)生度過難關(guān)。點(diǎn)撥之后學(xué)生完善作品，并通過教學(xué)網(wǎng)站進(jìn)行組內(nèi)的打分，從而突破教學(xué)難點(diǎn)。5.制作備選樣式2美工在設(shè)計頁面時，會多設(shè)計一些內(nèi)容供用戶選擇，因此讓學(xué)生制作備選樣圖，向?qū)W生提供備選樣圖，并為每組學(xué)生提供不同的素材，學(xué)生仿照樣圖進(jìn)行設(shè)計制作，在制作前，提出制作需求，讓學(xué)生再次提取關(guān)鍵詞，分析關(guān)鍵詞，制作美工圖，達(dá)到強(qiáng)化知識的目的，過程全部有學(xué)生自主完成。最后學(xué)生將作品上傳至教學(xué)網(wǎng)站，進(jìn)行組內(nèi)打分。6．總結(jié)評價通過教學(xué)網(wǎng)站展示學(xué)生上交的作品，明確評價標(biāo)準(zhǔn)，在教學(xué)網(wǎng)站上進(jìn)行組間評價，教