定 價：56 元
叢書名：新編21世紀高等職業(yè)教育精品教材·電子與信息類
- 作者：李洪建
- 出版時間：2025/1/1
- ISBN：9787300334578
- 出 版 社：中國人民大學出版社
- 中圖法分類：TP393.092.2
- 頁碼：316
- 紙張：
- 版次：1
- 開本：16
本書根據(jù)職業(yè)院校學生以及社會人員對Web前端開發(fā)相關(guān)基本技能的需求，按照“項目+任務+習題”模式講解相關(guān)內(nèi)容。本書語言通俗易懂，實例實用性強，使讀者加深對相關(guān)知識的理解和掌握。本書提供的思路和方法，涵蓋了工作領域、工作任務和職業(yè)技能要求，幫助讀者走出學習困境，突破難關(guān)，成為社會急需的高技能Web前端開發(fā)人才。本書以一體化教學為框架，通過基礎理論知識和實用任務，將理論和實際結(jié)合起來，使讀者能夠通過學習本書全方位掌握相關(guān)內(nèi)容和技能。
李洪建，山東科技職業(yè)學院信息工程系副主任、副教授，山東省高等學校教學名師，國家技能鑒定高級考評員、全國高職計算機基礎學會電子信息委員、山東省計算機職業(yè)教育教學指導委員會委員、山東省物聯(lián)網(wǎng)職業(yè)教育集團副秘書長、濰坊商校專業(yè)建設指導委員會專家。主要講授《web前端開發(fā)基礎》《H5+css3》等課程，獲國家教學成果獎二等獎1項，國家在線精品課程1門，省教學成果獎特等獎1項，一等獎2項，山東省教育科學研究優(yōu)秀成果二等獎1項，指導學生獲國賽一等獎2項。近五年來，出版教材兩部，主持省軟科學、省教改、省高�？萍加媱濏椖�6項，參與各類橫縱向課題27項。授權(quán)實用新型專利2項，軟件著作權(quán)2件。
項目 １ 蔬菜科技展示網(wǎng)制作 ……… 001
學習目標 ……………………………002
項目描述 …………………………… 002
任務 １ 搭建蔬菜科技展示網(wǎng)站開發(fā)
環(huán)境 ……………………… 003
需求分析 ……………………… 003
知識儲備 ……………………… 003
一、初識 Web前端 ………… 003
二、Web標準 ……………… 004
三、Web前端的三大核心技術(shù)
………………………… 005
四、瀏覽器 ………………… 006
五、Visual Studio Code的下載
與安裝 ………………… 007
六、安裝插件 ……………… 008
七、Visual Studio Code的使用
…………………………008
任務實現(xiàn) ……………………… ０１０
任務 ２ 搭建蔬菜科技展示網(wǎng)站首頁
…………………………… ０１１
需求分析 ……………………… ０１１
知識儲備 ……………………… ０１２
一、HTML發(fā)展歷史 ……… ０１２
二、HTML與 ＸHTML……… ０１３
三、HTML５文檔結(jié)構(gòu) ……… ０１４
四、HTML５標簽與元素 …… ０１５
五、HTML５語義化 ………… ０１６
六、HTML５的結(jié)構(gòu)標簽 …… ０１６
七、標題標簽 ……………… ０１７
八、段落標簽 ……………… ０１８
九、圖片標簽 ……………… ０１９
十、超鏈接標簽 …………… ０２２
十一、層次標簽 …………… ０２６
任務實現(xiàn) ……………………… ０２７
任務 ３ 搭建蔬菜種植技術(shù)頁面 … ０３１
需求分析 ……………………… ０３１
知識儲備 ……………………… ０３２
一、換行標簽 ……………… ０３２
二、水平線標簽 …………… ０３３
三、文本格式化標簽 ……… ０３５
任務實現(xiàn) ……………………… ０３６
任務 ４ 搭建病蟲害防治方法頁面
…………………………… ０３８
需求分析 ……………………… ０３８
知識儲備 ……………………… ０３９
一、表格基本結(jié)構(gòu) ………… ０３９
二、語義化標簽 …………… ０４１
三、單元格邊距與間距 …… ０４３
四、合并行與列 …………… ０４５
五、表格的其他常用屬性 … ０４７
任務實現(xiàn) ……………………… ０４８
任務 ５ 搭建農(nóng)業(yè)技術(shù)頁面 ……… ０５０
需求分析 ……………………… ０５０
知識儲備 ……………………… ０５１
一、無序列表標簽 ………… ０５１
二、有序列表標簽 ………… ０５２
三、自定義列表標簽 ……… ０５４
任務實現(xiàn) ……………………… ０５５
任務 ６ 搭建農(nóng)業(yè)技術(shù)調(diào)查頁面 … ０５７
需求分析 ……………………… ０５７
知識儲備 ……………………… ０５８
一、表單簡介 ……………… ０５８
二、創(chuàng)建表單 ……………… ０５８
三、表單輸入標簽 ………… ０６０
四、標記標簽 ……………… ０６２
五、下拉列表標簽 ………… ０６４
六、多行文本框標簽 ……… ０６６
任務實現(xiàn) ……………………… ０６８
任務 ７ 搭建關(guān)于我們頁面 ……… ０７０
需求分析 ……………………… ０７０
知識儲備 ……………………… ０７１
一、特殊字符 ……………… ０７１
二、 ＜span＞標簽 ………… ０７２
三、 ＜fieldset＞標簽 ……… ０７２
任務實現(xiàn) ……………………… ０７４
項目小結(jié) …………………………… ０７４
習 題 …………………………… ０７５
項目 ２ 風箏展示網(wǎng)制作 …………… ０７７
學習目標 …………………………… ０７８
項目描述 …………………………… ０７８
任務 １ 設置風箏展示網(wǎng)頁面的
基礎樣式 ………………… ０７９
需求分析 ……………………… ０７９
知識儲備 ……………………… ０８０
一、CSS概述 ……………… ０８０
二、CSS3樣式的引入方式 … ０８１
三、CSS3基礎屬性 ………… ０８５
四、CSS3顯示或隱藏屬性 … ０９１
五、CSS3新增文本與背景屬性
………………………… １００
六、CSS3基礎選擇器 ……… １０８
七、CSS3復合選擇器 ……… １１８
任務實現(xiàn) ……………………… １２４
任務 ２ 改進風箏展示網(wǎng)頁面樣式 … １２７
需求分析 ……………………… １２７
知識儲備 ……………………… １２８
一、盒子模型概述 ………… １２８
二、內(nèi)容區(qū)域 ……………… １２９
三、邊框常用屬性 ………… １２９
四、新增邊框?qū)傩?………… １３１
五、內(nèi)邊距屬性 …………… １３６
六、外邊距屬性 …………… １３８
任務實現(xiàn) ……………………… １４３
任務 ３ 完成風箏展示網(wǎng)頁面布局
…………………………… １４４
需求分析 ……………………… １４４
知識儲備 ……………………… １４５
一、浮動概述 ……………… １４５
二、清除浮動 ……………… １４６
三、定位屬性 ……………… １４７
四、相對定位 ……………… １４８
五、絕對定位 ……………… １５０
六、固定定位 ……………… １５２
任務實現(xiàn) ……………………… １５４
項目小結(jié) …………………………… １５６
習 題 …………………………… １５６
項目 ３ 線上博物館制作 …………… １５９
學習目標 …………………………… １６０
項目描述 …………………………… １６０
任務 １ 完成移動端線上博物館的
基礎布局 ………………… １６１
需求分析 ……………………… １６１
知識儲備 ……………………… １６１
一、網(wǎng)頁模塊命名規(guī)范 …… １６２
二、視口 …………………… １６３
三、百分比布局 …………… １６５
任務實現(xiàn) ……………………… １６８
任務 ２ 設置線上博物館 Flex布局
…………………………… １７２
需求分析 ……………………… １７２
知識儲備 ……………………… １７２
一、Flex結(jié)構(gòu) ……………… １７２
二、Flex容器屬性 ………… １７３
三、Flex項目屬性 ………… １８１
任務實現(xiàn) ……………………… １８４
任務 ３ 設置線上博物館Rem
與 Grid布局 ……………… １８９
需求分析 ……………………… １８９
知識儲備 ……………………… １９０
一、媒體查詢 ……………… １９０
二、Rem布局 ……………… １９４
三、Grid布局 ……………… １９６
任務實現(xiàn) ……………………… １９９
項目小結(jié) …………………………… ２０７
習 題 …………………………… ２０７
項目 ４ 科技資訊網(wǎng)制作 …………… ２０９
學習目標 …………………………… ２１０
項目描述 …………………………… ２１０
任務 １ 實現(xiàn)科技資訊網(wǎng)首頁的
導航欄與下拉菜單 ……… ２１１
需求分析 ……………………… ２１１
知識儲備 ……………………… ２１２
一、JavaScript簡介 ………… ２１２
二、JavaScript的引入方式
………………………… ２１３
三、標識符、關(guān)鍵字與保留字
………………………… ２１５
四、常量、變量與數(shù)據(jù)類型
………………………… ２１６
五、JavaScript函數(shù) ………… ２１８
六、DOM對象 ……………… ２１８
任務實現(xiàn) ……………………… ２２０
任務 ２ 實現(xiàn)科技資訊網(wǎng)首頁的廣告欄
與城市商業(yè)信息 ………… ２２４
需求分析 ……………………… ２２４
知識儲備 ……………………… ２２５
一、流程控制 ……………… ２２５
二、數(shù)組 …………………… ２２８
三、BOM對象 ……………… ２３１
四、定時器 ………………… ２３２
任務實現(xiàn) ……………………… ２３５
任務 ３ 實現(xiàn)科技資訊網(wǎng)首頁的
熱門推薦與資訊 ………… ２４１
需求分析 ……………………… ２４１
知識儲備 ……………………… ２４２
一、事件對象 ……………… ２４２
二、事件的調(diào)用和處理 …… ２４３
三、常用的JavaScript事件
………………………… ２４３
四、ECMAScript6.0 新特性
………………………… ２４６
任務實現(xiàn) ……………………… ２５１
項目小結(jié) …………………………… ２５６
習 題 …………………………… ２５６
項目 ５ 山東多彩生活網(wǎng)制作 ……… ２５９
學習目標 …………………………… ２６０
項目描述 …………………………… ２６０
任務 １ 搭建山東多彩生活網(wǎng)首頁
…………………………… ２６１
需求分析 ……………………… ２６１
項目準備 ……………………… ２６２
一、項目結(jié)構(gòu) ……………… ２６２
二、項目文件夾結(jié)構(gòu) ……… ２６３
任務實現(xiàn) ……………………… ２６３
任務 ２ 搭建山東多彩生活網(wǎng)蔬菜
產(chǎn)業(yè)頁面 ………………… ２８８
需求分析 ……………………… ２８８
任務實現(xiàn) ……………………… ２８９
任務 ３ 搭建山東多彩生活網(wǎng)風箏
文化頁面 ………………… ２９３
需求分析 ……………………… ２９３
任務實現(xiàn) ……………………… ２９４
任務 ４ 搭建山東多彩生活網(wǎng)旅游
指南頁面 ………………… ２９９
需求分析 ……………………… ２９９
任務實現(xiàn) ……………………… ３００
任務 ５ 搭建山東多彩生活網(wǎng)科技
發(fā)展頁面 ………………… ３０２
需求分析 ……………………… ３０２
任務實現(xiàn) ……………………… ３０３
任務 ６ 搭建山東多彩生活網(wǎng)
關(guān)于我們頁面 …………… ３０５
需求分析 ……………………… ３０５
任務實現(xiàn) ……………………… ３０６
項目小結(jié) …………………………… ３０７
參考文獻 ……………………………… ３０８
書單推薦
