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