Web前端開發技術——HTML5、CSS3、JavaScript（第4版·題庫·微課視頻

本書緊扣互聯網行業發展對Web前端開發工程師職業的新要求，結合多年來各高校教學的反饋意見和建議，在第3版的基礎上新增12個大思政案例、8個小思政實驗項目，優化5個綜合案例，對相關標記語法和示範案例進行更新與補充。全書詳細地介紹 HTML、CSS、DIV、HTML5 基礎和 CSS3 應用、JavaScript、DOM與BOM、HTML5高級應用等內容。 本書內容結構合理、由淺入深，循序漸進地引導讀者快速入門，並能提高初級及以上讀者的實際應用水平，使其快速適應Web前端開發工程師職業的新需求。 本書可作為高等學校電腦科學與技術、軟件工程、信息管理與信息系統、網絡工程、物聯網工程、信息科學技術、數字媒體技術、數據科學與大數據技術及其他文、理科相關專業或電腦公共基礎的“網頁開發與設計”“網站建設與網頁製作”“Web客戶端編程”“Web前端開發技術”“Web應用技術”等課程的教材，也可作為IT相關崗位的工程技術人員的參考書，還可作為初學者的自學參考書。

目錄

第1章Web前端開發技術綜述

1．1Web概述

1．1．1Web的起源

1．1．2Web的特點

1．1．3Web的工作原理

1．1．4Web的相關概念

1．2Web前端開發工程師的職業需求

1．2．1Web前端開發的由來

1．2．2Web前端開發工程師的職業要求

1．3Web前端開發技術

1．3．1HTML

1．3．2CSS

1．3．3JavaScript

1．4Web前端開發工具

1．4．1Visual Studio Code

1．4．2HBuilder X

1．5瀏覽器工具

1.5.1Microsoft Edge

1．5．2Google Chrome

1．5．3Mozilla Firefox

1．5．4Safari

1．5．5Opera

〖2〗

〖2〗

1．6思政案例1——社會主義核心價值觀

本章小結

練習1

實驗1

第2章HTML基礎

2．1HTML文檔的結構

2．2頭部head

2．2．1標題title標記

2．2．2元信息meta標記

2．3主體body

2．3．1body標記

2．3．2body標記的屬性

2．4HTML基本語法

2．4．1標記的類型

2．4．2HTML屬性

2．5註釋

2．6HTML文檔的編寫規範

2．6．1HTML代碼的書寫規範

2．6．2HTML文檔的命名規則

2．7HTML文檔的類型

2．7．1!doctype標記

2．7．2HTML5的DTD定義

2．8思政案例2——傳統美德故事： 鐵杵磨成針

本章小結

練習2

實驗2

第3章格式化文本與段落

3．1Web頁面初步設計

3．1．1向Web頁面中添加文字信息

3．1．2標題字標記

3．1．3添加空格與特殊符號

3．2格式化文本標記

3．2．1文本修飾標記

3．2．2字體標記

3．3段落與排版標記

3．3．1段落標記

3．3．2換行標記

3．3．3水平分隔線標記

3．3．4拼音/音標註釋標記

3．3．5段落縮進標記

3．3．6預格式化標記

3．4思政案例3——公民基本道德規範

本章小結

練習3

實驗3

第4章列表

4．1列表概述

4．2無序列表

4．3有序列表

4．4列表嵌套

4．5定義列表

4．6思政案例4——中國傳統文化故事： 懸梁刺股

本章小結

練習4

實驗4

第5章超鏈接與浮動框架

5．1超鏈接概述

5．2超鏈接的語法、路徑及分類

5．2．1超鏈接的語法

5．2．2超鏈接的路徑

5．2．3超鏈接的分類

5．3超鏈接的應用

5．3．1創建HTTP文檔下載超鏈接

5．3．2創建FTP站點訪問超鏈接

5．3．3創建圖像超鏈接

5．3．4創建電子郵件超鏈接

5．3．5創建頁面書簽鏈接

5．4浮動框架

5．5思政案例5——公民基本道德規範詮釋

本章小結

練習5

實驗5

第6章圖像與多媒體文件

6．1圖像

