包郵 Web前端開發(fā)技術(shù)基礎(chǔ)教程(HTML5+CSS3+Bootstrap)
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應(yīng)用
-
>
決戰(zhàn)行測5000題(言語理解與表達(dá))
-
>
軟件性能測試.分析與調(diào)優(yōu)實踐之路
-
>
第一行代碼Android
-
>
JAVA持續(xù)交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學(xué)習(xí)
Web前端開發(fā)技術(shù)基礎(chǔ)教程(HTML5+CSS3+Bootstrap) 版權(quán)信息
- ISBN:9787113298906
- 條形碼:9787113298906 ; 978-7-113-29890-6
- 裝幀:一般膠版紙
- 冊數(shù):暫無
- 重量:暫無
- 所屬分類:>
Web前端開發(fā)技術(shù)基礎(chǔ)教程(HTML5+CSS3+Bootstrap) 本書特色
本書提供了所有案例和任務(wù)的素材、源代碼、過程文件和結(jié)果文件,還提供了課件供讀者參考學(xué)習(xí)和使用。
Web前端開發(fā)技術(shù)基礎(chǔ)教程(HTML5+CSS3+Bootstrap) 內(nèi)容簡介
本書詳細(xì)介紹了Web前端開發(fā)中的三大基礎(chǔ)技術(shù):HTML5、CSS3和JavaScript,以及由JavaScript衍生出來的jQuery(包含jQueryUI和jQuerymobile),并在此基礎(chǔ)上全面引入Bootstrap開發(fā)框架,將Bootstrap各項技術(shù)分散在各個章節(jié)之中。主要內(nèi)容包括:Web前端開發(fā)技術(shù)概述、文本樣式、盒子模型、超鏈接與導(dǎo)航、圖像與多媒體、容器元素、元素定位與桌面端排版、移動端頁面布局、CSS動態(tài)效果、JavaScript互動頁面、jQuery頁面特效、響應(yīng)式布局與Bootstrap框架。 本書以任務(wù)為導(dǎo)向,結(jié)合了Web前端開發(fā)工作領(lǐng)域的*前沿技術(shù),將Web前端開發(fā)中需要掌握的知識系統(tǒng)地分布在各個任務(wù)之中。學(xué)生在操作中真正體會到Web前端開發(fā)的思路和技巧,具有很強的操作性。
Web前端開發(fā)技術(shù)基礎(chǔ)教程(HTML5+CSS3+Bootstrap) 目錄
0.1 Web的基本概念
0.1.1 瀏覽器
0.1.2 網(wǎng)頁(Webpages)
0.1.3 網(wǎng)站(Website)
0.1.4 網(wǎng)址(URL)
0.1.5 Web前端(Front-end)與后端(Back-end)
0.2 HTML概述
0.2.1 HTML標(biāo)簽
0.2.2 頁面元素
0.2.3 網(wǎng)頁的基本結(jié)構(gòu)
0.2.4 標(biāo)簽屬性
0.3 CSS概述
0.3.1 CSS的作用
0.3.2 CSS基本結(jié)構(gòu)
0.3.3 CSS基本規(guī)則
0.3.4 CSS的控制方式
0.4 JavaScript概述
0.4.1 JavaScript的作用
0.4.2 網(wǎng)頁中使用JavaScript的方式
0.5 Web前端開發(fā)工具簡介
0.5.1 Dreamweaver
0.5.2 HbuilderX
0.5.3 Visual Studio Code
小結(jié)
思考與練習(xí)
第1章 文本樣式
1.1 HTML文本元素
1.1.1 HTML文本控制標(biāo)簽
1.1.2 特殊字符
1.1.3 行元素與塊元素
1.1.4 HTML文本控制標(biāo)簽應(yīng)用案例
1.1.5 任務(wù)1-1:制作循環(huán)展示的三個網(wǎng)頁
1.2 CSS選擇器
1.2.1 基本選擇器
1.2.2 選擇器的組合
1.2.3 選擇器的級聯(lián)
1.2.4 屬性選擇器
1.2.5 偽類
1.2.6 偽元素
1.2.7 選擇器應(yīng)用綜合案例
1.2.8 任務(wù)1-2:使用CSS選擇器制作網(wǎng)頁
1.3 CSS文字樣式
1.3.1 字體屬性
1.3.2 文本屬性
1.3.3 Bootstrap文字排版
1.3.4 文字樣式案例
1.3.5 任務(wù)1-3:制作詩歌網(wǎng)頁的文字樣式
1.4 小試牛刀
小結(jié)
思考與練習(xí)
第2章 盒子模型
2.1 盒子模型基本屬性
2.1.1 內(nèi)邊距padding屬性
2.1.2 外邊距margin屬性
2.1.3 邊框border屬性
2.1.4 盒子空間
2.1.5 輪廓outline屬性
2.1.6 Bootstrap下的盒子
2.1.7 盒子模型案例
2.1.8 任務(wù)2-1:用Bootstrap邊距類和邊框類制作頁面
2.2 盒子美化
2.2.1 盒子邊框美化
2.2.2 背景圖像
2.2.3 背景顏色與漸變
2.2.4 盒子美化案例
2.2.5 任務(wù)2-2:運用多圖像背景制作頁面
2.3 盒子溢出處理
2.3.1 行內(nèi)塊inline-block
2.3.2 溢出處理相關(guān)屬性
2.3.3 溢出處理案例
2.3.4 任務(wù)2-3:運用inline-block制作網(wǎng)頁
2.4 小試牛刀
小結(jié)
思考與練習(xí)
第3章 超鏈接與導(dǎo)航
3.1 超鏈接標(biāo)簽
3.1.1 超鏈接標(biāo)簽
3.1.2 超鏈接案例
3.1.3 任務(wù)3-1:用錨點鏈接和:target偽類制作單頁面網(wǎng)站
3.2 超鏈接的美化
3.2.1 錨偽類
3.2.2 項目列表標(biāo)簽
3.2.3 項目列表的樣式
3.2.4 超鏈接樣式美化案例
3.2.5 任務(wù)3-2:制作“方寸神游”頁面超鏈接樣式
3.3 Bootstrap導(dǎo)航
3.3.1 Bootstrap導(dǎo)航類
3.3.2 Bootstrap面包屑導(dǎo)航
3.3.3 Bootstrap分頁導(dǎo)航
3.3.4 Bootstrap導(dǎo)航應(yīng)用案例
3.3.5 任務(wù)3-3:使用Bootstrap導(dǎo)航制作選項卡面板
3.4 小試牛刀
小結(jié)
思考與練習(xí)
第4章 圖像與多媒體
4.1 網(wǎng)頁圖像
4.1.1 網(wǎng)頁圖像標(biāo)簽
4.1.2 圖像熱區(qū)
4.1.3 圖像相關(guān)樣式
4.1.4 Bootstrap圖片類
4.1.5 圖像應(yīng)用案例
4.1.6 任務(wù)4-1:運用圖像熱區(qū)制作地圖鏈接頁面
4.2 CSS雪碧圖(Sprite)
4.2.1 雪碧圖技術(shù)概述
4.2.2 雪碧圖技術(shù)應(yīng)用案例
4.2.3 任務(wù)4-2:使用雪碧圖技術(shù)制作頁面
4.3 多媒體網(wǎng)頁
4.3.1 音頻視頻相關(guān)標(biāo)簽
4.3.2 多媒體元素應(yīng)用案例
4.3.3 任務(wù)4-3:制作音視頻多媒體網(wǎng)頁
4.4 小試牛刀
小結(jié)
思考與練習(xí)
……
第5章 容器元素
第6章 元素定位與桌面端排版
第7章 移動端頁面布局
第8章 CSS動態(tài)效果
第9章 JavaScript互動頁面
第10章 jQuery頁面特效
第11章 響應(yīng)式布局與Bootstrap框架
參考文獻(xiàn)
Web前端開發(fā)技術(shù)基礎(chǔ)教程(HTML5+CSS3+Bootstrap) 作者簡介
吳斌新,深圳信息職業(yè)技術(shù)學(xué)院副教授。 楊琴,深圳信息職業(yè)技術(shù)學(xué)院副教授。 蔡洧軒,南斗星文化傳媒(深圳)有限公司負(fù)責(zé)人。
- >
龍榆生:詞曲概論/大家小書
- >
經(jīng)典常談
- >
莉莉和章魚
- >
我與地壇
- >
唐代進(jìn)士錄
- >
詩經(jīng)-先民的歌唱
- >
大紅狗在馬戲團-大紅狗克里弗-助人
- >
月亮與六便士