Web前端開發(fā)基礎(chǔ)創(chuàng)新實踐教程
定 價：49 元
叢書名：“十四五”高等職業(yè)教育計算機類專業(yè)系列教材
- 作者：張毅,張絳麗
- 出版時間：2025/4/1
- ISBN：9787113309947
- 出 版 社：中國鐵道出版社
本書涵蓋Web前端開發(fā)的基礎(chǔ)知識，共9章。第1章為Web端開發(fā)入門，介紹Web的原理及其相關(guān)概念、HTML的基礎(chǔ)標(biāo)簽和CSS樣式的基本應(yīng)用。第2章介紹列表標(biāo)簽、結(jié)構(gòu)元素、HTML5新增語義標(biāo)簽以及table標(biāo)簽的現(xiàn)實應(yīng)用。第3章為CSS基礎(chǔ)應(yīng)用，介紹CSS的基礎(chǔ)語法、盒子模型和頁面布局。第4章為CSS3高級應(yīng)用，介紹CSS3實現(xiàn)圓角、漸變和陰影效果、實現(xiàn)2D和3D效果、flex布局、瀑布流布局。第5章介紹常見的表單的結(jié)構(gòu)、布局及其樣式效果制作和表單驗證。第6章為富媒體應(yīng)用，包括音頻、視頻標(biāo)簽、畫布標(biāo)簽及圖標(biāo)庫Font Awesome框架的應(yīng)用。第7章為JavaScript基礎(chǔ)，介紹JavaScript語法基礎(chǔ)、數(shù)據(jù)結(jié)構(gòu)、條件和循環(huán)語句及函數(shù)構(gòu)建。第8章為JavaScript應(yīng)用，介紹字符串操作、常用對象、文檔元素操作、節(jié)點操作、瀏覽器對象模型。第9章為創(chuàng)新創(chuàng)業(yè)實踐項目，介紹創(chuàng)新創(chuàng)業(yè)團隊的組建、項目的創(chuàng)新設(shè)計、項目計劃書編寫和技術(shù)實現(xiàn)。
①內(nèi)容涵蓋端開發(fā)崗位必需的前端基礎(chǔ)知識，以案例為依托，幫助讀者快速進入前端開發(fā)領(lǐng)域。②每個實踐任務(wù)之后，根據(jù)真實項目經(jīng)驗提煉了對應(yīng)的妙招，有助于讀者掌握要點，提升技能。③結(jié)合課程思政案例和創(chuàng)新案例，有利于師生實施課堂教學(xué)改革中融入思政和創(chuàng)新元素，為課堂增光增色。④最后一章將“互聯(lián)網(wǎng)+”創(chuàng)新創(chuàng)業(yè)的知識與專業(yè)知識結(jié)合，體現(xiàn)了專創(chuàng)融合的特色，幫助學(xué)生開展創(chuàng)新創(chuàng)業(yè)實踐。⑤選擇與“1+X”Web前端開發(fā)相對應(yīng)的題目作為練習(xí)題，幫助學(xué)生了解與Web前端開發(fā)1+X考證相關(guān)知識及題目類型。⑥配有豐富的教學(xué)資源，如教學(xué)大綱、教學(xué)視頻、PPT課件、案例素材、習(xí)題及答案。
張毅，副教授，廣東環(huán)境保護工程職業(yè)學(xué)院軟件技術(shù)專業(yè)帶頭人，專業(yè)研究方向為軟件技術(shù)與應(yīng)用，主授課程《Web前端開發(fā)基礎(chǔ)》《前端開發(fā)框架技術(shù)》《跨端開發(fā)技術(shù)》等。曾主編《計算機應(yīng)用基礎(chǔ)項目式教程 Windows 7+Office 2010》，參編《C語言教學(xué)做一體化教程》。獲得校級“優(yōu)秀青年教師”稱號。發(fā)表論文15篇，其中包括CSSCI期刊2篇，中文核心2篇，科技核心3篇。張絳麗，副教授，任職于廣東環(huán)境保護工程職業(yè)學(xué)院，研究方向為生態(tài)環(huán)境大數(shù)據(jù)及應(yīng)用，數(shù)據(jù)存儲與傳輸安全。編寫《計算機網(wǎng)絡(luò)安全》、江蘇省十三五規(guī)劃重點教材《物聯(lián)網(wǎng)安全》。
第一部分 Web基礎(chǔ) 模塊一 認(rèn)識前端開發(fā) 單元一 制作第一個Web頁面 1.1.1 網(wǎng)站的基本知識 1.1.2 任務(wù)實踐——制作第一個Web頁面 單元二 制作通知頁面 1.2.1 HTML基礎(chǔ)標(biāo)簽1.2.2 任務(wù)實踐——制作通知頁面單元三 制作商品信息頁面1.3.1 圖像與CSS基礎(chǔ)1.3.2 任務(wù)實踐——制作商品信息頁面單元四 網(wǎng)上商城頁面導(dǎo)航設(shè)計1.4.1 超鏈接1.4.2 任務(wù)實踐——網(wǎng)上商城頁面導(dǎo)航設(shè)計小結(jié)習(xí)題 1模塊二 HTML5頁面元素單元一 制作導(dǎo)航欄2.1.1 列表標(biāo)簽2.1.2 盒子模型2.1.3 任務(wù)實踐——制作導(dǎo)航欄單元二 制作學(xué)院簡介頁面2.2.1 HTML結(jié)構(gòu)元素2.2.2 浮動與清理浮動2.2.3 任務(wù)實踐——制作學(xué)院簡介頁面單元三 HTML5語義標(biāo)簽的綜合使用2.3.1 HTML5新增語義標(biāo)簽2.3.2 任務(wù)實踐——編寫綜合頁面單元四 制作股票信息表2.4.1 表格標(biāo)簽2.4.2 任務(wù)實踐——制作股票信息表小結(jié)習(xí)題 2模塊三 CSS 基礎(chǔ)應(yīng)用 單元一 制作藝術(shù)文本頁面3.1.1 文本樣式3.1.2 元素定位3.1.3 任務(wù)實踐——制作藝術(shù)文本頁面單元二 制作理學(xué)部導(dǎo)航模塊3.2.1 盒子樣式3.2.2 任務(wù)實踐——制作理學(xué)部導(dǎo)航模塊單元三 學(xué)部導(dǎo)航頁面整體布局3.3.1 頁面整體布局3.3.2 任務(wù)實踐——學(xué)部導(dǎo)航頁面整體布局小結(jié)習(xí)題 3第二部分 創(chuàng)新應(yīng)用基礎(chǔ)模塊四 CSS 高級應(yīng)用 單元一 制作下拉式導(dǎo)航菜單4.1.1 過渡效果4.1.2 任務(wù)實踐——制作下拉式導(dǎo)航菜單單元二 設(shè)計制作2D和3D轉(zhuǎn)換響應(yīng)效果4.2.1 轉(zhuǎn)換動畫4.2.2 任務(wù)實踐——設(shè)置制作2D和3D轉(zhuǎn)換相應(yīng)效果單元三 設(shè)計制作動態(tài)校訓(xùn)4.3.1 @keyframes規(guī)則4.3.2 任務(wù)實踐——設(shè)計制作動態(tài)校訓(xùn)單元四 制作圖片瀑布流4.4.1 CSS3 多列布局屬性4.4.2 任務(wù)實踐——制作圖片瀑布流小結(jié)習(xí)題 4模塊五 Web表單制作 單元一 制作個人信息頁面5.1.1 表單介紹5.1.2 常用表單控件5.1.3 任務(wù)實踐——制作個人信息頁面單元二 制作個人信息修改頁面5.2.1 其他表單控件5.2.2 任務(wù)實踐——制作個人信息修改頁面單元三 制作用戶注冊頁面5.3.1 正則表達式5.3.2 任務(wù)實踐——制作用戶注冊頁面小結(jié)習(xí)題 5模塊六 富媒體標(biāo)簽單元一 制作TOP10音樂榜6.1.1 音頻標(biāo)簽6.1.2 任務(wù)實踐——制作TOP10音樂排行榜單元二 制作視頻播放器6.2.1 視頻標(biāo)簽6.2.2 任務(wù)實踐——制作視頻播放器單元三 繪制五角星6.3.1 圖像繪制6.3.2 任務(wù)實踐——繪制五角星小結(jié)習(xí)題 6第三部分 JavaScript編程基礎(chǔ)模塊七 JavaScript基礎(chǔ) 單元一 JavaScript語法基礎(chǔ)7.1.1 JavaScript輸出方式7.1.2 變量7.1.3 數(shù)據(jù)類型7.1.4 運算符單元二 數(shù)組及其操作方法7.2.1 認(rèn)識數(shù)組7.2.2 數(shù)組元素操作7.2.3 數(shù)組遍歷7.2.4 數(shù)組操作方法單元三 認(rèn)識JavaScript函數(shù)7.3.1 函數(shù)定義7.3.2 函數(shù)調(diào)用7.3.3 函數(shù)參數(shù)單元四 綜合實踐——制作網(wǎng)頁計算器7.4.1 JavaScript異常處理7.4.2 任務(wù)實踐小結(jié)習(xí)題 7模塊八 JavaScript應(yīng)用單元一 字符串操作8.1.1 字符串處理函數(shù)8.1.2 數(shù)組與字符串處理方法比較單元二 文檔對象模型DOM8.2.1 認(rèn)識DOM8.2.2 節(jié)點獲取方法8.2.3 節(jié)點操作方法單元三 瀏覽器對象模型BOM8.3.1 窗口操作8.3.2 制作定時器8.3.3 location對象單元四 綜合實踐——制作倒計時器8.4.1 Date對象8.4.2 任務(wù)實踐 小結(jié) 習(xí)題 8
書單推薦