6．1．1插入圖像

6．1．2設置圖像的替代文本

6．1．3設置圖像的高度和寬度

6．1．4設置圖像的邊框

6．1．5設置圖像的對齊方式

6．1．6設置圖像的間距

6．1．7設置圖像的熱區鏈接

6．2滾動文字

6．2．1添加滾動文字

6．2．2設置滾動文字的背景顏色與滾動循環

6．2．3設置滾動方向與滾動方式

6．2．4設置滾動速度與滾動延遲

6．2．5設置滾動範圍與滾動空白空間

6．3embed標記

6.4思政案例6——中國影響世界的十大傑出發明創造

本章小結

練習6

實驗6

第7章CSS基礎

7．1CSS概念

7．1．1CSS的基本概念

7．1．2傳統HTML的缺點

7．1．3CSS的特點

7．1．4CSS的優勢

7．1．5CSS的編輯方法

7．2使用CSS控制Web頁面

7．2．1CSS基本語法

7．2．2CSS選擇器類型

7．2．3CSS選擇器聲明

7．2．4CSS定義與引用

7．3CSS繼承與層疊

7.4思政案例7——預防冠狀病毒這樣做

本章小結

練習7

實驗7

第8章DIV與SPAN

8．1DIV圖層

8．1．1DIV定義

8．1．2DIV應用

8．2圖層嵌套與層疊

8．2．1DIV嵌套

8．2．2DIV層疊

8．3span標記

8．4思政案例8——經典勵志成語故事選編

本章小結

練習8

實驗8

第9章CSS樣式屬性

9．1CSS屬性值中的單位

9．1．1絕對單位

9．1．2相對單位

9．2CSS字體樣式

9．2．1字體大小fontsize屬性

9．2．2字體樣式fontstyle屬性

9．2．3字體系列fontfamily屬性

9．2．4字體變體fontvariant屬性

9．2．5字體粗細fontweight屬性

9．2．6字體font屬性

9．3CSS文本樣式

9．3．1字符間距、行距與首行縮進屬性

9．3．2字符裝飾、英文大小寫轉換屬性

9．3．3水平對齊、垂直對齊屬性

9．4CSS顏色與背景

9．4．1顏色color屬性

9．4．2背景background屬性

9．5CSS列表樣式

9．6CSS盒模型

9．6．1CSS盒模型結構

9．6．2邊界屬性設置

9．6．3邊框屬性設置

9．6．4填充屬性設置

9．7思政案例9——中華禮儀用語

本章小結

練習9

實驗9

第10章DIV+CSS頁面佈局

10．1頁面佈局設計

10．1．1“三行模式”和“三列模式”

10．1．2“三行二列模式”和“三行三列模式”

10．1．3多行多列復雜模式

10．2導航菜單設計

10．2．1對象的顯示與隱藏

10．2．2一級水平導航菜單

10．2．3二級水平導航菜單

10．3思政案例10——中華傳統文化典故

本章小結

練習10

實驗10

第11章表格

11．1表格概述

11．2表格標記

11．3表格的屬性設置

11．3．1表格屬性

11．3．2表格的邊框樣式屬性

11．3．3表格的單元格間距、單元格邊距屬性

11．3．4表格的水平對齊屬性

11．4設置表格行的屬性

11．5設置單元格的屬性

11．6表格的嵌套

11．7思政案例11——社會主義核心價值觀解讀

本章小結

練習11

實驗11

第12章表單

12．1表單概述

12．2定義域和域標題

12．3表單信息的輸入

12．3．1單行文本輸入框與密碼框

12．3．2復選框與單選按鈕

12．3．3圖像按鈕

12．3．4提交、重置及普通按鈕

12．3．5文件選擇框與隱藏框

12．4多行文本輸入框

12．5下拉列表框

12．6綜合案例1——通用會議註冊表

本章小結

練習12

實驗12

第13章HTML5基礎與CSS3應用

13．1HTML5概述

13．2HTML5文檔結構

13．2．1HTML5頁面結構

13．2．2HTML5新增的結構元素

13．3HTML5新增的頁面元素

13．3．1hgroup標記

