Web前端設計基礎入門——HTML5、CSS3、JavaScript（微課視頻版）

“互聯網+”時代，各類Web應用大量涌現，業界對此有著廣泛需求。“Web前端設計基礎入門”是Web應用程序設計基礎，是一門工程性和實踐性非常強的電腦專業基礎課。 針對Web前端入門級課程的需求，本書循序漸進地介紹了Web前端的基本概念、基本原理和基本方法。主要內容包括Web系統概述、HTML網頁編程基礎、HTML5編程基礎、CSS樣式設計基礎、CSS高級樣式設計、JavaScript編程技術和DOM對象編程等內容，同時給出了大量實例。同時，為了落實“立德樹人”教育使命，教材每章都有“課程思政”元素，體現了Web 應用和創新的家國情懷，培養學生符合社會主義價值觀的Web信息系統的價值評判，遵守互聯網法律法規和Web工程師職業道德，培養學生在Web領域的專註和創新的工匠精神。 本書可以作為電腦類和信息類專業的教材，也可以作為對Web前端的初學者和技術人員的參考書。

目錄

隨書資源

第1章Web系統概述

1．1Internet介紹

1．1．1Internet的含義

1．1．2TCP/IP

1．1．3域名和域名解析

1．1．4中國域名服務器的安全問題

1．1．5URL

1．1．6MIME

1．1．7HTTP

1．2Web瀏覽器

1．2．1瀏覽器的主要組件

1．2．2瀏覽器的內核

1．2．3瀏覽器的工作原理

1．2．4國產瀏覽器及內核之路

1．3Web服務器和應用服務器

1．3．1Web服務器

1．3．2Apache服務器

1．3．3IIS服務器

1．3．4Nginx服務器

1．3．5Tomcat應用服務器

1．3．6WebSphere應用程序服務器

1．3．7WebLogic應用服務器

1．3．8國產Web應用服務器

1．4Web前端的主要技術概述

1．4．1HTML概述

1．4．2CSS概述

1．4．3JavaScript概述

1．4．4jQuery

1．4．5Bootstrap

1．4．6ECMAScript

習題

第2章HTML網頁編程基礎

2．1HTML 網頁

2．1．1HTML的誕生

2．1．2HTML的發展歷史

2．1．3HTML文件結構

2．1．4Web互聯網的中國貢獻

2．2HTML基本標簽

2．2．1元信息標簽meta

2．2．2文本標簽

2．2．3列表標簽

2．2．4表格標簽

2．2．5超鏈接標簽

2．2．6圖像標簽

2．3網頁表單和控件

2．3．1表單標簽

2．3．2label標簽

2．3．3input標簽

2．3．4textarea文本區域標簽

2．3．5下拉菜單

2．3．6fieldset分組框

2．4框架標簽

2．4．1幀標簽 

2．4．2浮動幀標簽

2．4．3noframes標簽

2．5互聯網企業價值觀

習題

第3章HTML5編程基礎

3．1HTML5 Web存儲

3．1．1localStorage持久化存儲

3．1．2sessionStorage臨時性存儲

3．1．3HTML5安全風險之WebStorage攻擊

3．2HTML5內容標簽

3．2．1datalist標簽

3．2．2details和summary標簽

3．2．3output標簽

3．2．4time標簽

3．2．5wbr標簽

3．3HTML5結構標簽

3．3．1!DOCTYPE標簽

3．3．2article標簽

3．3．3header標簽

3．3．4nav標簽

3．3．5section標簽

3．3．6aside標簽

3．3．7hgroup標簽

3．3．8figure標簽

3．3．9figcaption標簽

3．3．10footer標簽

3．3．11dialog標簽

3．3．12bdi和bdo標簽

3．4HTML5多媒體標簽

3．4．1video標簽

3．4．2audio標簽

3．4．3source標簽

3．4．4track標簽

3．4．5embed標簽

3．5HTML5狀態標簽

3．5．1meter標簽

3．5．2progress標簽

3．5．3mark標簽

