前言

“Web前端開發(fā)”（以前稱“網(wǎng)頁(yè)制作”）課程是計(jì)算機(jī)類專業(yè)的專業(yè)基礎(chǔ)課程。Web前端開發(fā)技術(shù)已經(jīng)成為網(wǎng)站開發(fā)、App開發(fā)及智能終端設(shè)備界面開發(fā)的主要技術(shù)。工業(yè)和信息化部教育與考試中心依據(jù)教育部《職業(yè)技能等級(jí)標(biāo)準(zhǔn)開發(fā)指南》中的相關(guān)要求，制定了《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》。作者結(jié)合自己多年從事教學(xué)工作和Web應(yīng)用開發(fā)的實(shí)踐經(jīng)驗(yàn)，按照教學(xué)規(guī)律精心編寫了本書。本書主要有以下特色。

1. 內(nèi)容全面

本書依據(jù)部分“雙高”院校的《Web前端技術(shù)課程教學(xué)標(biāo)準(zhǔn)》，并依據(jù)1+X證書《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)（初級(jí)）》編寫。本書圍繞Web標(biāo)準(zhǔn)的三大關(guān)鍵技術(shù)——HTML5、CSS3和JavaScript/jQuery來(lái)介紹網(wǎng)頁(yè)編程的必備知識(shí)及相關(guān)應(yīng)用。

2. 校企結(jié)合共同編寫

本書由教學(xué)一線的高校教師會(huì)同企業(yè)專家——甲骨文（中國(guó)）軟件系統(tǒng)有限公司（Oracle Corporation）楊素蘭高級(jí)工程師共同策劃和編寫。

3. 模塊化案例式教學(xué)

本書以模塊化的結(jié)構(gòu)來(lái)組織章節(jié)，選取Web開發(fā)設(shè)計(jì)的典型應(yīng)用作為教學(xué)案例，以網(wǎng)站創(chuàng)建和網(wǎng)頁(yè)設(shè)計(jì)為中心，以實(shí)例為引導(dǎo)，把知識(shí)介紹與實(shí)例設(shè)計(jì)、制作、分析融于一體。全書通過(guò)一個(gè)完整的“愛心包裝網(wǎng)站”的講解，將相關(guān)知識(shí)點(diǎn)融入案例網(wǎng)站的具體制作環(huán)節(jié)中，案例具有代表性和趣味性，使同學(xué)們?cè)谕瓿砂咐耐瑫r(shí)掌握語(yǔ)法規(guī)則以及技術(shù)的應(yīng)用。

4. 采用高效的編輯工具

本書采用工業(yè)和信息化部教育與考試中心推薦的HBuilder編輯網(wǎng)頁(yè)代碼，在Google Chrome或Microsoft Edge瀏覽器中調(diào)試運(yùn)行，幫助讀者掌握流行高效的Web開發(fā)編輯工具軟件。

5. 注重能力培養(yǎng)

本書作者長(zhǎng)期從事網(wǎng)頁(yè)設(shè)計(jì)、Web前端開發(fā)等課程的教學(xué)工作，還參與了多個(gè)網(wǎng)站項(xiàng)目的開發(fā)工作，從中總結(jié)和積累的豐富的教學(xué)和實(shí)戰(zhàn)經(jīng)驗(yàn)在書中也有所體現(xiàn)。因此本書不僅是單純介紹Web前端開發(fā)技術(shù)的教材，而且是一本凝聚了大量實(shí)戰(zhàn)經(jīng)驗(yàn)的以提高動(dòng)手能力為目標(biāo)的教材。

6. 配有豐富的教學(xué)資源

為配合教學(xué)，方便教師授課和學(xué)生學(xué)習(xí)，本書作者精心制作了電子課件、教學(xué)計(jì)劃、教案首頁(yè)、電子教案、例題和習(xí)題的源代碼等教學(xué)資源。教師可從機(jī)械工業(yè)出版社教育服務(wù)網(wǎng)（http://www. cmpedu.com）下載。

本書適合作為高職高專院校Web前端開發(fā)技術(shù)、網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教材，也可作為1+X證書《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)（初級(jí)）》的考試參考用書。

本書由劉瑞新、張兵義、朱立等編寫，具體的編寫分工為劉瑞新編寫第1～4章，張兵義編寫第5～7、14章，朱立編寫第8～10章，楊素蘭編寫第11、12章，劉克純編寫第13章。由于編者水平有限，書中疏漏和不足之處難免，敬請(qǐng)廣大師生指正。

編者