本書以基礎知識與示例、實戰(zhàn)案例相結合的方式詳盡講述了HTML、CSS、JavaScript及目前新的前端技術,旨在讓學生領會Web前端設計的基本理論知識,掌握通用Web前端的設計開發(fā)原理、方法和基本流程等,具有Web前端設計分析和開發(fā)的綜合能力,能夠運用數學、自然科學、工程基礎和專業(yè)知識分析和解決Web前端的設計開發(fā)問題。本書可作為高等學校信息管理與信息系統(tǒng)、計算機科學與技術、軟件工程、大數據分析與應用、網絡工程、信息科學技術、數字媒體技術及其他相關專業(yè)教材,或作為“Web前端開發(fā)技術”“網頁設計與開發(fā)”“網站建設與網頁制作”“Web客戶端編程”等計算機公共基礎課程教學的教材,也可作為IT相關崗位工程技術人員的參考用書,還可作為初學者的自學讀本。
第1章 Web 前端概述
1.1 萬維網基礎
1.2 Web標準
1.3 制作標準化網頁文檔的方法
第一部分 頁面的“骨架”——HTML技術
第2章 HTML基礎
2.1 HTML概述
2.2 HTML結構標簽
2.3 HTML全局屬性
第3章 HTML頭部標簽
3.1 頭部標簽
3.2 頭部標簽的屬性
3.3 可在頭部標簽內部使用的標簽
3.4 網頁頭部標簽分析實例
第4章 HTML主體標簽
4.1 (body)標簽
4.2 段落結構化標簽
4.3 字符格式化標簽
4.4 列表標簽
4.5 圖像標簽(img)
4.6 畫布標簽(canvas)
第5章 超鏈接
5.1 定義和用法
5.2 鏈接的常用屬性
5.3 鏈接的類型
5.4 鏈接的外觀
第6章 表格
6.1 表格中使用的標簽
6.2 其他可選的表格標簽
6.3 表格的屬性
第7章 無插件播放多媒體
7.1 定義和用法
7.2 音頻標簽(audio)
7.3 視頻標簽(video)
第8章 表單
8.1 表單標簽(form)
8.2 輸入元素
8.3 列表框標簽
8.4 大段文本輸入框標簽(textarea)
8.5 文本標簽(label)
第二部分 頁面的“美圖”——CSS技術
第9章 CSS基礎
9.1 CSS語法
9.2 CSS的用法
9.3 CSS的多重樣式
9.4 CSS選擇器
9.5 CSS注釋
9.6 CSS的層疊
9.7 CSS值和單位
9.8 CSS屬性
第10章 CSS的布局
10.1 CSS框模型
10.2 CSS布局
10.3 CSS定位
10.4 浮動元素
10.5 CSS布局實例
第11章 CSS3
11.1 CSS3選擇器
11.2 CSS3邊框
11.3 CSS3背景
11.4 CSS3字體
11.5 CSS3文本效果
11.6 CSS3動畫
11.7 下拉菜單
11.8 CSS3多列布局
11.9 CSS3用戶界面
11.10 CSS3響應式設計
第12章 網站結構與外觀案例分析
12.1 微信官網(https://weixin.qq.com/)
12.2 暴雪戰(zhàn)網(https://www.blizzardgames.cn/zh/)
第三部分 頁面的“行為”——JavaScript技術
第13章 JavaScript基礎知識
13.1 在HTML中使用JavaScript
13.2 JavaScript 輸出
13.3 變量、常量和數據類型
13.4 運算符和表達式
13.5 常用語句
第14章 JavaScript對象
14.1 String字符串對象
14.2 Array 數組對象
14.3 JavaScript數學
14.4 Date日期
14.5 Function函數
14.6 JavaScript自定義對象
14.7 JavaScript window對象
第15章 HTML DOM對象
15.1 HTML DOM節(jié)點
15.2 HTML DOM屬性
15.3 HTML DOM方法
15.4 HTML DOM元素的動態(tài)操縱
15.5 HTML DOM事件
15.6 干預系統(tǒng)的事件處理機制
第四部分 擴展閱讀部分
第16章 jQuery
16.1 jQuery基礎
16.2 jQuery語法
第17章 Vue.js
第18章 React.js
參考文獻