第1章物聯網與開發技術概述1
1.1物聯網的概念1
1.1.1物聯網的定義1
1.1.2物聯網的發展過程2
1.1.3物聯網的特征3
1.2物聯網的繫統結構4
1.2.1感知層5
1.2.2傳輸層5
1.2.3支撐層5
1.2.4應用層5
1.3物聯網應用開發技術5
1.3.1感知層技術5
1.3.2傳輸層技術6
1.3.3支撐層技術7
1.3.4應用層技術7
習題8
第2章智能家居Web應用概述9
2.1智能家居行業分析9
2.1.1智能家居概述9
2.1.2智能家居的發展狀況10
2.1.3智能家居的應用前景12
2.2繫統方案設計與分析12
2.2.1繫統總體框架設計12
2.2.2繫統功能需求分析13
2.3智能家居功能模塊分析16
2.3.1環境監測功能模塊分析16
2.3.2電器控制功能模塊分析18
2.3.3安全防護功能模塊分析20
2.3.4智能能耗功能模塊分析222.4繫統部署與運行測試24
2.4.1繫統軟硬件部署24
2.4.2繫統操作與測試25
習題26
第3章HTML頁面設計27
3.1HTML設計概述27
3.1.1HTML簡介27
3.1.2HTML文本設置32
3.1.3HTML圖像處理36
3.1.4HTML顏色設置38
3.2HTML列表與框架40
3.2.1HTML鏈接40
3.2.2HTML頭部信息45
3.2.3HTML列表46
3.2.4HTML框架48
3.3HTM素52
3.3.1HTML表格52
3.3.2HTML區塊55
3.3.3HTML布局56
3.3.4HTML表單59
3.4項目案例64
3.4.1項目目標64
3.4.2案例描述64
3.4.3案例要點64
3.4.4案例實施64
習題67
第4章CSS樣式表設計68
4.1CSS設計概述68
4.1.1CSS概述和基本用法68
4.1.2CSS創建71
4.1.3CSS選擇器73
4.2CSS樣式與定位82
4.2.1CSS樣式82
4.2.2CSS框模型94
4.2.3CSS定位1024.2.4CSS浮動105
4.2.5CSS動畫110
4.3CSS響應式設計112
4.3.1CSS響應式設計概述112
4.3.2網格視圖112
4.3.3媒體查詢116
4.3.4響應式圖片117
4.4項目案例120
4.4.1項目目標120
4.4.2案例描述120
4.4.3案例要點120
4.4.4案例實施120
習題125
第5章JavaScript編程126
5.1JavaScript概述126
5.1.1JavaScript簡介126
5.1.2引入JavaScript文件128
5.1.3JavaScript語法基礎130
5.2JavaScript基礎編程137
5.2.1數據類型137
5.2.2變量139
5.2.3運算符140
5.2.4基本語句142
5.2.5函數150
5.3JavaScript對像156
5.3.1JavaScript對像簡介156
5.3.2內置對像157
5.3.3JavaScript處理事件159
5.3.4存儲機制160
5.4BOM和DOM163
5.4.1DOM簡介163
5.4.2DOM HTML164
5.4.3BOM簡介166
5.5項目案例169
5.5.1項目目標169
5.5.2案例描述1695.5.3案例要點169
5.5.4案例實施170
習題174
第6章Web開發框架與插件175
6.1Bootstrap開發概述175
6.1.1Bootstrap簡介175
6.1.2Bootstrap的環境安裝175
6.1.3Bootstrap的文件結構176
6.1.4Bootstrap的基本使用177
6.2jQuery開發概述184
6.2.1jQuery簡介184
6.2.2jQuery選擇器186
6.2.3jQuery事件187
6.2.4jQuery操作HTML188
6.3Web圖表應用192
6.3.1Web圖表庫簡介192
6.3.2Highcharts的使用194
6.3.3FusionCharts的使用201
6.4項目案例209
6.4.1項目目標209
6.4.2案例描述209
6.4.3案例要點209
6.4.4案例實施209
習題218
第7章Web應用物聯網中間件219
7.1物聯網Web應用框架219
7.1.1智雲物聯平臺簡介219
7.1.2ZXBee數據通信協議224
7.1.3通信協議參數定義227
7.2智雲Web開發接口229
7.2.1智雲Web應用接口229
7.2.2智雲開發調試工具234
7.2.3實時連接接口分析238
7.2.4歷史數據接口分析2407.3項目案例241
7.3.1項目目標241
7.3.2案例描述241
7.3.3案例要點242
7.3.4案例實施242
習題253

21世紀，什麼技術將影響人類的生活？什麼產業將決定國家的發展？信息技術與信息產業是的答案。高等學校學生是國家的後備軍，我國教育行政部門在高校中普及信息技術與軟件工程教育。經過多所高校的實踐，信息技術與軟件工程教育受到高校師生的普遍歡迎，取得了很好的教學效果。然而也存在一些不容忽視的共性問題，其中突出的是教材問題。
從近兩年信息技術與軟件工程教育研究來看，許多任課教師都提出目前教材不合適，具體體現在： 一是來自信息技術與軟件工程專業的術語很多，對於沒有這些知識背景的學生學習起來具有一定難度；二是書中案例比較匱乏，與企業的實際情況相差太遠，致使案例可參考性差；三是缺乏具體的課程實踐指導和真實項目。因此，針對高校信息技術與軟件工程課程的教學特點與需求，編寫適用的規範化教材已刻不容緩。
本書就是針對以上問題編寫的，作者希望推廣一種有效的學習方法與培訓捷徑，這就是ProjectDriven Training，也就是用項目實踐來帶動理論的學習（也稱作“做中學”）。基於此，本書圍繞一個物聯網項目案例來貫穿Web應用開發各個模塊的理論講解，內容包括物聯網與開發技術概述、智能家居Web應用概述、HTML頁面設計、CSS樣式表設計、JavaScript編程、Web開發框架與插件、Web應用物聯網中間件。通過項目實踐，可以對技術應用有明確的目的性（為什麼學），對技術原理更好地融會貫通（學什麼），也可以更好地檢驗學習效果（學得怎樣）。
本書主要特色如下。
（1） 重項目實踐。
作者多年項目開發的經驗體會是“IT是做出來的，不是想出來的”，理論雖然重要，但一定要為實踐服務。以項目為主線，帶動理論的學習是好、快、有效的方法。通過此書，作者希望讀者對Web開發技術和流程有整體了解，減少對項目的盲目感和神秘感，能夠按照本書的體繫循序漸進地動手做出自己的真實項目來。
（2） 重理論要點。
本書以項目實踐為主線，著重介紹Web開發理論中重要、精華的部分，以及它們之間的融會貫通；而不是面面俱到，沒有重點和特色。讀者首先通過項目把握整體概貌，再深入局部細節，繫統學習理論；然後不斷優化和擴展細節，完善整體框架和改進項目。本書既有整體框架，又有重點理論和技術。一書在手，思路清晰，項目無憂。
為了便於教學，本書配有教學課件，讀者可以從清華大學出版社網站（www.tup.com.cn）下載。
本書作者梁立新的工作單位是深圳技術大學，本書獲得深圳技術大學的大力支持和教材出版資助，在此表示感謝。
鋻於作者的水平有限，書中難免有不足之處，敬請廣大讀者批評指正。 
梁立新2022年1月