《Web前端開(kāi)發(fā)基礎(chǔ)》課程標(biāo)準(zhǔn)課程基本信息課程代碼：N13011001課程名稱(chēng)：Web前端開(kāi)發(fā)基礎(chǔ)課程類(lèi)型：B類(lèi)（理論+實(shí)踐）課程地位：核心課課程學(xué)分：4參考學(xué)時(shí)及分配：64（理論32+實(shí)踐32）課程性質(zhì)：專(zhuān)業(yè)課開(kāi)課部門(mén)：軟件與大數(shù)據(jù)系適用對(duì)象：初中畢業(yè)對(duì)口貫通分段培養(yǎng)學(xué)生適用專(zhuān)業(yè)（層次）：計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)先修課程：后續(xù)課程：《JavaScript腳本編程》職業(yè)資格：Web前端開(kāi)發(fā)職業(yè)等級(jí)證書(shū)對(duì)應(yīng)1+X證書(shū)：Web前端開(kāi)發(fā)職業(yè)技能證書(shū)（初級(jí)）對(duì)應(yīng)職業(yè)技能大賽賽項(xiàng)：HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作、移動(dòng)應(yīng)用開(kāi)發(fā)編者：《Web前端基礎(chǔ)》課程組課程負(fù)責(zé)人：李志云審核人：合作開(kāi)發(fā)企業(yè)：編制日期：2024年8月8日批準(zhǔn)人：

