Web前端開發(fā)——網(wǎng)頁設(shè)計(jì)
定 價(jià)：42 元
- 作者：權(quán)小紅
- 出版時(shí)間：2023/2/1
- ISBN：9787121448867
- 出 版 社：電子工業(yè)出版社
- 中圖法分類：TP393.092.2
- 頁碼：208
- 紙張：
- 版次：01
- 開本：16開
本書是Web前端網(wǎng)頁設(shè)計(jì)的基礎(chǔ)性教材，為深入實(shí)施“科教興國戰(zhàn)略”，服務(wù)“強(qiáng)化現(xiàn)代化建設(shè)人才支撐”，加快建設(shè)“網(wǎng)絡(luò)強(qiáng)國，數(shù)字中國”，本書緊貼互聯(lián)網(wǎng)行業(yè)發(fā)展對(duì)Web前端開發(fā)的崗位要求，按照“1+X”證書《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》的要求，從初學(xué)者角度出發(fā)，講解Web前端網(wǎng)頁設(shè)計(jì)相關(guān)基礎(chǔ)知識(shí)。本書按照認(rèn)知遞進(jìn)的過程組織為6個(gè)單元，單元1對(duì)Web前端開發(fā)做了總體概述，單元2介紹使用HTML搭建網(wǎng)頁基本結(jié)構(gòu)，單元3介紹使用CSS對(duì)網(wǎng)頁進(jìn)行基本布局和美化。在對(duì)網(wǎng)頁的基本“結(jié)構(gòu)”和“表現(xiàn)”有了完整介紹后，單元4和單元5分別介紹HTML5及CSS3中的新增特性，并以更簡(jiǎn)潔高效的代碼，進(jìn)一步優(yōu)化網(wǎng)頁結(jié)構(gòu)、美化網(wǎng)頁表現(xiàn)。最后，單元6在前面單元打下的基礎(chǔ)之上，以綜合項(xiàng)目實(shí)戰(zhàn)的形式對(duì)響應(yīng)式頁面設(shè)計(jì)“神器”—Bootstrap進(jìn)行了介紹，以作為全書的可選擴(kuò)展模塊。本書適合作為高職高專院校、應(yīng)用型本科院校網(wǎng)頁設(shè)計(jì)課程的教材，也可以作為Web 前端“課賽證”融通的培訓(xùn)教材，并適合廣大計(jì)算機(jī)愛好者自學(xué)使用。
權(quán)小紅，常州信息職業(yè)技術(shù)學(xué)院教師，副教授，工學(xué)碩士，軟件技術(shù)專業(yè)，Web全棧方向。先后發(fā)表教學(xué)、專業(yè)論文9篇，其中核心期刊1篇，國家級(jí)期刊1篇，獲發(fā)明專利4項(xiàng)，主持或參與橫縱向開發(fā)項(xiàng)目10余項(xiàng)；主編教材1部，參編教材3部。主持省級(jí)教改課題1項(xiàng)，市級(jí)教改課題1項(xiàng)，參與國家在線開放課程建設(shè)2門；曾獲江蘇省職業(yè)院校信息化教學(xué)大賽先進(jìn)個(gè)人、江蘇省優(yōu)秀畢業(yè)設(shè)計(jì)團(tuán)隊(duì)指導(dǎo)教師、優(yōu)秀社會(huì)實(shí)踐指導(dǎo)教師等榮譽(yù)。
單元1 Web前端開發(fā)概述
1.1 Web概述
1.1.1 Web系統(tǒng)原理
1.1.2 前端與后端
1.1.3 網(wǎng)站與網(wǎng)頁
1.1.4 主流瀏覽器介紹
1.2 前端常用技術(shù)
1.2.1 前端常用技術(shù)概述
1.2.2 前端技術(shù)的發(fā)展前景
1.3 HBuilderX開發(fā)工具
1.3.1 常用前端開發(fā)工具
1.3.2 HBuilderX的下載及使用
1.3.3 HBuilderX常用快捷鍵
單元2 HTML基礎(chǔ)
2.1 HTML概述
2.1.1 什么是HTML
2.1.2 HTML文檔的基本結(jié)構(gòu)
2.1.3 HTML標(biāo)簽與元素
2.1.4 HTML屬性
2.2 文本類標(biāo)簽
2.2.1 標(biāo)題標(biāo)簽
2.2.2 段落標(biāo)簽
2.2.3 換行標(biāo)簽與水平線標(biāo)簽
2.2.4 文本格式化標(biāo)簽
2.2.5 轉(zhuǎn)義字符
2.3 圖片及路徑
2.3.1 ＜img＞標(biāo)簽
2.3.2 相對(duì)路徑與絕對(duì)路徑
2.4 超鏈接
2.4.1 ＜a＞ 標(biāo)__________簽
2.4.2 錨點(diǎn)超鏈接
2.4.3 圖片超鏈接
2.5 列表
2.5.1 有序列表
2.5.2 無序列表
2.5.3 定義列表
2.6 表格
2.6.1 表格的基本結(jié)構(gòu)
2.6.2 單元格的合并
2.7 表單
2.7.1 ＜form＞標(biāo)簽
2.7.2 表單控件
2.8 容器與框架
2.8.1 ＜div＞標(biāo)簽
2.8.2 ＜span＞標(biāo)簽
2.8.3 ＜iframe＞標(biāo)簽
單元3 CSS基礎(chǔ)
3.1 CSS概述
3.1.1 什么是CSS
3.1.2 CSS的基本語法
3.1.3 網(wǎng)頁引入CSS 的方法
3.2 CSS 選擇器
3.2.1 基本選擇器
3.2.2 組合選擇器
3.2.3 屬性選擇器
3.2.4 偽選擇器
3.3 CSS文本樣式
3.3.1 設(shè)置字體樣式
3.3.2 設(shè)置文本縮進(jìn)與對(duì)齊
3.3.3 設(shè)置行高與間距
3.3.4 設(shè)置文本修飾
3.4 CSS 背景和邊框樣式
3.4.1 設(shè)置背景顏色
3.4.2 設(shè)置背景圖片
3.4.3 設(shè)置邊框樣式
3.5 CSS盒子模型
3.5.1 盒子模型
3.5.2 設(shè)置顯示模式
3.5.3 設(shè)置內(nèi)邊距與外邊距
3.5.4 外邊距合并
3.6 CSS設(shè)置超鏈接和列表樣式
3.6.1 超鏈接偽類
3.6.2 設(shè)置超鏈接樣式
3.6.3 設(shè)置鼠標(biāo)樣式
3.6.4 設(shè)置列表樣式
3.7 CSS設(shè)置表格和表單樣式
3.7.1 設(shè)置表格樣式
3.7.2 設(shè)置表單樣式
3.8 CSS浮動(dòng)布局
3.8.1 標(biāo)準(zhǔn)文檔流
3.8.2 設(shè)置浮動(dòng)
3.8.3 清除浮動(dòng)
3.9 CSS定位布局
3.9.1 position屬性
3.9.2 定位偏移
3.9.3 z-index屬性
3.10 CSS的繼承性與優(yōu)先級(jí)
3.10.1 CSS樣式的層疊性
3.10.2 CSS樣式的繼承性
3.10.3 CSS樣式的優(yōu)先級(jí)
單元4 HTML5新特性
4.1 HTML5概述
4.1.1 HTML5的優(yōu)勢(shì)
4.1.2 HTML5的文檔聲明
4.1.3 HTML5的語法變化
4.2 HTML5新增元素及通用屬性
4.2.1 HTML5新增結(jié)構(gòu)語義元素
4.2.2 HTML5新增其他語義元素
4.2.3 HTML5新增多媒體元素
4.2.4 HTML5新增通用屬性
4.3 HTML5智能表單
4.3.1 input元素新增type 類型
4.3.2 表單新增屬性
單元5 CSS3新特性
5.1 CSS3概述
5.1.1 CSS3的發(fā)展史
5.1.2 CSS3的模塊化
5.1.3 CSS3的瀏覽器兼容性
5.1.4 CSS3支持的顏色表示
5.1.5 CSS3支持的長(zhǎng)度單位
5.2 CSS3新增選擇器
5.2.1 新增屬性選擇器
5.2.2 結(jié)構(gòu)偽類選擇器
5.2.3 UI偽類選擇器
5.3 CSS3文本新特性
5.3.1 CSS3新增文本相關(guān)屬性
5.3.2 CSS3設(shè)置多列文本及自定義字體
5.4 CSS3背景和邊框新特性
5.4.1 CSS3新增背景相關(guān)屬性
5.4.2 CSS3設(shè)置漸變背景色
5.4.3 CSS3新增邊框相關(guān)屬性
5.5 CSS3盒子模型新特性
5.5.1 盒子模型box-sizing屬性
5.5.2 CSS3設(shè)置彈性盒子
5.6 CSS3動(dòng)效新特性
5.6.1 CSS3過渡
5.6.2 CSS3變形
5.6.3 CSS3動(dòng)畫
單元6 Bootstrap綜合項(xiàng)目實(shí)戰(zhàn)
6.1 項(xiàng)目描述
6.2 預(yù)備知識(shí)
6.2.1 Bootstrap概述
6.2.2 Bootstrap布局容器
6.2.3 Bootstrap網(wǎng)格系統(tǒng)
6.2.4 Bootstrap導(dǎo)航欄
6.2.5 Bootstrap表單
6.2.6 Bootstrap按鈕
6.2.7 Bootstrap輪播插件
6.3 項(xiàng)目分析
6.4 代碼實(shí)現(xiàn)
6.4.1 區(qū)域代碼實(shí)現(xiàn)
6.4.2 完整代碼實(shí)現(xiàn) 194
書單推薦
