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