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