一、課程簡(jiǎn)介本課程旨在培養(yǎng)學(xué)生利用HTML5和CSS3搭建網(wǎng)頁(yè)并進(jìn)行布局和美化的職業(yè)能力，主要內(nèi)容包括HTML5語(yǔ)言常用標(biāo)記、CSS3樣式的創(chuàng)建和使用、盒子模型、盒子模型的相關(guān)屬性、元素的浮動(dòng)和定位、表格和表單的創(chuàng)建、HTML5+CSS3布局、CSS3過(guò)渡、變形和動(dòng)畫(huà)屬性等。校企共同開(kāi)發(fā)課程內(nèi)容，充分體現(xiàn)職教特色。以學(xué)校真實(shí)網(wǎng)站項(xiàng)目引領(lǐng)，將項(xiàng)目劃分為十大任務(wù)，通過(guò)任務(wù)驅(qū)動(dòng)組織學(xué)習(xí)內(nèi)容，在完成任務(wù)的過(guò)程中掌握必須的知識(shí)點(diǎn)和技能點(diǎn)，最后完成完整的網(wǎng)站項(xiàng)目，力爭(zhēng)所學(xué)內(nèi)容與社會(huì)需求無(wú)縫對(duì)接。二、課程性質(zhì)與定位（一）課程性質(zhì)《Web前端開(kāi)發(fā)基礎(chǔ)》課程是計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)必修的專(zhuān)業(yè)核心課程。（二）課程定位該課程是計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)中培養(yǎng)Web前端開(kāi)發(fā)工程師必備的核心課程，是學(xué)習(xí)《Web框架技術(shù)》課程的前導(dǎo)課，通過(guò)該課程的學(xué)習(xí)使學(xué)生具備利用HTML5搭建頁(yè)面結(jié)構(gòu)的能力、利用CSS3布局并美化網(wǎng)頁(yè)的能力、能夠綜合利用HTML5和CSS3設(shè)計(jì)并開(kāi)發(fā)小型靜態(tài)網(wǎng)站。三、課程目標(biāo)（一）總體目標(biāo)通過(guò)該課程的學(xué)習(xí)，使學(xué)生熟練使用HTML5+CSS3技術(shù)實(shí)現(xiàn)網(wǎng)站結(jié)構(gòu)設(shè)計(jì)、頁(yè)面樣式美化和布局、網(wǎng)站動(dòng)態(tài)效果添加等，從而能獨(dú)立設(shè)計(jì)并開(kāi)發(fā)小型靜態(tài)網(wǎng)站，在網(wǎng)站開(kāi)發(fā)中主要培養(yǎng)學(xué)生的工匠精神和團(tuán)隊(duì)精神、標(biāo)準(zhǔn)意識(shí)和創(chuàng)新思維。（二）具體目標(biāo)1．素質(zhì)目標(biāo)(1)在課程學(xué)習(xí)中培養(yǎng)科技報(bào)國(guó)的紅心；(2)在課程學(xué)習(xí)中培養(yǎng)具有愛(ài)崗敬業(yè)、精益求精的工匠精神；(3)在網(wǎng)站開(kāi)發(fā)中培養(yǎng)溝通和表達(dá)能力、小組同學(xué)的團(tuán)結(jié)協(xié)作能力；(4)在網(wǎng)站結(jié)構(gòu)搭建和樣式編碼中培養(yǎng)標(biāo)準(zhǔn)意識(shí)；(5)在網(wǎng)站規(guī)劃和設(shè)計(jì)中培養(yǎng)創(chuàng)新思維和精神。2．知識(shí)目標(biāo)(1)掌握使用HTML5語(yǔ)言標(biāo)記搭建網(wǎng)頁(yè)結(jié)構(gòu)的方法；(2)熟練使用CSS3創(chuàng)建樣式表修飾網(wǎng)頁(yè)；(3)掌握使用HTML5+CSS3進(jìn)行網(wǎng)頁(yè)布局的方法；(4)掌握表格和表單的創(chuàng)建及美化；(5)掌握CSS3中過(guò)渡、變形及動(dòng)畫(huà)屬性的使用；(6)掌握小型靜態(tài)網(wǎng)站的規(guī)劃設(shè)計(jì)與開(kāi)發(fā)步驟。3．能力目標(biāo)(1)能對(duì)實(shí)際項(xiàng)目進(jìn)行需求分析和規(guī)劃；(2)能使用HTML5常用標(biāo)記搭建網(wǎng)頁(yè)結(jié)構(gòu)；(3)能用CSS3創(chuàng)建樣式表并對(duì)網(wǎng)頁(yè)進(jìn)行美化；(4)能用流行軟件編輯網(wǎng)頁(yè)并對(duì)網(wǎng)頁(yè)代碼進(jìn)行優(yōu)化；(5)能用CSS3添加網(wǎng)頁(yè)動(dòng)態(tài)效果；(6)能使用HTML5+CSS3對(duì)網(wǎng)頁(yè)布局；(7)能綜合使用HTML5+CSS3+JavaScript創(chuàng)建小型靜態(tài)網(wǎng)站。四、課程設(shè)計(jì)理念及思路課程設(shè)計(jì)依據(jù)。依據(jù)計(jì)算機(jī)應(yīng)用技術(shù)專(zhuān)業(yè)人才培養(yǎng)方案對(duì)于本課程的設(shè)置要求，對(duì)接W3C國(guó)際標(biāo)準(zhǔn)和Web前端開(kāi)發(fā)職業(yè)等級(jí)標(biāo)準(zhǔn)，并融合“HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作”、“移動(dòng)應(yīng)用開(kāi)發(fā)”職業(yè)技能競(jìng)賽規(guī)程，基于OBE目標(biāo)導(dǎo)向法，以學(xué)生為中心，以培養(yǎng)職業(yè)能力為根本，基于真實(shí)項(xiàng)目開(kāi)發(fā)流程，組織教學(xué)內(nèi)容，做到“崗課賽證”融通培養(yǎng)。教學(xué)內(nèi)容設(shè)計(jì)。課程內(nèi)容劃分為10個(gè)任務(wù)，以任務(wù)驅(qū)動(dòng)引領(lǐng)學(xué)習(xí)，在完成任務(wù)的前提下，充分激發(fā)學(xué)生學(xué)習(xí)興趣，圍繞任務(wù)實(shí)現(xiàn)，學(xué)習(xí)相關(guān)的知識(shí)點(diǎn)和技能點(diǎn)，最后再完成完整網(wǎng)站項(xiàng)目的開(kāi)發(fā),掌握網(wǎng)站開(kāi)發(fā)過(guò)程中所需的技能和應(yīng)遵守的行業(yè)標(biāo)準(zhǔn)和規(guī)范，為學(xué)生的職業(yè)能力發(fā)展奠定良好的基礎(chǔ)。教學(xué)模式和方法。本課程采用線(xiàn)上線(xiàn)下混合式教學(xué)模式，充分利用課前和課后時(shí)間，利用教材中嵌入的二維碼讓學(xué)生課前學(xué)習(xí)、課后鞏固和拓展提高，培養(yǎng)學(xué)生的自學(xué)能力并彌補(bǔ)學(xué)習(xí)內(nèi)容多、課時(shí)不充足的問(wèn)題，課堂教學(xué)中采用啟發(fā)式、案例式或討論式等多種靈活多樣的教學(xué)方法。