3．6HTML5菜單標簽

3．6．1menu標簽

3．6．2menuitem標簽

3．6．3command標簽

3．7ruby註釋標簽

3．8canvasAPI 畫圖

3．8．1canvas的基本元素

3．8．2canvas設置畫布繪制狀態

3．8．3canvas繪制圖像

3．8．4canvas繪制圖形

3．8．5canvas 繪制文本

3．8．6canvas特效

3．8．7canvas圖形幾何變化

3．9HTML5地理定位

3．9．1使用地理定位

3．9．2處理地理定位錯誤

3．9．3指定地理定位選項

3．9．4監控位置

3．9．5地理定位的社會問題

3．9．6中國北鬥導航地圖的地理定位

習題

第4章CSS樣式設計基礎

4．1CSS 簡介

4．1．1CSS的誕生

4．1．2CSS的發展歷程

4．1．3CSS的作用

4．2CSS語法與使用

4．2．1CSS定義語法

4．2．2CSS的使用

4．2．3選擇符

4．3CSS樣式設計

4．3．1字體樣式

4．3．2文本樣式

4．3．3文本對齊

4．3．4顏色樣式

4．3．5列表樣式

4．3．6表格樣式

4．3．7鼠標樣式

4．4CSS樣式設計之美

4．4．1網頁樣式設計的演變

4．4．2網頁設計中的視覺設計

4．4．3CSS之美

習題

第5章CSS高級樣式設計

5．1filter濾鏡

5．2CSS3的變形

5．2．1translate平移

5．2．2scale縮放

5．2．3rotate旋轉

5．2．4skew斜拉

5．3transition過渡

5．4animation動畫

5．4．1animation 簡介

5．4．2animationname動畫名稱@keyframes

5．4．3animationdirection和animationplaystate

5．5CSS頁面佈局

5．5．1display屬性

5．5．2盒子模型

5．5．3標準文檔流

5．5．4浮動float樣式

5．5．5元素定位

5．5．6zindex空間中定位元素

5．5．7inlineblock佈局和浮動佈局對比

5．6基於中國風的Web樣式設計——文化和技術的融合

習題

第6章JavaScript編程技術

6．1JavaScript簡介

6．1．1JavaScript的誕生

6．1．2JavaScript的發展歷程

6．2JavaScript編程基礎

6．2．1JavaScript的使用方法

6．2．2語法規則

6．2．3運算符和表達式

6．2．4函數

6．2．5流程控制

6．2．6事件處理

6．3JavaScript對象編程

6．3．1Object類型

6．3．2Array對象

6．3．3String對象

6．3．4Math對象

6．3．5Number對象

6．3．6Date對象

6．4正則表達式

6．4．1常用的元字符

6．4．2復雜的正則表達式

6．4．3RegExp對象

6．4．4String對象的正則表達式方法

6．4．5常見的正則表達式

6．5JavaScript技術和應用創新

6．5．1JavaScript的技術創新

6．5．2JavaScript的應用創新

習題

第7章DOM對象編程

7．1文檔對象模型簡介

7．1．1DOM的誕生

7．1．2DOM的發展歷程

7．1．3DOM的重要思想

7．2瀏覽器的主要對象

7．2．1window對象

7．2．2navigator對象

7．2．3location對象

7．2．4history對象

7．2．5event對象

7．2．6document對象

7．3基於DOM的HTML元素操作

7．3．1訪問根元素

7．3．2訪問指定id屬性的元素

7．3．3訪問節點屬性

7．4基於DOM的應用創新

7．4．1基於DOM的網頁信息抽取

7．4．2基於DOM的反網絡釣魚

習題

第8章實驗

8．1Web前端開發工具和實驗環境

8．1．1Visual Stdio Code 開發工具

8．1．2頭歌實訓平臺的Web前端實驗環境

8．2HTML網頁設計實驗

8．3CSS樣式設計實驗

8．4JavaScript交互設計實驗

8．5綜合項目實驗

參考文獻