HTML5網頁前端設計（第2版）-微課視頻版

《 HTML5網頁前端設計（第2版）-微課視頻版》是清華大學出版社出版的圖書，作者是周文潔。

基本介紹

• 書名：HTML5網頁前端設計（第2版）-微課視頻版 
• 作者：周文潔
• 出版社：清華大學出版社
• 出版時間：2021年2月1日
• 定價：59.8 元
• ISBN：9787302553588 

內容簡介

本書是一本從零開始學習的Web前端開發教材，無需額外的基礎。全書以項目驅動為宗旨，詳細介紹HTML5、CSS3與JavaScript的基礎知識與使用技巧。本書包含203個例題，均在瀏覽器中調試通過。作者為書中所有例題以及最後一章的綜合設計實例精心錄製了總計900分鐘的視頻講解，包括視頻檔案212個。 本書還提供豐富的配套資源，包括教學大綱、教學課件、電子教案、例題原始碼、課後習題答案、教學講度表。

圖書目錄

第一部分基礎知識篇

第1章緒論

1.1Web原理基礎

1.1.1Internet與全球資訊網

1.1.2Web架構

1.1.3Web套用

1.2Web前端技術基礎

1.2.1HTML技術

1.2.2CSS技術

1.2.3JavaScript技術

1.3Web前端新技術

1.3.1HTML5技術

1.3.2CSS3技術

1.4Web開發工具

1.4.1Adobe Dreamweaver

1.4.2Sublime Text

1.4.3NodePad++

1.4.4EditPlus

1.5Web技術的前景與展望

1.5.1Flash的興衰

1.5.2HTML5的前景

1.5.3未來展望

1.6本章小結

習題1

第2章HTML5基礎

2.1HTML5基本結構

2.1.1文檔類型聲明!DOCTYPE

2.1.2根標籤html

2.1.3首部標籤head

2.1.4主體標籤body

2.1.5HTML5文檔注釋

2.1.6HTML5文檔規範

2.1.7HTML4.01轉換為HTML5

2.2HTML5保留的常用標籤

2.2.1基礎標籤

2.2.2文本格式標籤

2.2.3列表標籤

2.2.4圖像標籤

2.2.5超連結標籤

2.2.6表格標籤

2.2.7框架標籤

2.2.8容器標籤

2.3HTML5新增的常用標籤

2.3.1HTML5新增文檔結構標籤

2.3.2HTML5新增格式標籤

2.4HTML5新增API

2.5本章小結

習題2

第3章CSS基礎

3.1CSS樣式表

3.1.1內聯樣式表

3.1.2內部樣式表

3.1.3外部樣式表

3.1.4樣式表層疊優先權

3.2CSS選擇器

3.2.1元素選擇器

3.2.2ID選擇器

3.2.3類選擇器

3.2.4屬性選擇器

3.3語法規則

3.3.1注釋語句

3.3.2@charset

3.3.3!important

3.4CSS取值與單位

3.4.1數字

3.4.2長度

3.4.3角度

3.4.4時間

3.4.5文本

3.4.6顏色

3.5CSS常用樣式

3.5.1CSS背景

3.5.2CSS框模型

3.5.3CSS文本

3.5.4CSS字型

3.5.5CSS超連結

3.5.6CSS列表

3.5.7CSS表格

3.6CSS定位

3.6.1絕對定位

3.6.2相對定位

3.6.3層疊效果

3.6.4浮動

3.7本章小結

習題3

第4章JavaScript基礎

4.1JavaScript的使用

4.1.1內部JavaScript

4.1.2外部JavaScript

4.2JavaScript的語法

4.2.1JavaScript的大小寫

4.2.2JavaScript分號

4.2.3JavaScript注釋

4.2.4JavaScript代碼塊

4.3JavaScript變數

4.3.1變數的聲明

4.3.2變數的命名規範

4.3.3JavaScript關鍵字和保留字

4.4JavaScript基本數據類型

4.4.1Undefined類型

4.4.2Null類型

4.4.3String類型

4.4.4Number類型

4.4.5Boolean類型

4.5JavaScript運算符

4.5.1賦值運算符

4.5.2算術運算符

4.5.3邏輯運算符

4.5.4關係運算符

4.5.5相等性運算符

4.6JavaScript條件語句

4.6.1if語句

4.6.2switch語句

4.7JavaScript函式

4.7.1函式的基本結構

4.7.2函式的調用

4.7.3函式的返回值

4.8文檔對象模型

4.8.1查找HTML元素

4.8.2DOM HTML

4.8.3DOM CSS

4.8.4DOM事件

4.8.5DOM節點

