課程名稱：網(wǎng)頁(yè)設(shè)計(jì)與制作主備人：審核人：第4頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作教案（第8周）專業(yè)課程學(xué)習(xí)任務(wù)項(xiàng)目5：掌握切片與網(wǎng)頁(yè)圖像綜合實(shí)戰(zhàn)—網(wǎng)頁(yè)頁(yè)面的切割與優(yōu)化綜合實(shí)戰(zhàn)—設(shè)計(jì)網(wǎng)頁(yè)Logo綜合實(shí)戰(zhàn)—設(shè)計(jì)網(wǎng)頁(yè)導(dǎo)航條課時(shí)6教學(xué)對(duì)象授課時(shí)間設(shè)計(jì)者一、學(xué)習(xí)任務(wù)分析1．掌握網(wǎng)頁(yè)切片及制作網(wǎng)頁(yè)圖像的使用。2．教材中的知識(shí)與案例均是從實(shí)際工作中精選而來(lái)，具有很強(qiáng)的應(yīng)用性和示范作用。同時(shí)教材結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、語(yǔ)言淺顯易懂，并配以精美的素材圖片。二、學(xué)情分析對(duì)于剛剛接觸網(wǎng)頁(yè)設(shè)計(jì)的學(xué)生，思想活躍，有探索新知識(shí)的強(qiáng)烈心理，專業(yè)課的學(xué)習(xí)，除需要一定專業(yè)基礎(chǔ)外，還需要學(xué)生具有很強(qiáng)的技能操作能力，所以在本次課的講授中，采用演示、引導(dǎo)、任務(wù)練習(xí)的方法，讓學(xué)生了解所學(xué)的內(nèi)容。三、學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：學(xué)習(xí)網(wǎng)頁(yè)圖像制作方法方法。能力目標(biāo)：學(xué)會(huì)對(duì)圖像的切割與優(yōu)化。素質(zhì)目標(biāo)：積極積累網(wǎng)頁(yè)各個(gè)方面知識(shí)點(diǎn)并將其在工作中進(jìn)行運(yùn)用。四、教學(xué)策略重點(diǎn)難點(diǎn)：重點(diǎn)：學(xué)習(xí)網(wǎng)頁(yè)圖像制作方法；難點(diǎn)：利用所學(xué)知識(shí)制作導(dǎo)航條。教學(xué)方法：演示案例教學(xué)法。教學(xué)模式：分組討論，集中點(diǎn)評(píng)，共同提高。五、教學(xué)環(huán)境及資源準(zhǔn)備教學(xué)環(huán)境：多媒體實(shí)訓(xùn)室課前準(zhǔn)備：1.對(duì)應(yīng)本節(jié)課制作了相應(yīng)的備課。2.認(rèn)真設(shè)計(jì)教案、課件和教學(xué)過(guò)程。六、教學(xué)過(guò)程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖情景描述上課，同學(xué)們好?。ㄏ嗷?wèn)好?。?S管理組織教學(xué)。課前3分鐘：學(xué)會(huì)幫助他人、服務(wù)社會(huì)，是每個(gè)人成長(zhǎng)的第一要義。每個(gè)人都有一個(gè)遼闊的內(nèi)心世界。一個(gè)摒棄了自私自利之心的人，才能真正擁有它。復(fù)習(xí)提問(wèn)：一、對(duì)于切片的使用哪里不太懂？7S管理組織教學(xué)、統(tǒng)計(jì)出勤；課前3分鐘教育；進(jìn)行復(fù)習(xí)提問(wèn)，讓學(xué)生進(jìn)入思考狀態(tài)。以小組為團(tuán)體回答，并加分。使學(xué)生注意力集中積極思考，積極回答問(wèn)題。7S管理形成習(xí)慣，鞏固知識(shí)，增強(qiáng)團(tuán)隊(duì)意識(shí)。引導(dǎo)問(wèn)題如果網(wǎng)頁(yè)上的圖像較大，瀏覽器下載整個(gè)圖像需要花很長(zhǎng)的時(shí)間。切片就是將一幅大圖像分割為一些小的圖像切片，然后在網(wǎng)頁(yè)中通過(guò)沒(méi)有間距和寬度的表格重新將這些小的圖像沒(méi)有縫隙的拼接起來(lái)，成為一幅完整的圖像。這樣做可以減小圖像的大小，減少網(wǎng)頁(yè)的下載時(shí)間，還能將圖像的一些區(qū)域用HTML來(lái)代替。為此，小艾想使用比較專業(yè)的軟件對(duì)處理中的網(wǎng)頁(yè)進(jìn)行輸出優(yōu)化，而同事凱程告訴她，Photoshop就可以完成對(duì)一個(gè)設(shè)計(jì)的網(wǎng)頁(yè)進(jìn)行切片制作并輸出的功能。在此方面只要了解網(wǎng)頁(yè)切片輸出和網(wǎng)頁(yè)圖像的優(yōu)化與輸出即可。引出本節(jié)重點(diǎn)內(nèi)容，注意培養(yǎng)學(xué)生的觀察力和注意力。學(xué)生跟隨老師的講解和啟發(fā)進(jìn)入內(nèi)容，積極思考。通過(guò)導(dǎo)入問(wèn)題,讓學(xué)生分小組思考。相關(guān)知識(shí)介紹課件設(shè)疑，引起注意，牢牢抓住和吸引學(xué)生探究新知識(shí)的心理。講練結(jié)合，突出實(shí)操能力培養(yǎng)。跟隨老師進(jìn)入思考分析狀態(tài)。認(rèn)真完成操作任務(wù)。通過(guò)課件引出問(wèn)題，演示法和指導(dǎo)法，使學(xué)生掌握知識(shí)點(diǎn)。提高學(xué)生操作能力。分組討論組織學(xué)生分小組討論引導(dǎo)問(wèn)題，保證人人有任務(wù)，人人有活干。評(píng)分項(xiàng)目評(píng)分指標(biāo)標(biāo)準(zhǔn)分評(píng)分儀態(tài)舉止是否得體0.5準(zhǔn)備準(zhǔn)備是否充分0.5語(yǔ)言聲音是否洪亮、表達(dá)是否準(zhǔn)確0.5小組配合組分工是否明確，配合是否默契0.5小計(jì)2分配小組長(zhǎng)任務(wù)。通過(guò)引導(dǎo)問(wèn)題，學(xué)生進(jìn)行分析、思考。各個(gè)小組分配任務(wù)進(jìn)行討論問(wèn)題。達(dá)到培養(yǎng)學(xué)生分工合作和查找資料能力。小組展示各小組派代表上黑板前展示自己小組引導(dǎo)問(wèn)，由全班同學(xué)找出問(wèn)題并由小組代表進(jìn)行解答。展示并解答問(wèn)題。學(xué)生展示討論成果，回答問(wèn)題。鍛煉學(xué)生表達(dá)能力和儀表。鍛煉學(xué)生表達(dá)能力和儀表。全班查找問(wèn)題。課堂總結(jié)找最優(yōu)秀小組講解設(shè)計(jì)中的注意事項(xiàng)，并由教師點(diǎn)評(píng)總結(jié)設(shè)計(jì)注意事項(xiàng)，并分組點(diǎn)評(píng)各組優(yōu)缺點(diǎn)。總結(jié)點(diǎn)評(píng)設(shè)計(jì)情況，并歸納知識(shí)點(diǎn)。學(xué)生總結(jié)所學(xué)知識(shí)，積極回答問(wèn)題。學(xué)生掌握知識(shí)。布置作業(yè)為圖像創(chuàng)建切片并設(shè)置鏈接設(shè)計(jì)一個(gè)玩具logo布置作業(yè)，并講解具體要求。記錄并在課下思考問(wèn)題，主動(dòng)學(xué)習(xí)。培養(yǎng)學(xué)生學(xué)習(xí)能力。便于下次課進(jìn)行。七、教學(xué)評(píng)價(jià)設(shè)計(jì)通過(guò)小組自我評(píng)價(jià)、小組評(píng)價(jià)、教師評(píng)價(jià)完成對(duì)小組進(jìn)行評(píng)價(jià)，教師和組長(zhǎng)對(duì)成員進(jìn)行評(píng)價(jià)，回答問(wèn)題加1分；演示操作加2分，第一名小組的成員每人加1分。記入平面成績(jī)，期末進(jìn)行成績(jī)綜合評(píng)定。評(píng)價(jià)項(xiàng)目評(píng)價(jià)指標(biāo)標(biāo)準(zhǔn)分自我評(píng)價(jià)小組評(píng)價(jià)教師評(píng)價(jià)學(xué)習(xí)態(tài)度學(xué)習(xí)主動(dòng)，規(guī)范操作，紀(jì)律好2任務(wù)完成知識(shí)點(diǎn)掌握，實(shí)操完成效果好2小組