《Web 前端開(kāi)發(fā)實(shí)戰》是廣西壯族自治區“十四五”職業(yè)教育規劃教材，也是基于課程群應用、崗課賽證融通開(kāi)發(fā)出來(lái)的新型“適崗”綜合實(shí)訓類(lèi)教材。本教材以企業(yè)真實(shí)的項目“制作廣西少數民族文化資源網(wǎng)”為載體，以職業(yè)能力培養為目標，以工作流程為導向，重新構建實(shí)訓內容，分為“HTML5+CSS3網(wǎng)頁(yè)布局與美化”（前期）、“JavaScript 網(wǎng)頁(yè)特效制作”（中期）、“綜合應用”（后期）3個(gè)工作項目，將3個(gè)工作項目細化為11個(gè)任務(wù)，每個(gè)任務(wù)融入與之相對應的 Web 前端開(kāi)發(fā)知識點(diǎn)、“1+X”Web 前端開(kāi)發(fā)職業(yè)技能等級標準及要求、廣西職業(yè)院校技能大賽中職組“Web 應用開(kāi)發(fā)”賽項技
術(shù)標準及要求。本教材按照任務(wù)驅動(dòng)的教學(xué)策略來(lái)編寫(xiě)，每個(gè)任務(wù)按照任務(wù)導入—任務(wù)目標—任務(wù)描述—任務(wù)實(shí)施—知識庫—課后拓展—“1+X”考證練習—收獲與反思8個(gè)環(huán)節來(lái)設計。
學(xué)生在掌握本教材實(shí)訓技能后可以達到初級 Web 前端開(kāi)發(fā)工程師的水平。
本教材主要有以下特色：一是體現立德樹(shù)人理念。本教材以精益求精、開(kāi)拓創(chuàng )新的工匠精神為引領(lǐng)，深入挖掘廣西少數民族本土文化中的思政元素與計算機專(zhuān)業(yè)知識的契合點(diǎn)，將其有機融入教材中，使學(xué)生受到熏陶和感染，做到德技雙修。二是突出產(chǎn)教融合、崗課賽證融通特點(diǎn)。本教材有別于傳統教材，緊緊圍繞 Web 前端開(kāi)發(fā)的最新技術(shù)（HTML5+CSS3和 JavaScript/jQuery）進(jìn)行編寫(xiě)，以企業(yè)真實(shí)的工作項目作為教學(xué)項目，把工作內容、“1+X”職業(yè)技能等級證書(shū)考證內容及技能大賽比賽內容融入項目中，學(xué)生通過(guò)本教材的學(xué)習既能夠完成考證和參加比賽的選拔，又能夠適應工作崗位的技能要求。三是以工作任務(wù)為導向，按照企業(yè)真實(shí)的工作流程來(lái)重構教學(xué)內容，學(xué)生在完成課程學(xué)習后，能夠掌握初級 Web 前端開(kāi)發(fā)工程師的工作崗位技能。四是教材配套資源實(shí)現信息化。本教材有配套的在線(xiàn)開(kāi)發(fā)課程，還配備微課資源，并以二維碼的形式嵌入教材中，作為移動(dòng)端的輔助學(xué)習。
本教材可以作為中等職業(yè)學(xué)校、高等職業(yè)院校和各類(lèi)計算機教育機構的教學(xué)用書(shū)，也可以為廣大網(wǎng)頁(yè)設計愛(ài)好者提供幫助，學(xué)時(shí)建議如下所示：
項目 任務(wù) 學(xué)時(shí)
課程概述
（2學(xué)時(shí)）
課程簡(jiǎn)介 1
項目簡(jiǎn)介 1
項目一 HTML5+CSS3網(wǎng)頁(yè)布局
與美化
（40學(xué)時(shí)）
任務(wù)一 壯族銅鼓文化詳情頁(yè)制作 8
任務(wù)二 節日頁(yè)面制作 8
任務(wù)三 古跡頁(yè)面制作 8
任務(wù)四 服飾頁(yè)面制作 8
任務(wù)五 美食頁(yè)面制作 8
項目二 JavaScript 網(wǎng)頁(yè)特效制作
（20學(xué)時(shí)）
任務(wù)一 選項卡特效制作 4
任務(wù)二 日期時(shí)間顯示特效制作 4
任務(wù)三 頁(yè)面頭部固定特效制作 4
任務(wù)四 頁(yè)面側邊欄特效制作 4
任務(wù)五 頁(yè)面輪播圖特效制作 4
項目三 綜合應用
（10學(xué)時(shí)）
任務(wù) 首頁(yè)制作及全站鏈接調試 10
總學(xué)時(shí) 72
本教材由南寧市第六職業(yè)技術(shù)學(xué)校高級講師、高級“雙師型”教師、自治區優(yōu)秀教師秦紅梅擔任主編，其負責書(shū)稿體例大綱、內容規劃、修改統稿工作，并完成課程概述、項目一的任務(wù)一的編寫(xiě)；陳倩完成項目一的任務(wù)二、任務(wù)三和項目二的任務(wù)一的編寫(xiě)；莫德智完成項目一的任務(wù)四和項目三的編寫(xiě)；黃美世完成項目一的任務(wù)五和項目二的任務(wù)二的編寫(xiě)；譚少謀完成項目二的任務(wù)三、任務(wù)四、任務(wù)五的編寫(xiě)。教材中涉及的網(wǎng)站圖片及網(wǎng)站 logo 設計由孫雨慧、羅蓉和郭輝完成；書(shū)稿審核工作由張好完成。教材選用的項目案例由廣西塔易信息技術(shù)有限公司提供。同時(shí)，該公司技術(shù)總監顏靖對本教材涉及的許多行業(yè)規范問(wèn)題進(jìn)行了詳細指導。本教材配有課件、案例素材、源代碼文檔、教案、習題答案等數字資源，讀者可登錄廣西師范大學(xué)出版社官網(wǎng)“下載中心”的“職業(yè)教育”欄目下載使用。本教材配套的數字教學(xué)資源受版權保護，嚴禁外傳。同時(shí)，本教材在超星學(xué)習通平臺上配套建有在線(xiàn)開(kāi)放課程，歡迎讀者加入該課程進(jìn)行同步學(xué)習。由于編者的水平有限，疏漏和不足之處在所難免，懇請專(zhuān)家和讀者朋友批評指正。
編者
2023年3月
