周文潔編著的《HTML5網頁前端設計實戰/Web前
端開發技術叢書》是《HTML5網頁前端設計》一書的
配套實戰項目教程，也可單獨為具有一定Web前端基
礎的讀者使用。本書的電子資源包括全套例題源代碼
可供讀者下載。
全書共包含10章，每章均配套兩個實例項目。全
部內容可分為以下4個部分：
第一部分是基礎知識篇，包括第1、2章的內容。
其中，第1章是HTML+CSS基礎項目，介紹導航菜單與
商務風格表格的設計與實現；第2章是JavaScript基
礎項目，介紹電子時鐘與電子日歷的設計與實現。
第二部分是重點篇，包括第3～8章的內容。這6
章分別介紹基於HTML5拖放API、表單API、畫布API、
媒體API、地理定位API以及Web存儲API的項目案例。
其中較有特色的綜合項目有手繪時鐘、拼圖遊戲、網
頁日志本、音樂播放器、在線教學視頻等。
第三部分是提高篇，包括第9章的內容。第9章是
CSS3基礎項目，主要講解使用CSS3制作火焰和霓虹文
字特效以及使用CSS3動畫制作響應式放大菜單。
第四部分是綜合篇，包括第10章的內容。第10章
提供了兩個完整的項目實例，包括貪喫蛇遊戲的開發
和企業文化用品展示網站的設計與實現。這兩個項目
實例綜合應用了全書所學的知識，讓讀者所學即所用
。
本書可作為高校計算機相關專業HTML5 課程的實
踐教材，也可作為學習HTML5開發的自學教材或培訓
教材。

第1章 HTML+CSS基礎項目
1.1 導航欄菜單的設計與實現
1.1.1 界面設計
1.1.2 鼠標事件
1.1.3 完整代碼展示
1.2 商務風格表格的設計與實現
1.2.1 創建表格
1.2.2 樣式設計
1.2.3 完整代碼展示
第2章 JavaScript基礎項目
2.1 電子時鐘的設計與實現
2.1.1 界面設計
2.1.2 時鐘動態效果的實現
2.1.3 完整代碼展示
2.2 電子日歷的設計與實現
2.2.1 界面設計
2.2.2 顯示狀態欄中的年份和月份
2.2.3 顯示當前月份的所有日期
2.2.4 按鈕控件功能的實現
2.2.5 完整代碼展示
第3章 HTML5拖放API項目
3.1 仿回收站效果的設計與實現
3.1.1 界面設計
3.1.2 文件拖曳與回收功能的實現
3.1.3 完整代碼展示
3.2 圖片相框展示的設計與實現
3.2.1 界面設計
3.2.2 相框自動生成功能的實現
3.2.3 完整代碼展示
第4章 HTML5表單API項目
4.1 用戶注冊頁面的設計與實現
4.1.1 界面設計
4.1.2 表單設計
4.1.3 提示與驗證功能的實現
4.1.4 完整代碼展示
4.2 問卷調查頁面的設計與實現
4.2.1 界面設計
4.2.2 表單設計
4.2.3 驗證功能的實現
4.2.4 完整代碼展示
第5章 HTML5畫布API項目
5.1 手繪時鐘的設計與實現
5.1.1 界面設計
5.1.2 實時*新效果
5.1.3 完整代碼展示
5.2 拼圖遊戲的設計與實現
5.2.1 界面設計
5.2.2 實現遊戲邏輯
5.2.3 遊戲成功與重新開始
5.2.4 完整代碼展示
第6章 HTML5媒體API項目
6.1 音樂播放器的設計與實現
6.1.1 界面設計
6.1.2 媒體文件的載入
6.1.3 控件功能的實現
6.1.4 完整代碼展示
6.2 在線教學視頻的設計與實現
6.2.1 界面設計
6.2.2 視頻文件的載入與播放
6.2.3 視頻時間跳轉的實現
6.2.4 完整代碼展示
第7章 HTML5地理定位API項目
7.1 運動數據記錄頁面的設計與實現
7.1.1 界面設計
7.1.2 實時監控地理定位
7.1.3 開始與結束按鈕的切換
7.1.4 計算與顯示距離
7.1.5 完整代碼展示
7.2 運動軌跡繪制頁面的設計與實現
7.2.1 界面設計
7.2.2 開始與結束按鈕的切換
7.2.3 繪制地圖與運動軌跡
7.2.4 計時功能的實現
7.2.5 完整代碼展示
第8章 HTML5 Web存儲API項目
8.1 基於Web存儲技術的網頁主題設置
8.1.1 界面設計
8.1.2 重置網頁主題顏色的實現
8.1.3 加載網頁主題顏色的實現
8.1.4 完整代碼展示
8.2 基於Web存儲技術的網頁日志本
8.2.1 界面設計
8.2.2 讀取日志功能的實現
8.2.3 保存日志功能的實現
8.2.4 刪除日志功能的實現
8.2.5 完整代碼展示
第9章 CSS3基礎項目
9.1 使用CSS3文本陰影制作特殊字體效果
9.1.1 整體設計
9.1.2 火焰文字效果的實現
9.1.3 霓虹文字效果的實現
9.1.4 完整代碼展示
9.2 使用CSS3動畫制作響應式放大菜單
9.2.1 整體設計
9.2.2 動畫效果的實現
9.2.3 完整代碼展示
**0章 綜合應用設計實例
10.1 基於HTML5的貪喫蛇遊戲的設計與實現
10.1.1 貪喫蛇遊戲簡介
10.1.2 界面布局設計
10.1.3 數據模型設計
10.1.4 遊戲的邏輯實現
10.1.5 完整代碼展示
10.2 實戰項目——企業文化用品展示網頁的開發
10.2.1 項目簡介
10.2.2 整體布局設計
10.2.3 頁眉和頁腳的實現
10.2.4 主體內容的實現
10.2.5 完整代碼展示