課程名稱：網(wǎng)頁設(shè)計與制作主備人：審核人：第6頁網(wǎng)頁設(shè)計與制作教案（第5周）專業(yè)課程學(xué)習(xí)任務(wù)項目3：掌握網(wǎng)頁中處理圖像時的摳圖技巧任務(wù)4掌握毛發(fā)摳圖技巧任務(wù)5掌握半透明圖像摳圖技巧綜合實戰(zhàn)—設(shè)計與制作運動網(wǎng)頁課時6教學(xué)對象授課時間設(shè)計者一、學(xué)習(xí)任務(wù)分析1．掌握網(wǎng)頁中對毛發(fā)圖像和半透明圖像的摳圖方法。2．教材中的知識與案例均是從實際工作中精選而來，具有很強的應(yīng)用性和示范作用。同時教材結(jié)構(gòu)清晰、內(nèi)容翔實、語言淺顯易懂，并配以精美的素材圖片。二、學(xué)情分析對于剛剛接觸網(wǎng)頁設(shè)計的學(xué)生，思想活躍，有探索新知識的強烈心理，專業(yè)課的學(xué)習(xí)，除需要一定專業(yè)基礎(chǔ)外，還需要學(xué)生具有很強的技能操作能力，所以在本次課的講授中，采用演示、引導(dǎo)、任務(wù)練習(xí)的方法，讓學(xué)生了解所學(xué)的內(nèi)容。三、學(xué)習(xí)目標(biāo)知識目標(biāo)：掌握為人物毛發(fā)進行摳圖的方法。掌握為半透明圖像進行摳圖的方法。能力目標(biāo)：學(xué)會為毛發(fā)區(qū)域進行摳圖。學(xué)會為半透明玻璃杯進行摳圖。素質(zhì)目標(biāo)：不忘初心，堅持使命。在為圖像進行摳圖學(xué)習(xí)中，充分了解動手操作的重要性。四、教學(xué)策略重點難點：重點：快速對毛發(fā)圖像進行摳圖；難點：掌握半透明圖像的摳圖方法。教學(xué)方法：演示與案例教學(xué)法。教學(xué)模式：分組討論，集中點評，共同提高。五、教學(xué)環(huán)境及資源準(zhǔn)備教學(xué)環(huán)境：多媒體實訓(xùn)室課前準(zhǔn)備：1.對應(yīng)本節(jié)課制作了相應(yīng)的備課。2.認(rèn)真設(shè)計教案、課件和教學(xué)過程。六、教學(xué)過程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計意圖情景描述上課，同學(xué)們好?。ㄏ嗷柡茫。?S管理組織教學(xué)。課前3分鐘：他雖然是基礎(chǔ)較差的，但他是課堂上最努力的你有一個和偉人相近的名字，只要盡心盡力，你在我們眼里和偉人一樣偉大。復(fù)習(xí)提問：一、對于上節(jié)課中有哪些摳圖方法？7S管理組織教學(xué)、統(tǒng)計出勤；課前3分鐘教育；進行復(fù)習(xí)提問，讓學(xué)生進入思考狀態(tài)。以小組為團體回答，并加分。使學(xué)生注意力集中積極思考，積極回答問題。7S管理形成習(xí)慣，鞏固知識，增強團隊意識。引導(dǎo)問題網(wǎng)頁設(shè)計中的圖像處理環(huán)節(jié)，摳圖是一項不可避免的操作，無論是為單一的圖像替換背景，還是為一系列的圖像統(tǒng)一背景，這些都需要對圖像本身進行摳圖來完成。如果是制作網(wǎng)頁中圖像的合成廣告就更少不了摳圖了。為此，小艾想使用比較專業(yè)的軟件對處理中的摳圖進行處理，而同事凱程告訴她，Photoshop就是一個在摳圖方面具有非常專業(yè)的摳圖功能，在摳圖方面可以將其分為規(guī)則形狀摳圖、簡單背景摳圖、復(fù)雜圖形摳圖、毛發(fā)摳圖和半透明圖像摳圖等操作。接下來，大家可以跟隨小艾一起走進Photoshop的摳圖環(huán)節(jié)。大家可以在本節(jié)中了解各種摳圖方法將拍攝的圖像進行背景替換，使圖像本身更加凸顯，在網(wǎng)頁視覺中引起買家的注意力，從而間接的增加銷量。引出本節(jié)重點內(nèi)容，注意培養(yǎng)學(xué)生的觀察力和注意力。學(xué)生跟隨老師的講解和啟發(fā)進入內(nèi)容，積極思考。通過導(dǎo)入問題,讓學(xué)生分小組思考。相關(guān)知識介紹任務(wù)4掌握毛發(fā)摳圖技巧拍攝有模特或動物參與的圖片時，摳圖時會遇到人物的發(fā)絲或動物的毛發(fā)區(qū)域，如果使用多邊形套索工具或鋼筆工具進行摳圖時，會發(fā)現(xiàn)頭發(fā)區(qū)域會出現(xiàn)背景摳不干凈的效果，如圖所示。任務(wù)5掌握半透明圖像摳圖技巧在Photoshop中，對半透明對象進行摳圖，可以在“通道”面板中完成。使用“通道”進行摳圖時，通常需要應(yīng)用一些工具結(jié)合“通道”面板進行操作。在操作完畢之后，必須要把編輯的通道轉(zhuǎn)換為選區(qū)，再通過移動工具將選區(qū)內(nèi)的圖片拖動到新背景中完成摳圖，對通道進行編輯時主要使用畫筆工具，通道中黑色部分為保護區(qū)域，白色區(qū)域為可編輯的位置，灰色區(qū)域?qū)?chuàng)建半透明效果，如圖所示。課件設(shè)疑，引起注意，牢牢抓住和吸引學(xué)生探究新知識的心理。講練結(jié)合，突出實操能力培養(yǎng)。跟隨老師進入思考分析狀態(tài)。認(rèn)真完成操作任務(wù)。通過課件引出問題，演示法和指導(dǎo)法，使學(xué)生掌握知識點。提高學(xué)生操作能力。分組討論組織學(xué)生分小組討論引導(dǎo)問題，保證人人有任務(wù)，人人有活干。評分項目評分指標(biāo)標(biāo)準(zhǔn)分評分儀態(tài)舉止是否得體0.5準(zhǔn)備準(zhǔn)備是否充分0.5語言聲音是否洪亮、表達是否準(zhǔn)確0.5小組配合組分工是否明確，配合是否默契0.5小計2分配小組長任務(wù)。通過引導(dǎo)問題，學(xué)生進行分析、思考。各個小組分配任務(wù)進行討論問題。達到培養(yǎng)學(xué)生分工合作和查找資料能力。小組展示各小組派代表上黑板前展示自己小組引導(dǎo)問，由全班同學(xué)找出問題并由小組代表進行解答。展示并解答問題。學(xué)生展示討論成果，回答問題。鍛煉學(xué)生表達能力和儀表。鍛煉學(xué)生表達能力和儀表。全班查找問題。課堂總結(jié)找最優(yōu)秀小組講解設(shè)計中的注意事項，并由教師點評總結(jié)設(shè)計注意事項，并分組點評各組優(yōu)缺點?？偨Y(jié)點評設(shè)計情況，并歸納知識點。學(xué)生總結(jié)所學(xué)知識，積極回答問題。學(xué)生掌握知識。布置作業(yè)一、練習(xí)對半透明婚紗進行摳圖布置作業(yè)，并講解具體要求。記錄并在課下思考問題，主動學(xué)習(xí)。培養(yǎng)學(xué)生學(xué)習(xí)能力。便于下次課進行。七、教學(xué)評價設(shè)計通過小組自我評價、小組評價、教師評價完成對小組進行評價，教師和組長對成員進行評價，回答問題加1分；演示操作加2分，第一名小組的成員每人加1分。記入平面成績，期末進行成績綜合評定。評價項目評價指標(biāo)標(biāo)準(zhǔn)分自我評價小組評價教師評價學(xué)習(xí)態(tài)度學(xué)習(xí)主動，規(guī)范操作，紀(jì)律好2任務(wù)完成知識點掌握，實操完成效果好2小組討論表達清晰，任務(wù)方案科學(xué)合理2創(chuàng)新精神運用多種方法創(chuàng)意設(shè)計17S管理現(xiàn)場整理，保持工作環(huán)境整潔1團結(jié)協(xié)作小組成員是否團結(jié)協(xié)作2小計總評小組學(xué)習(xí)活動綜合評價表八、教學(xué)反思網(wǎng)頁設(shè)計與制作教案（第6周）專業(yè)課程學(xué)習(xí)任務(wù)項目4：了解文字與圖層任務(wù)1了解創(chuàng)建文字的工具任務(wù)2掌握文字的編輯任務(wù)3掌握段落文字任務(wù)4認(rèn)識圖層任務(wù)5掌握智能對象任務(wù)6掌握圖層蒙版課時6教學(xué)對象授課時間設(shè)計者一、學(xué)習(xí)任務(wù)分析1．掌握文字編輯、圖層相關(guān)編輯的使用。2．教材中的知識與案例均是從實際工作中精選而來，具有很強的應(yīng)用性和示范作用。同時教材結(jié)構(gòu)清晰、內(nèi)容翔實、語言淺顯易懂，并配以精美的素材圖片。二、學(xué)情分析對于剛剛接觸網(wǎng)頁設(shè)計的學(xué)生，思想活躍，有探索新知識的強烈心理，專業(yè)課的學(xué)習(xí)，除需要一定專業(yè)基礎(chǔ)外，還需要學(xué)生具有很強的技能操作能力，所以在本次課的講授中，采用演示、引導(dǎo)、任務(wù)練習(xí)的方法，讓學(xué)生了解所學(xué)的內(nèi)容。三、學(xué)習(xí)目標(biāo)知識目標(biāo)：掌握在Photoshop中文字的創(chuàng)建與編輯的方法。掌握在Photoshop中認(rèn)識圖層與編輯圖層的方法。掌握智能對象與圖層樣式的編輯方法。能力目標(biāo)：學(xué)會文字的鍵入。學(xué)會編輯文本。學(xué)會圖層的運用。學(xué)會圖層蒙版的編輯。素質(zhì)目標(biāo)：充分運用文字，展現(xiàn)正能量對人生觀的引導(dǎo)。在學(xué)習(xí)實踐中培養(yǎng)邊學(xué)邊練的習(xí)慣，提升動手操作能力。四、教學(xué)策略重點難點：重點：文字的使用與編輯應(yīng)用；難點：掌握圖層的編輯與的使用。教學(xué)方法：演示案例教學(xué)法。教學(xué)模式：分組討論，集中點評，共同提高。五、教學(xué)環(huán)境及資源準(zhǔn)備教學(xué)環(huán)境：多媒體實訓(xùn)室課前準(zhǔn)備：1.對應(yīng)本節(jié)課制作了相應(yīng)的備課。2.認(rèn)真設(shè)計教案、課件和教學(xué)過程。六、教學(xué)過程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計意圖情景描述上課，同學(xué)們好?。ㄏ嗷柡茫。?S管理組織教學(xué)。課前3分鐘：能給四十幾位未來的圣賢上課，是老師莫大的快樂。見證同學(xué)們成長的足跡，是老師最欣慰的事情之一。復(fù)習(xí)提問：一、對于半透明圖像摳圖還有哪些不懂得？7S管理組織教學(xué)、統(tǒng)計出勤；課前3分鐘教育；進行復(fù)習(xí)提問，讓學(xué)生進入思考狀態(tài)。以小組為團體回答，并加分。使學(xué)生注意力集中積極思考，積極回答問題。7S管理形成習(xí)慣，鞏固知識，增強團隊意識。引導(dǎo)問題網(wǎng)頁設(shè)計中離不開文字和圖像，在Photoshop中只要應(yīng)用這兩項內(nèi)容就會用到圖層，通過圖層可以對文本和圖像有一個更好的管理和編輯，這兩項內(nèi)容也是要認(rèn)真學(xué)習(xí)的。為此，小艾想對圖層和文字有個更好的學(xué)習(xí)方向，而同事凱程則告訴她，Photoshop這個軟件就可以對她的要求做出全面的解決，只要認(rèn)真的對軟件中的文字和圖層進行了解，就能對她的工作和學(xué)習(xí)起到非常大幫助，Photoshop不但能鍵入文字，還能對文字進行非常專業(yè)編輯和排版，結(jié)合圖層的運用能夠更好的在網(wǎng)頁中發(fā)揮作用。接下來，大家可以跟隨小艾一起走進Photoshop的文字與圖層環(huán)節(jié)。大家可以在本節(jié)中了解各種文字與圖層的使用和編輯方法，做好網(wǎng)頁設(shè)計的基礎(chǔ)工作部分，處理好的圖像加上文字的點綴和說明，能讓網(wǎng)頁更加具有視覺沖擊力，更能發(fā)揮網(wǎng)頁的功能。引出本節(jié)重點內(nèi)容，注意培養(yǎng)學(xué)生的觀察力和注意力。學(xué)生跟隨老師的講解和啟發(fā)進入內(nèi)容，積極思考。通過導(dǎo)入問題,讓學(xué)生分小組思考。相關(guān)知識介紹任務(wù)1了解創(chuàng)建文字的工具文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息，要達到這一目的必須考慮文字的整體訴求效果，給人以清晰的視覺印象。因此，設(shè)計中的文字應(yīng)避免繁雜零亂，使人易認(rèn)，易懂，切忌為了設(shè)計而設(shè)計，忘記了文字設(shè)計的根本目的是為了更好，更有效的傳達作者的意圖，表達設(shè)計的主題和構(gòu)想意念，在Photoshop中能夠直接創(chuàng)建文字工具只有橫排文字工具和直排文字工具。在文檔中輸入文字后，系統(tǒng)會自動在“圖層”面板中創(chuàng)建一個文字圖層?；顒?了解橫排文字工具在Photoshop中使用橫排文字工具可以在水平方向上鍵入橫排文字，該工具也是文字工具組中最基本的文字輸入工具同時也是使用最頻繁的一個工具。橫排文字工具的使用方法非常簡單，只要在“工具箱”中選擇橫排文字工具，之后再拖動光標(biāo)到到畫面中找到要輸入文字的地方，單擊鼠標(biāo)會出現(xiàn)圖標(biāo)，此時輸入所需要的文字即可，輸入方法如圖所示?；顒?了解直排文字的鍵入在Photoshop中使用直排文字工具可以在垂直方向上鍵入豎排文字，該工具的使用方法與橫排文字工具相同，就是屬性欄也是一模一樣的，具體輸入方法如圖4-11所示。任務(wù)2掌握文字的編輯在Photoshop中編輯文字指的是對已經(jīng)創(chuàng)建的文字，通過“屬性欄”、“字符”面板、“段落”面板或“文字”菜單進行重新的設(shè)置，例如設(shè)置文字行距、文字縮放、基線偏移以及對文字的變形等等，活動1掌握對已建文本的基礎(chǔ)編輯屬性欄中針對文字的設(shè)置，已經(jīng)講過了，本次任務(wù)主要講解在“字符”面板中關(guān)于文字的一些基本編輯?；顒?掌握文字變形在Photoshop中通過“文字變形”命令可以對輸入的文字進行更加藝術(shù)化的變形，使文字更加具有觀賞感，變形后的文字仍然具有文字所具有的共性。“文字變形”命令可以通過在鍵入文字后直接單擊“文字變形”按鈕來執(zhí)行，或者執(zhí)行菜單欄中的“圖層/文字/文字變形”命令來打開“變形文字”對話框，如圖所示。任務(wù)3掌握段落文字在Photoshop中使用文字工具不但可以創(chuàng)建點文字，還可以創(chuàng)建大段的段落文本，在創(chuàng)建段落文字時，文字基于定界框的尺寸自動換行。任務(wù)4認(rèn)識圖層對圖層進行操作可以說是Photoshop中使用最為頻繁的一項工作。通過建立圖層，然后在各個圖層中分別編輯圖像中的各個元素，可以產(chǎn)生既富有層次，又彼此關(guān)聯(lián)的整體圖像效果。所以在編輯圖像的同時圖層是必不可缺的?；顒?認(rèn)識圖層的原理圖層與圖層之間并不等于完全的白紙與白紙的重合，圖層的工作原理類似于在印刷上使用的一張張重疊在一起的醋酸纖紙，透過圖層中透明或半透明區(qū)域，可以看到下一圖層相應(yīng)區(qū)域的內(nèi)容，如圖所示?；顒?認(rèn)識圖層面板每一個圖層都是由許多像素組成的，而圖層又通過上下疊加的方式來組成整個圖像。打個比喻，每一個圖層就好似是一個透明的“玻璃”，而圖層內(nèi)容就畫在這些“玻璃”上，如果“玻璃”什么都沒有，這就是個完全透明的空圖層，當(dāng)各“玻璃”都有圖像時，自上而下俯視所有圖層，從而形成圖像顯示效果，對圖層的編輯可以通過菜單或面板來完成?！皥D層”被存放在“圖層”面板中，其中包含當(dāng)前圖層、文字圖層、背景圖層、智能對象圖層等。執(zhí)行菜單欄中的“窗口/圖層”命令，即可打開“圖層”面板，“圖層”面板中所包含的內(nèi)容如圖所示。任務(wù)5掌握智能對象將圖像轉(zhuǎn)換成智能對象后，將圖像縮小，再復(fù)原到原來大小后，圖像的像素不會丟失，智能對象還支持多層嵌套功能和應(yīng)用濾鏡并將應(yīng)用的濾鏡顯示在智能對象圖層的下方。任務(wù)6掌握圖層蒙版圖層蒙版可以理解為在當(dāng)前圖層上面覆蓋一層玻璃片，這種玻璃片有：透明和黑色不透明兩種，前者顯示全部，后者隱藏部分。然后用各種繪圖工具在蒙版上（既玻璃片上）涂色（只能涂黑、白、灰色），涂黑色的地方蒙版變?yōu)椴煌该?，看不見?dāng)前圖層的圖像，涂白色則使涂色部分變?yōu)橥该骺煽吹疆?dāng)前圖層上的圖像，涂灰色使蒙版變?yōu)榘胪该?，透明的程度由涂色的深淺決定。圖層蒙版可以用來在圖層與圖層之間創(chuàng)建無縫的合成圖像，并且對圖層中的圖像不造成破壞。課件設(shè)疑，引起注意，牢牢抓住和吸引學(xué)生探究新知識的心理。講練結(jié)合，突出實操能力培養(yǎng)。跟隨老師進入思考分析狀態(tài)。認(rèn)真完成操作任務(wù)。通過課件引出問題，演示法和指導(dǎo)法，使學(xué)生掌握知識點。提高學(xué)生操作能力。分組討論組織學(xué)生分小組討論引導(dǎo)問題，保證人人有任務(wù)，人人有活干。評分項目評分指標(biāo)標(biāo)準(zhǔn)分評分儀態(tài)舉止是否得體0.5準(zhǔn)備準(zhǔn)備是否充分0.5語言聲音是否洪亮、表達是否準(zhǔn)確0.5小組配合組分工是否明確，配合是否默契0.5小計2分配小組長任務(wù)。通過引導(dǎo)問題，學(xué)生進行分析、思考。各個小組分配任務(wù)進行討論問題。達到培養(yǎng)學(xué)生分工合作和查找資料能力。小組展示各小組派代表上黑板前展示自己小組引導(dǎo)問，由全班同學(xué)找出問題并由小組代表進行解答。展示并解答問題。學(xué)生展示討論成果，回答問題。鍛煉學(xué)生表達能力和儀表。鍛煉學(xué)生表達能力和儀表。全班查找問題。課堂總結(jié)找最優(yōu)秀小組講解設(shè)計中的注意事項，并由教師點評總結(jié)設(shè)計注意事項，并分組點評各組優(yōu)缺點?？偨Y(jié)點評設(shè)計情況，并歸納知識點。學(xué)生總結(jié)所學(xué)知識，積極回答問題。學(xué)生掌握知識。布置作業(yè)一、通過文字變形制作立體變形字布