五、課程內(nèi)容及要求序號(hào)學(xué)習(xí)任務(wù)教學(xué)內(nèi)容、目標(biāo)及要求教學(xué)活動(dòng)設(shè)計(jì)建議特色說(shuō)明實(shí)踐考核項(xiàng)目與要求學(xué)時(shí)分配1任務(wù)一：HTML5網(wǎng)頁(yè)創(chuàng)建了解WEB相關(guān)概念；掌握HTML5網(wǎng)頁(yè)創(chuàng)建的方法。完成任務(wù)：創(chuàng)建第一個(gè)HTML5網(wǎng)頁(yè)；在多媒體教室進(jìn)行一體化教學(xué)；先講理論再實(shí)踐；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。從HTML5標(biāo)準(zhǔn)規(guī)范的創(chuàng)建引出我們國(guó)家的科技實(shí)力正越來(lái)越強(qiáng)，激發(fā)科技報(bào)國(guó)的愛(ài)國(guó)之心。項(xiàng)目：使用HBilderX工具創(chuàng)建個(gè)人介紹網(wǎng)頁(yè)。要求：掌握創(chuàng)建項(xiàng)目和網(wǎng)頁(yè)的基本步驟。2(理1+實(shí)1)2任務(wù)二：簡(jiǎn)單學(xué)院網(wǎng)站搭建熟記HTML5常用標(biāo)簽標(biāo)記；會(huì)使用HTML5標(biāo)記及屬性描述網(wǎng)頁(yè)內(nèi)容。完成任務(wù)：簡(jiǎn)單學(xué)院網(wǎng)站搭建；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。要求學(xué)生遵循HTML5代碼標(biāo)準(zhǔn)規(guī)范，培養(yǎng)學(xué)生的工匠精神、養(yǎng)成良好的職業(yè)素養(yǎng)。項(xiàng)目：創(chuàng)建簡(jiǎn)單的個(gè)人網(wǎng)站。要求：熟練使用HTML5常用標(biāo)記。12(理6+實(shí)6)3任務(wù)三：簡(jiǎn)單學(xué)院網(wǎng)站美化學(xué)會(huì)CSS引入網(wǎng)頁(yè)的方式；熟記CSS常用屬性；熟記CSS選擇器并學(xué)會(huì)使用。完成任務(wù)：簡(jiǎn)單學(xué)院網(wǎng)站美化；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。書(shū)寫(xiě)CSS3代碼時(shí)要養(yǎng)成認(rèn)真細(xì)致、精益求精的好習(xí)慣，培養(yǎng)工匠精神。項(xiàng)目：將前面創(chuàng)建的個(gè)人網(wǎng)站進(jìn)行美化。要求：掌握CSS3的基本使用。8(理4+實(shí)4)4任務(wù)四：制作學(xué)院介紹頁(yè)面理解盒子模型的概念；掌握盒子的相關(guān)屬性。完成任務(wù)：制作學(xué)院介紹頁(yè)面；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。書(shū)寫(xiě)規(guī)范嚴(yán)謹(jǐn)?shù)腃SS代碼，培養(yǎng)規(guī)范意識(shí)。項(xiàng)目：使用盒子模型創(chuàng)建個(gè)人介紹頁(yè)面。要求：能熟練定義盒子并使用盒子的相關(guān)屬性。8(理4+實(shí)4)5任務(wù)五：學(xué)校網(wǎng)站導(dǎo)航條制作掌握列表與超鏈接的使用；學(xué)會(huì)制作豎直導(dǎo)航條、制作水平導(dǎo)航條和下拉菜單導(dǎo)航條完成任務(wù)：學(xué)校網(wǎng)站導(dǎo)航條制作；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。導(dǎo)航條制作的代碼較難，引導(dǎo)學(xué)生堅(jiān)持學(xué)習(xí)不放棄，讓學(xué)生不懼困難、戰(zhàn)勝自己。項(xiàng)目：創(chuàng)建企業(yè)網(wǎng)站導(dǎo)航條。要求：能熟練書(shū)寫(xiě)導(dǎo)航條結(jié)構(gòu)和樣式代碼。4(理2+實(shí)2)6任務(wù)六學(xué)校網(wǎng)站新聞塊理解元素的浮動(dòng)與定位；會(huì)計(jì)算塊元素間的外邊距。完成任務(wù)：學(xué)校網(wǎng)站新聞塊制作；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。網(wǎng)頁(yè)布局不僅要有CSS布局知識(shí)，還要培養(yǎng)正確的審美觀(guān)。項(xiàng)目：創(chuàng)建學(xué)校網(wǎng)站通知公告塊。要求：能熟練掌握各種新聞塊的制作。6(理3+實(shí)3)7任務(wù)七：學(xué)生信息表制作熟記表格的標(biāo)記和常用屬性；熟記表單的標(biāo)記和常用屬性；會(huì)創(chuàng)建表格和表單。完成任務(wù)：學(xué)校網(wǎng)站新聞塊制作；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。隨著前端技術(shù)的發(fā)展，現(xiàn)在表格布局已過(guò)時(shí)，使用的較少。引導(dǎo)學(xué)生養(yǎng)成終身學(xué)習(xí)的習(xí)慣。項(xiàng)目：創(chuàng)建課程表和其它形式的表格。要求：能熟練掌握各種表格的制作。4(理2+實(shí)2)8任務(wù)八：學(xué)生注冊(cè)表單制作認(rèn)識(shí)HTML5的表單標(biāo)記；學(xué)習(xí)常用的表單控件；掌握為表單定義樣式的技術(shù)。完成任務(wù)：學(xué)生注冊(cè)表單制作；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。表單驗(yàn)證是創(chuàng)建表單時(shí)要考慮的問(wèn)題，養(yǎng)成為客戶(hù)著想的職業(yè)習(xí)慣。.項(xiàng)目：創(chuàng)建用戶(hù)調(diào)查問(wèn)卷表單和考試表單。要求：能熟練掌握各種表單的制作。8(理4+實(shí)4)9任務(wù)九：學(xué)校網(wǎng)站網(wǎng)頁(yè)布局掌握HTML5新增結(jié)構(gòu)元素；學(xué)會(huì)使用HTML5+CSS3布局頁(yè)面完成任務(wù)：學(xué)校網(wǎng)站網(wǎng)頁(yè)布局；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。在網(wǎng)站規(guī)劃和設(shè)計(jì)中培養(yǎng)大局觀(guān)。項(xiàng)目：分別使用單列布局和兩列布局創(chuàng)建濰坊介紹和山東介紹主頁(yè)。要求：掌握各種簡(jiǎn)單頁(yè)面的布局和設(shè)計(jì)。4(理2+實(shí)2)10任務(wù)十：學(xué)校網(wǎng)站完整實(shí)現(xiàn)掌握學(xué)院網(wǎng)站的開(kāi)發(fā)流程；開(kāi)發(fā)學(xué)校網(wǎng)站首頁(yè)和其它頁(yè)面。完成任務(wù)：學(xué)校網(wǎng)站整體實(shí)現(xiàn)；在多媒體教室進(jìn)行一體化教學(xué)；采用任務(wù)驅(qū)動(dòng)法教學(xué)；學(xué)生課前預(yù)習(xí)、課中教師主導(dǎo)，課后布置作業(yè)進(jìn)行鞏固。在小組完成任務(wù)中培養(yǎng)團(tuán)隊(duì)合作意識(shí)。項(xiàng)目：綜合使用所學(xué)知識(shí)，自選主題進(jìn)行網(wǎng)站設(shè)計(jì)和實(shí)現(xiàn)，完成自己的網(wǎng)站作品。要求：掌握網(wǎng)站的創(chuàng)建流程和步驟，要有自己的創(chuàng)意。8(理4+實(shí)4)總學(xué)時(shí)64實(shí)踐學(xué)時(shí)32六、課程考核與評(píng)價(jià)1．考核形式總評(píng)成績(jī)=過(guò)程考核成績(jī)×60%+期末考核成績(jī)×40％；過(guò)程考核成績(jī)：包括出勤、課堂參與、作業(yè)完成、課內(nèi)實(shí)訓(xùn)等情況；期未考核成績(jī)：期終實(shí)踐與理論知識(shí)考試成績(jī)。2．考核評(píng)價(jià)表考核評(píng)價(jià)表序號(hào)評(píng)價(jià)項(xiàng)目考核目標(biāo)評(píng)價(jià)標(biāo)準(zhǔn)評(píng)價(jià)方式分值1上課出勤按時(shí)上課，不遲到、不早退遲到1次扣0.5分曠課1次扣1分學(xué)習(xí)通平臺(tái)10010%2課堂參與認(rèn)真聽(tīng)講、積極回答老師提問(wèn)回答正確加1分/次學(xué)習(xí)通平臺(tái)10010%3作業(yè)完成及時(shí)、獨(dú)立、認(rèn)真完成未完成扣1分/次學(xué)習(xí)通平臺(tái)10010%5期末作品作品完整、實(shí)用性強(qiáng)、功能完整、有創(chuàng)意優(yōu)秀/良好/及格/不及格教師評(píng)價(jià)學(xué)生評(píng)價(jià)10020%5職業(yè)素養(yǎng)考察在實(shí)踐項(xiàng)目中的職業(yè)素養(yǎng)優(yōu)秀/良好/及格/不及格教師評(píng)價(jià)學(xué)生評(píng)價(jià)1005%6創(chuàng)新素養(yǎng)考察在實(shí)踐項(xiàng)目中的創(chuàng)新素養(yǎng)優(yōu)秀/良好/及格/不及格教師評(píng)價(jià)學(xué)生評(píng)價(jià)1005%7期末考核考察理論知識(shí)掌握情況客觀(guān)評(píng)價(jià)上機(jī)考核10040%合計(jì)100%七、教學(xué)實(shí)施建議（一）教學(xué)實(shí)施1.教學(xué)模式采用翻轉(zhuǎn)課堂教學(xué)模式，利用網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)行線(xiàn)上線(xiàn)下混合式教學(xué)，教師課前布置作業(yè)，學(xué)生課前自學(xué)，課堂中教師通過(guò)任務(wù)或案例驅(qū)動(dòng)，進(jìn)行課中導(dǎo)學(xué)，教學(xué)做一體化，課后學(xué)生通過(guò)網(wǎng)絡(luò)平臺(tái)提交課后作業(yè)，并針對(duì)教師布置的作業(yè)進(jìn)行研學(xué)，充分利用課堂內(nèi)外時(shí)間，培養(yǎng)學(xué)生自學(xué)能力，調(diào)動(dòng)學(xué)生學(xué)習(xí)興趣，充分發(fā)揮學(xué)生主觀(guān)能動(dòng)性。2.教學(xué)方法主要采用項(xiàng)目教學(xué)法和案例驅(qū)動(dòng)教學(xué)法。本課程選用真實(shí)網(wǎng)站項(xiàng)目貫穿教學(xué)過(guò)程，將項(xiàng)目分解為真實(shí)工作任務(wù)作為教學(xué)內(nèi)容，在教學(xué)實(shí)施過(guò)程中宏觀(guān)上采用項(xiàng)目任務(wù)驅(qū)動(dòng)的教學(xué)方法。授課前，學(xué)生自行通過(guò)課程網(wǎng)站或手機(jī)掃碼觀(guān)看微課視頻進(jìn)行相關(guān)的知識(shí)準(zhǔn)備。教學(xué)過(guò)程中主要采用任務(wù)引入、知識(shí)學(xué)習(xí)、任務(wù)分配、環(huán)境搭建、任務(wù)實(shí)施、成果評(píng)價(jià)等6步來(lái)實(shí)施教學(xué)。在教師的指導(dǎo)下，學(xué)生完成任務(wù)的過(guò)程即是掌握知識(shí)、培養(yǎng)技能和養(yǎng)成職業(yè)工作態(tài)度的過(guò)程。3.教學(xué)手段采用線(xiàn)上線(xiàn)下混合式教學(xué)，學(xué)生課前自學(xué)，教師課中導(dǎo)學(xué)，學(xué)生課后研學(xué)，借助智慧職教教學(xué)平臺(tái)進(jìn)行輔助教學(xué)，注重信息化教學(xué)手段的應(yīng)用，激發(fā)學(xué)生的學(xué)習(xí)興趣和思維活躍度，培養(yǎng)學(xué)生的分析問(wèn)題能力、創(chuàng)新能力和實(shí)踐能力。（二）實(shí)施保障1.師資條件表7-1教師基本情況專(zhuān)任教師專(zhuān)業(yè)能力要求教學(xué)能力要求師資配備需求能熟練規(guī)劃和設(shè)計(jì)網(wǎng)站，會(huì)使用一到兩種網(wǎng)頁(yè)編輯工具進(jìn)行網(wǎng)站編碼和測(cè)試，有網(wǎng)站項(xiàng)目制作經(jīng)驗(yàn)。理論知識(shí)講解清晰、動(dòng)手操作能力強(qiáng)，能幫助學(xué)生進(jìn)行網(wǎng)站調(diào)試和糾錯(cuò)。具備雙師素質(zhì)2.設(shè)施條件學(xué)生每人1臺(tái)電腦，安裝HbilderX或VisualStudioCode軟件。3.教學(xué)資料（1）教材選用教材選用人民郵電出版社出版的《Web前端開(kāi)發(fā)案例教程（HTML5+CSS3）（微課版）（第2版）》，該教材是“十四五”國(guó)家規(guī)劃教材。全書(shū)以項(xiàng)目引領(lǐng)、任務(wù)驅(qū)動(dòng)組織全書(shū)內(nèi)容，便于進(jìn)行項(xiàng)目化教學(xué)，做學(xué)教一體，能充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性。參考教材：《網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程（HTML5+CSS3+JavaScript）（微課版）（第2版）》，李志云、田潔主編，人民郵電出版社。《HTML5+CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)教程（第3版）》黑馬程序員，人民郵電出版社。