版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
課程標(biāo)準(zhǔn)課程名稱:HTML5與CSS3網(wǎng)頁設(shè)計(jì)專業(yè)大類:電子信息大類HTML5與CSS3網(wǎng)頁設(shè)計(jì)課程代碼:0311124課程名稱:HTML5與CSS3網(wǎng)頁設(shè)計(jì)課程性質(zhì):必修課程類別:職業(yè)技術(shù)基礎(chǔ)課程適用專業(yè):計(jì)算機(jī)應(yīng)用技術(shù)、軟件技術(shù)、移動(dòng)互聯(lián)應(yīng)用技術(shù)開設(shè)學(xué)期:第一學(xué)期授課學(xué)時(shí):48(理實(shí)一體)+16學(xué)時(shí)項(xiàng)目強(qiáng)化一、課程定位《HTML5與CSS3網(wǎng)頁設(shè)計(jì)》是計(jì)算機(jī)應(yīng)用技術(shù)、軟件技術(shù)、移動(dòng)互聯(lián)應(yīng)用技術(shù)專業(yè)的一門職業(yè)技術(shù)基礎(chǔ)課程,由淺入深地講解了CSS3新特性的語法及使用技巧,涵蓋了CSS3的眾多功能模塊,如CSS3選擇器、邊框模塊、文本模塊、顏色模塊、UI界面模塊、動(dòng)畫模塊、響應(yīng)式設(shè)計(jì)等,通過理論、圖解、實(shí)戰(zhàn)的方式闡釋CSS3的特性功能。通過學(xué)習(xí)本門課程,學(xué)生能更好地掌握CSS3的特性,并且將新技術(shù)運(yùn)用到實(shí)際的開發(fā)當(dāng)中,提高自己開發(fā)Web程序的水平。二、課程設(shè)計(jì)以就業(yè)為導(dǎo)向,以能力為本位,不局限于單純的技能訓(xùn)練,在培養(yǎng)學(xué)生職業(yè)崗位能力的基礎(chǔ)上,圍繞高素質(zhì)復(fù)合型技術(shù)技能型人才專業(yè)培養(yǎng)目標(biāo),培養(yǎng)學(xué)生的終身學(xué)習(xí)的能力和職業(yè)生涯發(fā)展所需的綜合素養(yǎng)。課程建設(shè)優(yōu)化傳統(tǒng)HTML網(wǎng)頁設(shè)計(jì)類課程教學(xué)內(nèi)容,設(shè)計(jì)教學(xué)情境,開發(fā)課程案例,建設(shè)課程教學(xué)資源,實(shí)施基于混合式教學(xué)的“教學(xué)做”一體化教學(xué)方式,采用過程式考核方式,提高課程教學(xué)質(zhì)量。課程教學(xué)按照:“提出工程實(shí)際案例、分析案例所需知識(shí)、知識(shí)準(zhǔn)備、師生共同完成案例、布置任務(wù)、學(xué)生自主完成任務(wù)、小組交流、教師點(diǎn)評(píng)”的步驟進(jìn)行。將課程基本知識(shí)點(diǎn)融于案例中,圍繞著案例來開展課堂教學(xué)活動(dòng),引導(dǎo)學(xué)生參與分析、討論,讓學(xué)生在具體的問題情境中,積極思考,主動(dòng)探索。課程教學(xué)內(nèi)容符合職業(yè)技能培養(yǎng)要求,注重實(shí)踐環(huán)節(jié),實(shí)踐性教學(xué)內(nèi)容占課程內(nèi)容的60﹪以上,課程既具有針對(duì)性、又具有技術(shù)性和綜合性,有效地培養(yǎng)了學(xué)生復(fù)雜靜態(tài)頁面的設(shè)計(jì)與開發(fā)能力。三、課程目標(biāo)(一)課程總目標(biāo)通過基于工作過程的教學(xué)實(shí)施,使學(xué)生能夠根據(jù)工作任務(wù)和要求,按網(wǎng)站設(shè)計(jì)的基本流程、需求規(guī)范,運(yùn)用相關(guān)工具,獨(dú)立自主完成基于HTML5和CSS3技術(shù)的靜態(tài)復(fù)雜頁面的設(shè)計(jì)與制作。同時(shí)對(duì)接行業(yè)標(biāo)準(zhǔn)和崗位要求強(qiáng)化學(xué)生的職業(yè)道德意識(shí)和職業(yè)素質(zhì)養(yǎng)成意識(shí);通過小組合作學(xué)習(xí),培養(yǎng)學(xué)生團(tuán)隊(duì)合作、協(xié)議溝通能力;為后續(xù)Web前端開發(fā)打下堅(jiān)實(shí)的基礎(chǔ)。(二)課程具體目標(biāo)1.知識(shí)目標(biāo)(1)掌握CSS3的選擇器的使用;(2)掌握CSS3的邊框、背景、文本、顏色等基礎(chǔ)特性;(3)掌握CSS3基礎(chǔ)盒模型;(4)掌握CSS3的漸變、變形、過渡及動(dòng)畫功能。2.能力目標(biāo)(1)能夠設(shè)計(jì)、制作和調(diào)試復(fù)雜靜態(tài)頁面;(2)能合理規(guī)劃、管理靜態(tài)站點(diǎn);(3)能綜合使用HTML5標(biāo)簽設(shè)計(jì)靜態(tài)頁面內(nèi)容和結(jié)構(gòu);(4)能綜合使用CSS3美化頁面元素;(5)能綜合使用CSS3實(shí)現(xiàn)漸變、變形、過渡和動(dòng)畫效果;3.素質(zhì)目標(biāo)(1)培養(yǎng)學(xué)生良好的語言表達(dá)能力;(2)培養(yǎng)學(xué)生自主學(xué)習(xí)習(xí)慣和團(tuán)隊(duì)合作能力,身心參與、手腦并用的勞動(dòng)意識(shí);(3)培養(yǎng)學(xué)生嚴(yán)謹(jǐn)細(xì)致的學(xué)習(xí)態(tài)度和追求完美的工匠精神;(4)樹立堅(jiān)定的理想信念,厚植愛國(guó)主義情懷;四、課程內(nèi)容及學(xué)習(xí)情境根據(jù)Web前端開發(fā)工程師職業(yè)崗位的要求,遴選課程內(nèi)容,課程內(nèi)容打破學(xué)科體系,進(jìn)行解構(gòu)和重構(gòu)。以真實(shí)的項(xiàng)目和任務(wù)為載體,基于Web前端開發(fā)的設(shè)計(jì)、開發(fā)與維護(hù)崗位的工作流程設(shè)置四個(gè)情境:1.CSS3,2.CSS基礎(chǔ)應(yīng)用,3.網(wǎng)頁布局設(shè)計(jì),4.項(xiàng)目強(qiáng)化。課程的主要內(nèi)容和要求見表1。表1課程內(nèi)容和學(xué)習(xí)情境表序號(hào)學(xué)習(xí)情境學(xué)習(xí)載體主要學(xué)習(xí)內(nèi)容學(xué)習(xí)目標(biāo)學(xué)時(shí)1學(xué)習(xí)情境1CSS3基本屬性“環(huán)保企業(yè)網(wǎng)站”首頁任務(wù)1:使用偽類選擇器美化頁面項(xiàng)目任務(wù):完成首頁基本框架和頂部?jī)?nèi)容1.掌握動(dòng)態(tài)偽類選擇器;2.掌握目標(biāo)偽類選擇器;3.掌握否定偽類選擇器;4.掌握結(jié)構(gòu)偽類選擇器;4任務(wù)2:使用CSS3邊框美化頁面項(xiàng)目任務(wù):完成首頁頂部logo和搜索表單1.掌握邊框顏色屬性;2.掌握?qǐng)D片邊框?qū)傩裕?.掌握?qǐng)A角邊框?qū)傩裕?.掌握盒子陰影屬性;4任務(wù)3:使用CSS3背景美化頁面項(xiàng)目任務(wù):實(shí)現(xiàn)LOGO背景圖片填充文本效果1.掌握背景原點(diǎn)屬性;2.掌握背景裁切屬性;3.掌握背景尺寸屬性;4.掌握多背景屬性;4任務(wù)4:使用CSS3文本美化頁面項(xiàng)目任務(wù):完成首頁關(guān)于我們模塊1.掌握文本陰影屬性;2.掌握溢出文本屬性;3.掌握文本換行;4任務(wù)5:使用CSS3顏色特性美化頁面項(xiàng)目任務(wù):完成頂部導(dǎo)航部分1.掌握網(wǎng)頁中的色彩特性;2.掌握透明屬性opacity;3.掌握顏色模式RGBA/HSLA;42學(xué)習(xí)情境2CSS3盒子模型“環(huán)保企業(yè)網(wǎng)站”首頁任務(wù)6:使用CSS3盒子模型項(xiàng)目任務(wù):首頁頂部banner,設(shè)置文字垂直居中,面包屑導(dǎo)航內(nèi)容部分1.理解盒子模型屬性;2.掌握內(nèi)容溢出屬性;3.掌握自由縮放屬性;4.掌握外輪廓屬性;43學(xué)習(xí)情境3CSS3進(jìn)階屬性“環(huán)保企業(yè)網(wǎng)站”首頁任務(wù)7:使用CSS3漸變美化頁面項(xiàng)目任務(wù):完成首頁四大優(yōu)勢(shì)模塊1.掌握線性漸變;2.掌握徑向漸變;3.掌握重復(fù)漸變;4任務(wù)8:使用CSS3變形美化頁面一項(xiàng)目任務(wù):完成首頁產(chǎn)品中心模塊1.掌握變形相關(guān)屬性;2.掌握2D變形;3.掌握3D變形;4任務(wù)9:使用CSS3變形美化頁面二項(xiàng)目任務(wù):制作首頁產(chǎn)品翻轉(zhuǎn)動(dòng)畫效果1.掌握多重變形;2.制作產(chǎn)品信息展示綜合案例4任務(wù)10:使用CSS3過渡項(xiàng)目任務(wù):完成首頁成功案例模塊,添加過渡效果1.掌握過渡子屬性;2.掌握觸發(fā)過渡方法;3.掌握過渡技巧;4.制作導(dǎo)航效果綜合案例;4任務(wù)11:使用CSS3動(dòng)畫一項(xiàng)目任務(wù):完成首頁底部版權(quán)模塊1.動(dòng)畫簡(jiǎn)介2.掌握動(dòng)畫關(guān)鍵幀;3.掌握動(dòng)畫應(yīng)用;4任務(wù)12:使用CSS3動(dòng)畫二項(xiàng)目任務(wù):定義通用動(dòng)畫樣式,并為首頁元素添加動(dòng)畫效果1.掌握動(dòng)畫子屬性;2.制作全屏Slidershow效果綜合案例;44學(xué)習(xí)情境4項(xiàng)目強(qiáng)化“同學(xué)會(huì)”網(wǎng)站任務(wù)1:制作公司簡(jiǎn)介頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.完成公司簡(jiǎn)介文字和動(dòng)畫動(dòng)畫4.完成榮譽(yù)資質(zhì)、員工風(fēng)采、精彩瞬間手風(fēng)琴顯示效果4任務(wù)2:制作產(chǎn)品中心頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.完成產(chǎn)品立體翻轉(zhuǎn)效果4.完成分頁樣式效果2任務(wù)3:制作產(chǎn)品詳情頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.完成產(chǎn)品圖片和文字樣式及動(dòng)畫效果4.完成詳情部分樣式5.完成產(chǎn)品采購部分表單樣式2任務(wù)4:制作新聞中心頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.完成新聞列表圖片及文字樣式,設(shè)置動(dòng)畫效果4.完成分頁樣式效果2任務(wù)5:制作服務(wù)案例頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.完成案例列表樣式4.設(shè)置主題圖片樣式5.完成全屏Slidershow效果2任務(wù)6:完成在線留言頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.完成留言表單樣式4.完成留言列表樣式2任務(wù)7:制作聯(lián)系我們頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.使用多重變形為地圖添加翻轉(zhuǎn)動(dòng)畫效果2五、教學(xué)設(shè)計(jì)學(xué)習(xí)情境一:CSS3基本屬性項(xiàng)目名稱:“同學(xué)會(huì)”網(wǎng)站學(xué)時(shí):8教學(xué)目標(biāo)掌握CSS3偽類選擇器掌握CSS3邊框?qū)傩哉莆誄SS3背景屬性掌握CSS3文本屬性掌握CSS3顏色屬性掌握CSS3顏色模式教學(xué)重點(diǎn)掌握CSS3偽類選擇器掌握CSS3邊框?qū)傩哉莆誄SS3背景屬性掌握CSS3文本屬性掌握CSS3顏色屬性學(xué)習(xí)難點(diǎn)掌握CSS3偽類選擇器掌握CSS3背景屬性子任務(wù)主要教學(xué)內(nèi)容任務(wù)1:使用偽類選擇器美化頁面1.使用動(dòng)態(tài)偽類選擇器,美化頁面按鈕;2.使用目標(biāo)偽類選擇器,實(shí)現(xiàn)首頁名字列表手風(fēng)琴效果3.使用否定偽類選擇器,實(shí)現(xiàn)特殊圖片效果4.使用結(jié)構(gòu)偽類選擇器,實(shí)現(xiàn)圓角表格等效果美化日程表項(xiàng)目任務(wù):完成首頁基本框架和頂部?jī)?nèi)容任務(wù)2:使用CSS3邊框美化頁面1.使用邊框顏色屬性,實(shí)現(xiàn)立體漸變邊框;2.使用圖片圓角邊框及盒子陰影屬性,實(shí)現(xiàn)圓角陰影按鈕3.使用圓角邊框?qū)傩?,制作特殊圖形效果4.制作立體搜索菜單項(xiàng)目任務(wù):完成首頁頂部logo和搜索表單任務(wù)3:使用CSS3背景美化頁面1.使用背景原點(diǎn)屬性background-origin;2.使用背景裁切屬性background-clip;3.使用背景尺寸屬性background-size,實(shí)現(xiàn)全屏背景4.使用多背景屬性,實(shí)現(xiàn)花邊邊框項(xiàng)目任務(wù):完成首頁頂部導(dǎo)航等內(nèi)容任務(wù)4:使用CSS3邊框美化頁面1.使用文本陰影屬性,實(shí)現(xiàn)立體文本;2.使用溢出文本屬性,實(shí)現(xiàn)固定區(qū)域列表3.使用文本換行屬性項(xiàng)目任務(wù):完成首頁關(guān)于我們模塊任務(wù)5:使用CSS3顏色特性美化頁面1.掌握網(wǎng)頁中的色彩特性;2.使用透明屬性opacity,制作透明過渡色塊3.使用顏色模式RGBA/HSLA,制作顏色色塊項(xiàng)目任務(wù):完成首頁色塊進(jìn)度條教學(xué)方法建議任務(wù)驅(qū)動(dòng)方式組織教學(xué)內(nèi)容,采用理實(shí)一體化教學(xué)方式,學(xué)生按照任務(wù)進(jìn)行實(shí)操并進(jìn)行自我評(píng)價(jià)以及小組互評(píng),老師按照每個(gè)小組的完成情況對(duì)小組進(jìn)行評(píng)分并總結(jié)。備注學(xué)習(xí)情境二:CSS3盒子模型項(xiàng)目名稱:“同學(xué)會(huì)”網(wǎng)站學(xué)時(shí):12教學(xué)目標(biāo)1.理解盒子模型屬性;2.掌握內(nèi)容溢出屬性;3.掌握自由縮放屬性;4.掌握外輪廓屬性;教學(xué)重點(diǎn)1.理解盒子模型屬性;2.掌握內(nèi)容溢出屬性;3.掌握自由縮放屬性;學(xué)習(xí)難點(diǎn)1.掌握外輪廓屬性;子任務(wù)主要教學(xué)內(nèi)容任務(wù)6:使用CSS3盒子模型1.理解盒子模型屬性;2.使用內(nèi)容溢出屬性box-sizing3.使用自由縮放屬性overflow4.使用外輪廓屬性outline模仿邊框項(xiàng)目任務(wù):美化首頁banner及文字教學(xué)方法建議任務(wù)驅(qū)動(dòng)方式組織教學(xué)內(nèi)容,采用理實(shí)一體化教學(xué)方式,學(xué)生按照任務(wù)進(jìn)行實(shí)操并進(jìn)行自我評(píng)價(jià)以及小組互評(píng),老師按照每個(gè)小組的完成情況對(duì)小組進(jìn)行評(píng)分并總結(jié)。備注學(xué)習(xí)情境三:CSS3進(jìn)階屬性項(xiàng)目名稱:“同學(xué)會(huì)”網(wǎng)站學(xué)時(shí):28教學(xué)目標(biāo)1.掌握CSS3漸變屬性2.掌握CSS3變形屬性3.掌握CSS3過渡屬性4.掌握CSS3動(dòng)畫屬性教學(xué)重點(diǎn)1.掌握CSS3漸變屬性2.掌握CSS3變形屬性3.掌握CSS3過渡屬性4.掌握CSS3動(dòng)畫屬性學(xué)習(xí)難點(diǎn)1.掌握CSS3變形屬性2.掌握CSS3動(dòng)畫屬性子任務(wù)主要教學(xué)內(nèi)容任務(wù)7:使用CSS3漸變美化頁面1.使用線性漸變,制作漸變按鈕;2.使用徑向漸變,制作圓形圖標(biāo)按鈕;3.使用重復(fù)漸變,制作記事本紙張效果;項(xiàng)目任務(wù):完成首頁四大優(yōu)勢(shì)模塊任務(wù)8:使用CSS3變形美化頁面(1)1.掌握變形相關(guān)屬性,制作旋轉(zhuǎn)和縮放的按鈕;2.使用2D變形,實(shí)現(xiàn)2D變形圖片和2D矩陣;3.使用3D變形,實(shí)現(xiàn)3D變形圖片和3D矩陣;項(xiàng)目任務(wù):完成首頁產(chǎn)品中心模塊任務(wù)9:使用CSS3變形美化頁面(2)1.使用多重變形,自作立方體;2.綜合案例:使用變形制作產(chǎn)品信息展示;項(xiàng)目任務(wù):制作首頁產(chǎn)品翻轉(zhuǎn)動(dòng)畫效果任務(wù)10:使用CSS3過渡1.掌握過渡子屬性;2.掌握觸發(fā)過渡方法;3.掌握過渡技巧;4.綜合案例:純CSS3制作CSSDock導(dǎo)航效果完成首頁成功案例模塊,添加過渡效果任務(wù)11:使用CSS3動(dòng)畫(1)1.掌握動(dòng)畫關(guān)鍵幀;2.掌握瀏覽器兼容性;3.應(yīng)用動(dòng)畫項(xiàng)目任務(wù):完成首頁底部版權(quán)模塊任務(wù)12:使用CSS3動(dòng)畫(2)1.掌握動(dòng)畫子屬性2.綜合案例:全屏Slidershow效果;項(xiàng)目任務(wù):為首頁元素添加動(dòng)畫效果教學(xué)方法建議任務(wù)驅(qū)動(dòng)方式組織教學(xué)內(nèi)容,采用理實(shí)一體化教學(xué)方式,學(xué)生按照任務(wù)進(jìn)行實(shí)操并進(jìn)行自我評(píng)價(jià)以及小組互評(píng),老師按照每個(gè)小組的完成情況對(duì)小組進(jìn)行評(píng)分并總結(jié)。備注學(xué)習(xí)情境四:項(xiàng)目強(qiáng)化項(xiàng)目名稱:“同學(xué)會(huì)”網(wǎng)站學(xué)時(shí):16教學(xué)目標(biāo)1.掌握站點(diǎn)的建立,能夠建立規(guī)范的站點(diǎn)2.完成網(wǎng)站頁面的制作,并能夠CSS實(shí)現(xiàn)對(duì)應(yīng)頁面效果3.掌握網(wǎng)頁中不同的效果和功能的實(shí)現(xiàn)4.能夠合理規(guī)劃網(wǎng)站的風(fēng)格、欄目結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)教學(xué)重點(diǎn)1.搭建網(wǎng)站框架、規(guī)劃網(wǎng)站結(jié)構(gòu)2.HTML基本標(biāo)簽3.CSS常用效果學(xué)習(xí)難點(diǎn)1.HTML基本標(biāo)簽2.CSS常用效果子任務(wù)主要教學(xué)內(nèi)容任務(wù)1:制作網(wǎng)站通用部分1.使用DIV+CSS進(jìn)行頁面整體布局2.使用邊框、漸變背景等效果美化導(dǎo)航部分3.增加立體搜索表單效果4.使用邊框、文本屬性美化頁面標(biāo)題任務(wù)2:制作網(wǎng)站首頁1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.使用邊框和盒子陰影美化合照4.使用手風(fēng)琴效果優(yōu)化合照姓名展示任務(wù)3:制作邀請(qǐng)函頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.使用偽元素美化邀請(qǐng)函文字內(nèi)容4.為邀請(qǐng)函溫馨提示和組織小組內(nèi)容添加漸變背景任務(wù)4:制作日程表頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.使用圓角表格等風(fēng)格美化日程表表格4.在日程表中默認(rèn)隱藏溢出文本任務(wù)5:制作往昔歲月頁面和活動(dòng)詳情頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.使用否定偽類選擇器改變往昔歲月圖片展示效果4.使用邊框和盒子陰影美化詳情圖片展示任務(wù)6:完成聯(lián)系我們頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.使用多重變形為地圖添加翻轉(zhuǎn)動(dòng)畫效果任務(wù)7:制作校園風(fēng)光1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.使用過渡技巧優(yōu)化校園風(fēng)光圖片展示任務(wù)8:制作在線留言頁面1.套用網(wǎng)站通用部分2.使用標(biāo)簽完成頁面內(nèi)容設(shè)計(jì)3.美化留言表單文本域樣式教學(xué)方法建議以理論講解、演示為主,學(xué)生按照教學(xué)內(nèi)容進(jìn)行實(shí)操并進(jìn)行自我評(píng)價(jià)以及小組互評(píng),老師按照每個(gè)小組的完成情況對(duì)小組進(jìn)行評(píng)分并總結(jié),采用任務(wù)驅(qū)動(dòng)教學(xué)。備注六、實(shí)施建議(一)教材選用與編寫根據(jù)專業(yè)人才培養(yǎng)方案和課程教學(xué)目標(biāo)選用理論實(shí)踐一體化或項(xiàng)目課程教材。推薦教材1.HTML5+CSS3HTML5與CSS3網(wǎng)頁設(shè)計(jì),黑馬程序員,人民郵電出版社,2019參考書:1.工業(yè)和信息化部教育與考試中心.Web前端開發(fā)(初級(jí))上冊(cè)北京:電子工業(yè)出版社,20192.工業(yè)和信息化部教育與考試中心.Web前端開發(fā)(初級(jí))下冊(cè)北京:電子工業(yè)出版社,20193.北京新奧時(shí)代科技有限責(zé)任公司.Web前端開發(fā)實(shí)訓(xùn)案例教程(初級(jí))北京:電子工業(yè)出版社,20194.網(wǎng)站5.MDN網(wǎng)站(二)課程資源的開發(fā)與利用1.開發(fā)課件、微課等教學(xué)資源;2.選用符合教學(xué)要求的錄像、課件、視頻、資料文獻(xiàn)等資源輔助教學(xué);3.依托學(xué)校職教云教學(xué)平臺(tái)進(jìn)行課程資源建設(shè)。(三)教學(xué)基本條件1.專業(yè)教師的要求(1)具有前端新知識(shí)、新技能的學(xué)習(xí)能力和創(chuàng)新創(chuàng)業(yè)能力;(2)具備前端架構(gòu)設(shè)計(jì)能力;(3)具備移動(dòng)端開發(fā)能力;(4)具備前端組件化能力;(5)具備網(wǎng)站性能優(yōu)化能力(6)具有較強(qiáng)的工作過程系統(tǒng)課程教學(xué)設(shè)計(jì)能力;(7)具有較強(qiáng)的行動(dòng)導(dǎo)向教學(xué)組織與實(shí)施能力。2.學(xué)習(xí)場(chǎng)地、設(shè)施的要求為保證項(xiàng)目、任務(wù)的實(shí)施與完成,本課程必須在實(shí)踐理論一體化教室完成教學(xué)過程。(四)教學(xué)建議1.本課程以實(shí)際的典型應(yīng)用為基礎(chǔ)構(gòu)建學(xué)習(xí)載體,建議在每個(gè)學(xué)習(xí)情境的教學(xué)實(shí)施中,完全采用項(xiàng)目引導(dǎo)、任務(wù)驅(qū)動(dòng)的行動(dòng)導(dǎo)向教學(xué),并以小組協(xié)作方式完成各項(xiàng)工作任務(wù)。2.以Web項(xiàng)目的設(shè)計(jì)、實(shí)現(xiàn)作為驅(qū)動(dòng)主線,實(shí)現(xiàn)理論實(shí)踐一體化教學(xué)。學(xué)生通過感性認(rèn)識(shí),理性思維,動(dòng)手操作,完成Web項(xiàng)目的分析、設(shè)計(jì)、編碼、調(diào)試和運(yùn)行,在做中學(xué),在學(xué)中做,最終達(dá)到真正聽得懂,學(xué)得會(huì),做得好,切實(shí)提高動(dòng)手能力和分析問題、解決問題的綜合素質(zhì)。3.在教學(xué)過程中,要?jiǎng)?chuàng)設(shè)工作情景,同時(shí)應(yīng)加大實(shí)踐實(shí)操的容量,要緊密結(jié)合職業(yè)技能等級(jí)證書的考證,加強(qiáng)考證的實(shí)操項(xiàng)目的訓(xùn)練,在實(shí)踐實(shí)操過程中,使學(xué)生掌握HTML靜態(tài)頁面設(shè)計(jì)與制作應(yīng)有的技能,提高學(xué)生的崗位適應(yīng)能力。4.在教學(xué)過程中,要盡量應(yīng)用多媒體、動(dòng)畫視頻、演示等教學(xué)資源輔助教學(xué),幫助學(xué)生理解相關(guān)概念。5.在教學(xué)過程中,在教學(xué)過程中,關(guān)注軟件產(chǎn)業(yè)發(fā)展新業(yè)態(tài)、新模式,對(duì)接新技術(shù)、新工藝、新規(guī)范發(fā)展趨勢(shì),貼近生產(chǎn)現(xiàn)場(chǎng)。為學(xué)生提供職業(yè)生涯發(fā)展的空間,努力培養(yǎng)學(xué)生參與社會(huì)實(shí)踐的創(chuàng)新精神和職業(yè)能力。6.教學(xué)過程中教師應(yīng)積極引導(dǎo)學(xué)生提升職業(yè)素養(yǎng),培養(yǎng)職業(yè)道德。七、教學(xué)評(píng)價(jià)(一)成績(jī)構(gòu)成本課程主要以過程考核為主,考核涵蓋學(xué)習(xí)情境全過程,既評(píng)價(jià)學(xué)生專業(yè)能力,也評(píng)價(jià)學(xué)生交流溝通、團(tuán)隊(duì)協(xié)作、自主學(xué)習(xí)、問題的分析與處理等非專業(yè)能力,以促進(jìn)學(xué)生綜合職業(yè)能力的養(yǎng)成。課程總評(píng)成績(jī)=項(xiàng)目成績(jī)(70%)+作業(yè)成績(jī)(10%)+考勤(10%)+課堂活動(dòng)成績(jī)(10%)(二)項(xiàng)目成績(jī)?cè)u(píng)價(jià)指標(biāo)項(xiàng)目總分100分,項(xiàng)目考核由指導(dǎo)教師對(duì)每個(gè)小組進(jìn)行綜合考核,考核內(nèi)容分為三個(gè)部分:第一部分是項(xiàng)目的設(shè)計(jì)和制作,占評(píng)價(jià)成績(jī)的70%,第
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025至2031年中國(guó)噴漆烤漆線行業(yè)投資前景及策略咨詢研究報(bào)告
- 2025年外研銜接版必修1地理上冊(cè)階段測(cè)試試卷含答案
- 鞋店裝修合同管理費(fèi)計(jì)算
- 2025至2031年中國(guó)全電腦紅外線監(jiān)控樁考系統(tǒng)行業(yè)投資前景及策略咨詢研究報(bào)告
- 2025年滬科新版共同必修2物理上冊(cè)階段測(cè)試試卷含答案
- KTV裝修終止合同協(xié)議書
- 2025年滬教版七年級(jí)物理上冊(cè)月考試卷含答案
- 小學(xué)科學(xué)與科技產(chǎn)業(yè)的對(duì)接與發(fā)展趨勢(shì)
- 建筑施工現(xiàn)場(chǎng)危險(xiǎn)源的識(shí)別與防控措施
- 教育行業(yè)課程設(shè)計(jì)的實(shí)踐與思考
- GB/T 20840.8-2007互感器第8部分:電子式電流互感器
- GB/T 14864-2013實(shí)心聚乙烯絕緣柔軟射頻電纜
- 品牌策劃與推廣-項(xiàng)目5-品牌推廣課件
- 信息學(xué)奧賽-計(jì)算機(jī)基礎(chǔ)知識(shí)(完整版)資料
- 發(fā)煙硫酸(CAS:8014-95-7)理化性質(zhì)及危險(xiǎn)特性表
- 數(shù)字信號(hào)處理(課件)
- 公路自然災(zāi)害防治對(duì)策課件
- 火災(zāi)報(bào)警應(yīng)急處置程序流程圖
- 耳鳴中醫(yī)臨床路徑
- 安徽身份證號(hào)碼前6位
- 分子生物學(xué)在動(dòng)物遺傳育種方面的應(yīng)用
評(píng)論
0/150
提交評(píng)論