本教程的內容主要包括Java*、jQuery、HTML5、CSS3、移動網站開發、網站的發布和優化等。其中JavaScript、HTML5API和CSS3選擇器由於學習難度和瀏覽器兼容性的問題，根據現實中的應用場景進行了省略或縮減。本書中的內容基本可以保證讀者能夠完成絕大多數電腦網站和手機網站的前端的設計與實現。

基於以上思路，同時針對課程項目的構思、設計、實現、運行的總的過程設計，本教材共分為7章。

第1章對網站前端和課程項目做了總體的介紹，並對課程項目進行構思。

第2章主要介紹JavaScript，並對課程項目中基於JavaScript的網頁要素進行了設計和實現。

第3章主要介紹jQuery，並對課程項目中基於jQuery的網頁要素進行了設計和實現。

第4章主要介紹HTML5，使學生掌握HTML5的規範，掌握網頁的內容設計方法，並對課程項目進行整體的設計和布局實現。

第5章主要介紹CSS3，使學生掌握網頁的樣式設計方法，對課程項目的基於CSS3的網頁要素進行設計和實現。

第6章介紹了移動網站的設計和運行。使學生掌握移動網站的設計方法，能夠完成課程項目的手機版本的實現和運行。

第7章介紹了網站的優化和發布，使學生掌握網站的優化技巧，對課程項目的電腦版、手機版進行優化，在服務器上發布和運行課程項目。

第1章項目導學1

1.1項目背景2

1.1.1技術背景2

1.1.2業務背景3

1.2項目構思3

1.3項目分析與項目基本規範4

1.3.1需求分析4

1.3.2網站目錄結構5

1.3.3瀏覽器6

1.3.4HTML規範6

1.3.5CSS規範8

1.3.素設計10

1.3.7前端工具軟件12

1.4小結13

實踐環節設計14

習題14

第2章 JavaScript16

2.1JavaScript基礎17

2.1.1語法18

2.1.2運算符19

2.1.3控制和循環語句20

2.2函數和事件22

2.2.1JavaScript函數22

2.2.2JavaScript事件23

2.2.3修改HTML和CSS24

2.2.4出錯處理28

2.2.5圖像裝入出錯處理29

2.3對像30

2.4數組35

2.5表單校驗38

2.6定時器41

2.7小結46

實踐環節設計47

習題47

第3章jQuery48

3.1jQuery概述49

3.2使用jQuery的方法49

3.3HTML DOM結構50

3.4jQuery基礎51

3.4.1基本選擇器52

3.4.2ready函數52

3.4.3基本方法53

3.4.4選擇器54

3.4.5事件處理57

3.4.6常用方法59

3.5基於JavaScript素設計68

3.5.1hover效果68

3.5.2下拉菜單73

3.5.3tab選項卡80

3.5.4手風琴效果87

3.5.5遮罩90

3.6jQuery動畫92

3.7jQuery插件102

實踐環節設計105

小結105

第4章HTML5107

4.1HTML5概述108

4.2HTML5基本結構108

4.3HTML素109

4.4常用HTML素111

4.5表單112

4.6canvas畫布113

實踐環節設計114

習題114

第5章CSS3115

5.1CSS3概述116

5.2陰影與圓角116

5.3CSS3背景118

5.4CSS3 動畫120

5.5CSS3變形125

5.6小結132

實踐環節設計132

習題132

第6章移動網站開發133

6.1移動網站開發概述134

6.2網頁布局134

6.3內容設計135

6.4JavaScript142

6.4.1移動平臺上的JavaScript庫142

6.4.2觸屏JavaScript事件142

6.5小結143

實踐環節設計143

習題144

第7章網站的發布與優化145

7.1網站測試146

7.2網站前端的優化146

7.2.1SEO146

7.2.2CDN146

7.2.3服務器端優化147

7.2.4文件的壓縮147

7.2.5代碼規範147

7.3網站的發布148

7.3.1WWW服務器148

7.3.2FTP148

7.3.3項目發布149

實踐環節設計151

習題151

附錄學習知識要點及能力要點152

參考文獻154