13．3．2figure標記與figcaption標記

13．3．3mark標記與time標記

13．3．4details標記與summary標記

13．3．5progress標記與meter標記

13．3．6input標記與datalist標記

13．4HTML5表單

13．4．1HTML5新增的表單屬性

13．4．2HTML5新增的表單元素

13．4．3HTML5新增的input類型

13．5HTML5視頻與音頻

13．5．1video標記及屬性

13．5．2audio標記及屬性

13．6CSS3基礎應用

13．6．1CSS3新特性

13．6．2CSS3瀏覽器兼容性

13．6．3CSS3邊框

13．6．4CSS3轉換transform屬性

13．6．5CSS3過渡transition屬性

13．6．6CSS3動畫animation屬性

13．6．7CSS3多列屬性

13．6．8CSS3文本效果

13．7思政案例12——卧薪嘗膽

本章小結

練習13

實驗13

第14章JavaScript基礎

14．1JavaScript概述

14．1．1JavaScript簡介

14．1．2第一個JavaScript程序

14．1．3JavaScript放置的位置

14．2JavaScript程序

14．2．1語句和語句塊

14．2．2代碼

14．2．3消息對話框

14．2．4JavaScript註釋

14．3標識符和變量

14．3．1命名規範

14．3．2數據類型

14．3．3變量

14．3．4轉義字符

14．4運算符和表達式

14．4．1算術運算符和表達式

14．4．2關系運算符和表達式

14．4．3邏輯運算符和表達式

14．4．4賦值運算符和表達式

14．4．5位運算符和表達式

14．4．6條件運算符和表達式

14．4．7其他運算符和表達式

14．5JavaScript程序控制結構

14．5．1順序結構

14．5．2分支結構

14．5．3循環結構

14．6JavaScript函數

14．6．1常用系統函數

14．6．2自定義函數

14．6．3帶參數返回的return語句

14．6．4函數變量的作用域

14．7綜合案例2——手機批發業務產品選購

本章小結

練習14

實驗14

第15章JavaScript事件分析

15．1JavaScript事件概述

15．1．1事件類型

15．1．2事件句柄

15．1．3事件處理

15．1．4事件處理程序的返回值

15．2表單事件

15．2．1獲得焦點與失去焦點事件

15．2．2提交及重置事件

15．2．3改變及選擇事件

15．3鼠標事件

15．3．1鼠標單擊、雙擊事件

15．3．2鼠標移動事件

15．4鍵盤事件

15．5窗口事件

15．6綜合案例3——用戶註冊信息的驗證

本章小結

練習15

實驗15

第16章DOM和BOM

16．1JavaScript常用對象

16．1．1Array對象

16．1．2Date對象

16．1．3Math對象

16．1．4Number對象

16．1．5String對象

16．1．6Boolean對象

16．2HTML DOM

16．2．1DOM簡介

16．2．2DOM節點樹

16．2．3DOM節點

16．2．4DOM節點訪問

16．2．5DOM節點操作

16．3BOM

16．3．1window對象

16．3．2navigator對象

16．3．3screen對象

16．3．4history對象

16．3．5location對象

16．4綜合案例4——福彩投註站的投註小程序

本章小結

練習16

實驗16

第17章HTML5高級應用

17．1HTML5 Web Storage

17．1．1localStorage對象

17．1．2sessionStorage對象

17．1．3瀏覽器端數據庫IndexedDB

17．2HTML5 Canvas畫布

17．2．1canvas標記

17．2．2Canvas坐標

17．2．3Canvas路徑

17．2．4用Canvas繪制線段

17．2．5用Canvas繪制文本

17．2．6Canvas漸變

17．2．7用Canvas繪制圖像

17．3HTML5拖放

17．3．1設置元素為可拖放

17．3．2拖放事件

17．3．3dataTransfer對象

17．3．4拖放操作的實現步驟

17．4HTML5 Web Worker

17．4．1Web Worker的工作原理

17．4．2創建Web Worker文件

17．4．3創建Web Worker對象

17．4．4終止Web Worker

17．5綜合案例5——簡易圖書管理系統

本章小結

練習17

實驗17

參考文獻