●第1章 Web技術概述
1.1 Web的起源
1.2 Web技術相關概念
1.3 Web前端開發常用工具
1.4 HBuilderX的使用
本章小結
習題與實踐
第2章 HTML基礎
2.1 HTML概述
2.1.1 標記語言
2.1.2 HTML歷史
2.1.3 HTML的基本結構
2.1.4 HTML的相關基本定義
2.2 HTML的全局屬性
2.2.1 HTML的全局標準屬性
2.2.2 HTML的全局事件屬性
本章小結
習題與實踐
第3章 HTM素
3.1 應用HTML的主體標簽
3.2 應用HTML的無語義標簽
3.3 應用HTML的標題和段落標簽
3.4 應用HTML的格式化標簽
3.5 應用HTML的圖片標簽
3.5.1 圖片標簽
3.5.2 圖片路徑
3.5.3 圖片標簽屬性
3.6 應用HTML的超鏈接標簽
3.6.1 超鏈接簡介
3.6.2 超鏈接種類
3.7 綜合案例
本章小結
習題與實踐
第4章 HTML表單頁面
4.1 應用HTML的列表標簽
4.1.1 有序列表
4.1.2 無序列表
4.1.3 自定義列表
4.2 應用HTML的表格標簽
4.2.1 表格簡介
4.2.2 表格調整
4.3 應用HTML的表單標簽
4.3.1 表單簡介
4.3.2標簽
4.3.3 常用表單標簽
4.4 應用HTML的框架集標簽
4.4.1 frameset(框架集標簽)
4.4.2 iframe(內聯框架標簽)
4.5 綜合案例
本章小結
習題與實踐
第5章 CSS選擇器與常用屬性
5.1 應用CSS樣式素效果
5.1.1 CSS介紹
5.1.2 CSS三種樣式單的使用
5.2 應用CSS選擇素效果
5.2.1 CSS基本語法
5.2素選擇器
5.2.3 id選擇器
5.2.4 類選擇器
5.3 應用CSS實現背景屬性設置
5.3.1 background-color屬性
5.3.2 background-image屬性
5.3.3 background-repeat屬性
5.3.4 background-position屬性
5.3.5 background-attachment屬性
5.3.6 background屬性
5.4 應用CSS實現字體屬性設置
5.4.1 font-family屬性
5.4.2 font-size屬性
5.4.3 font-weight屬性
5.4.4 font-style屬性
5.4.5 font屬性
5.5 應用CSS實現文本屬性設置
5.5.1 color屬性
5.5.2 text-align屬性
5.5.3 text-decoration屬性
5.5.4 line-height屬性
5.5.5 text-indent屬性
5.5.6 text-transform屬性
5.6 應用CSS實現尺寸屬性設置
5.6.1 width/height屬性
5.6.2 max-width/max-height屬性
5.6.3 min-width/min-height屬性
5.7 應用CSS實現列表屬性設置
5.7.1 list-style-type屬性
5.7.2 list-style-image屬性
5.7.3 list-style-position屬性
5.7.4 list-style屬性
5.8 應用CSS實現表格屬性設置
5.8.1 border-collapse屬性
5.8.2 border-spacing屬性
5.8.3 caption-side屬性
5.8.4 empty-cells屬性
5.8.5 tableLayout屬性
5.9 綜合案例
本章小結
習題與實踐
第6章 CSS盒模型與布局屬性
6.1 CSS盒模型概述
6.2 應用CSS實現內邊距、外邊距屬性設置
6.2.1 內邊距屬性
6.2.2 外邊距屬性
6.3 應用CSS實現邊框、輪廓屬性設置
6.3.1 邊框屬性
6.3.2 輪廓樣式屬性
6.4 應用CSS實現浮動屬性設置
6.4.1 設置浮動
6.4.2 清除浮動
6.5 應用CSS實現定位屬性設置
6.5.1 定位類型屬性
6.5.2 定位位置屬性
6.5.3 z.index屬性
6.5.4 定位案例
6.6 綜合案例
本章小結
習題與實踐
第7章 JavaScript基礎語法
7.1 初探JavaScript
7.1.1 JavaScript概念及特點
7.1.2 JavaScript開發環境和編寫工具
7.2 編寫一個JavaScript實例
7.2.1 利用標簽的language屬性放入JavaScript代碼
7.2.2 利用標簽的src屬性引入外部js文件
7.3 明晰JavaScript詞法結構
7.3.1 標識符和命名規則
7.3.2 變量與常量
7.4 應用JavaScript運算符
7.4.1 運算符概念
7.4.2 算術和賦值運算符
7.4.3 賦值運算符
7.4.4 字符串運算符
7.4.5 比較運算符
7.4.6 邏輯運算符
7.4.7 運算符優先級
7.5 應用JavaScnpt數據類型
7.5.1 數值型
7.5.2 字符串類型
7.5.3 布爾型
7.5.4 空值型
7.5.5 未定義值
7.6 使用JavaScljpt選擇結構
7.6.1 選擇結構
7.6.2 循環結構
7.7 控制關鍵字
7.8 使用JavaScript函數
7.8.1 函數的定義
7.8.2 函數的調用
7.9 綜合案例
本章小結
習題與實踐
第8章 JavaScript數據結構
8.1 JavaScript數組的使用
8.1.1 數組的定義
8.1.2 數組的應用
8.2 JavaScdpt對像的使用
……
本書緊貼互聯網行業發展對Web前端開發工程師崗位的新要求,以基礎知識、實例、綜合案例相結合的方式繫統地講解了如何使用HTMI、CSS、JavaScript進行Web前端頁面開發。本書依據1+x證書《Web前端開發職業技能等級標準》(初級)進行內容設計,注重理實結合,以職業能力為核心構建出9章內容,包括Web技術概述、HTML基礎、HTM素、HTML表單頁面、CSS選擇器與常用屬性、CSS盒模型與布局屬性、JavaScript基礎語法、JavaScript數據結構、JavaScript事件與:DOM操作。本書配有微課視頻、電子課件(PPT)、案例源代碼、試題庫等數字化教學資源,學習者可以通過掃描書中二維碼觀看教學視頻。本書可作為高職高專、本科層次職業教育試點學校、應用型本科高校計算機類相關專業的教材,亦可作為1+x“Web前端開發”職業技能等級證書的考前培訓或自修教材,還等