Web設計原理與實踐——基於HTML5的開發方法（微課視頻版）

本書系統論述Web設計原理與實踐方法（含紙質圖書、電子書、教學課件與視頻教程）。全書共分為三篇：第一篇HTML5基礎（第1~3章），介紹了開發環境搭建、第一個HTML程序、HTML語法基礎、HTML編碼規範等; 第二篇CSS3基礎（第4章），介紹了CSS的盒子模型、頁面佈局的Float方法、Flex方法、Grid方法、CSS動畫等; 第三篇JavaScript基礎及進階（第5～11章），介紹了JavaScript語法基礎、Canvas、Video和Audio、Web Storage、Drag&Drop、Web Workers等；本書的每章都有一個實戰項目和多道思考題。 為便於讀者高效學習，快速掌握Web前端編程與實踐。本書作者精心製作了配套教學和參考資料， 包括：完整的教學課件（11個章節對應的PPT）、完整的思考題目的答案、完整的源代碼（每個章節實戰題目的代碼）與豐富的配套視頻教程（11個章節對應的教學視頻）等內容。 本書適合作為廣大高校Web設計及開發相關課程的教材，也可以作為Web前端技術開發者的自學參考用書。

目錄

第1章緒論

1.1Web開發概述

1.1.1需求分析階段

1.1.2方案制定階段

1.1.3草圖設計階段

1.1.4UI設計階段

1.1.5原型設計與開發階段

1.1.6系統開發階段

1.1.7測試上線階段

1.2Web前端開發中的基本知識

1.2.1HTML

1.2.2CSS

1.2.3JavaScript

1.3HTML5的概念與新特性

1.3.1HTML5的概念

1.3.2HTML5的新特性

本章小結

思考題

第2章開發環境

2.1瀏覽器與編輯器

2.1.1瀏覽器

2.1.2文本編輯器

2.1.3IDE

2.2包管理器與自動化構建工具

2.2.1包管理器

2.2.2自動化構建工具

本章小結

思考題

第一篇HTML5基礎

第3章HTML5的標簽與標簽屬性

3.1語義標簽

3.1.1HTML5中的語義標簽

3.1.2HTML5中的語義標簽程序實例

3.2標簽屬性

3.2.1HTML5中的新標簽屬性及值

3.2.2HTML5中的標簽屬性程序示例

3.3HTML5語法驗證與瀏覽器支持

3.3.1HTML5語法是否符合規範的驗證方法

3.3.2HTML5標簽與標簽屬性的瀏覽器支持情況

本章小結

思考題

第二篇CSS3基礎

第4章CSS

4.1盒子模型

4.1.1盒子模型的概念

4.1.2一個DIV的程序示例

4.2CSS的頁面佈局

4.2.1CSS中的float佈局方法

4.2.2CSS中的flex佈局方法

4.2.3CSS中的grid佈局方法

4.3CSS中的動畫

4.3.1transform與transition

4.3.2關鍵幀動畫的概念

4.3.3CSS動畫程序示例

本章小結

思考題

第三篇JavaScript基礎及進階

第5章JavaScript核心知識

5.1JavaScript基本語法

5.1.1變量和數據類型

5.1.2操作符和控制語句

5.1.3JavaScript程序示例

5.2JavaScript的面向對象編程

5.2.1JavaScript面向對象編程的概念和原則

5.2.2JavaScript面向對象編程的程序示例

5.3JavaScript的函數式編程

5.3.1JavaScript函數式編程的概念和原則

5.3.2JavaScript函數式編程的程序示例

5.4ES6基礎知識

5.4.1ES6的主要特性

5.4.2ES6程序示例

本章小結

思考題

第6章HTML5之canvas

6.1canvas API的使用要點

6.1.1canvas的上下文對象

6.1.2用canvas創建點、線和麵

6.1.3給canvas增加色彩

6.1.4canvas的其他常用方法

6.1.5canvas程序示例

6.2使用canvas創建動畫

6.2.1創建canvas動畫的基本方法

6.2.2canvas動畫程序示例

本章小結

思考題

第7章HTML5之video和audio

7.1video API的使用

7.1.1video標簽的不同屬性

7.1.2video API的使用要點

7.1.3video API程序示例

7.2audio API的使用

7.2.1audio標簽的不同屬性

7.2.2audio API的使用要點

7.2.3audio API程序示例

本章小結

思考題

第8章HTML5之Web Storage

8.1Web Storage的概念與分類

8.1.1Web Storage的概念

8.1.2Web Storage的分類

8.2localStorage的程序示例

8.3indexedDB程序示例

本章小結

思考題

第9章HTML5之drag & drop

9.1drag & drop的基本概念

9.1.1drag & drop的原理和過程

9.1.2drag & drop的基本用法

9.2drag & drop的程序實例

本章小結

思考題

第10章HTML5之Web Workers

10.1Web Workers的基本概念

10.1.1單線程和多線程

10.1.2Web Workers的基本用法

10.2Web Workers的程序實例

本章小結

思考題

第11章前端總結與展望

11.1Web前端開發的總結與展望

11.1.1Web前端開發的知識總結

11.1.2Web前端開發的知識展望

11.2接下來要學習什麽

本章小結

思考題

參考文獻