4.9本章小結

習題4

第二部分重點篇

第5章HTML5拖放API

5.1HTML5新增拖放API

5.2瀏覽器支持情況

5.3HTML5拖放API的套用

5.3.1DragEvent事件

5.3.2DataTransfer對象

5.3.3拖放元素過程

5.3.4自定義拖放圖示

5.3.5自定義拖放行為

5.3.6本地檔案的拖放

5.4本章小結

習題5

第6章HTML5表單API

6.1HTML表單基礎

6.1.1表單標籤form

6.1.2輸入標籤input

6.1.3標記標籤label

6.1.4多行文本標籤textarea

6.1.5列表標籤select

6.1.6按鈕標籤button

6.1.7域標籤fieldset和域標題標籤legend

6.2HTML5表單新特性

6.2.1HTML5表單新增輸入類型

6.2.2HTML5表單新增元素標籤

6.2.3HTML5表單新增屬性

6.3本章小結

習題6

第7章HTML5畫布API

7.1畫布概述

7.1.1HTML5畫布

7.1.2畫布坐標

7.1.3主流瀏覽器支持情況一覽

7.2HTML5畫布API的套用

7.2.1檢查瀏覽器支持情況

7.2.2創建畫布

7.2.3畫布繪製方法

7.2.4繪製路徑

7.2.5繪製矩形

7.2.6繪製圖片

7.2.7繪製文本

7.2.8顏色與樣式

7.2.9保存和恢復

7.2.10變形

7.2.11剪裁

7.3本章小結

習題7

第8章HTML5媒體API

8.1HTML5媒體API概述

8.1.1HTML5音頻和視頻

8.1.2HTML5媒體支持的格式

8.2主流瀏覽器支持情況一覽

8.2.1對HTML5音頻的支持情況

8.2.2對HTML5視頻的支持情況

8.3HTML5音頻的套用

8.3.1HTML5音頻的基本格式

8.3.2檢查瀏覽器支持情況

8.3.3音頻來源多樣性

8.3.4自定義音頻控制

8.4HTML5視頻的套用

8.4.1HTML5視頻的基本格式

8.4.2檢查瀏覽器支持情況

8.4.3視頻來源多樣性

8.4.4自定義視頻控制

8.5HTML5媒體API其他通用功能

8.5.1標記媒體播放時間範圍

8.5.2跳轉媒體播放時間點

8.5.3獲取媒體播放時間

8.5.4終止媒體檔案的下載

8.5.5使用Flash播放器

8.6本章小結

習題8

第9章HTML5地理定位API

9.1位置信息

9.1.1經緯度坐標

9.1.2位置信息的來源

9.2主流瀏覽器支持情況一覽

9.3HTML5地理位置API的套用

9.3.1檢查瀏覽器支持情況

9.3.2Geolocation接口

9.3.3獲取當前定位

9.3.4實時更新定位

9.4本章小結

習題9

第10章HTML5 Web存儲API

10.1Web存儲技術概述

10.1.1HTTP cookie存儲

10.1.2HTML5 Web存儲

10.2主流瀏覽器支持情況

10.3HTML5 Web存儲 API的套用

10.3.1檢查瀏覽器支持情況

10.3.2Storage接口

10.3.3localStorage與sessionStorage

10.3.4存儲數據

10.3.5讀取指定數據

10.3.6數據遍歷

10.3.7刪除指定數據

10.3.8清空所有數據

10.4本章小結

習題10

第三部分提高篇

第11章CSS3技術

11.1CSS3框線和背景效果

11.1.1CSS3框線

11.1.2CSS3背景效果

11.2CSS3文本和字型效果

11.2.1CSS3文本

11.2.2CSS3字型

11.3CSS3變形與動畫效果

11.3.1CSS3 2D變形

11.3.2CSS3 Transition動畫

11.3.3CSS3 Animation動畫

11.4CSS3多列

11.4.1columns

11.4.2columngap

11.4.3columnrule

11.5本章小結

習題11

第12章綜合套用設計實例

12.1項目簡介

12.2整體布局設計

12.3網站頁眉實現

12.4選單導航欄實現

12.4.1選單欄目的實現

12.4.2搜尋框的實現

12.5主體內容第一行實現

12.5.1左側面板的實現

12.5.2右側面板上方的實現

12.5.3右側面板下方的實現

12.6主體內容第二行實現

12.7網站頁腳實現

12.7.1頁腳1的實現

12.7.2頁腳2的實現

12.8完整代碼展示

附錄AHTML5元素標籤對照表

附錄BHTML5事件屬性對照表

附錄CCSS3顏色名稱對照表