HTML5網(wǎng)頁(yè)前端設計實(shí)戰（Web前端開(kāi)發(fā)技術(shù)叢書(shū)）簡(jiǎn)介，目錄書(shū)摘

編輯推薦:　　本書(shū)是一本從零開(kāi)始學(xué)習的Web前端開(kāi)發(fā)教材，無(wú)需額外的基礎。
　　本書(shū)以項目驅動(dòng)為宗旨，詳細介紹了HTML5、CSS3與JavaScript的基礎知識與使用技巧。
　　本書(shū)包含例題228個(gè)，均在瀏覽器中調試通過(guò)。
　　本書(shū)提供相關(guān)資源下載，包括例題源代碼、課后習題答案、教學(xué)PPT與教學(xué)大綱。
　　本書(shū)配套項目案例教材《HTML5網(wǎng)頁(yè)前端設計實(shí)戰》。

內容簡(jiǎn)介:　　本書(shū)是《HTML5網(wǎng)頁(yè)前端設計》一書(shū)的配套實(shí)戰項目教程，也可單獨為具有一定Web前端基礎的讀者使用。本書(shū)的電子資源包括全套例題源代碼可供讀者下載。
　　全書(shū)共包含10章，每章均配套兩個(gè)實(shí)例項目。全部?jì)热菘煞譃橐韵?個(gè)部分：
　　第一部分是基礎知識篇，包括第1、2章的內容。其中，第1章是HTML+CSS基礎項目，介紹導航菜單與商務(wù)風(fēng)格表格的設計與實(shí)現；第2章是JavaScript基礎項目，介紹電子時(shí)鐘與電子日歷的設計與實(shí)現。
　　第二部分是重點(diǎn)篇，包括第3～8章的內容。這6章分別介紹基于HTML5拖放API、表單API、畫(huà)布API、媒體API、地理定位API以及Web存儲API的項目案例。其中較有特色的綜合項目有手繪時(shí)鐘、拼圖游戲、網(wǎng)頁(yè)日志本、音樂(lè )播放器、在線(xiàn)教學(xué)視頻等。
　　第三部分是提高篇，包括第9章的內容。第9章是CSS3基礎項目，主要講解使用CSS3制作火焰和霓虹文字特效以及使用CSS3動(dòng)畫(huà)制作響應式放大菜單。
　　第四部分是綜合篇，包括第10章的內容。第10章提供了兩個(gè)完整的項目實(shí)例，包括貪吃蛇游戲的開(kāi)發(fā)和企業(yè)文化用品展示網(wǎng)站的設計與實(shí)現。這兩個(gè)項目實(shí)例綜合應用了全書(shū)所學(xué)的知識，讓讀者所學(xué)即所用。
　　本書(shū)可作為高校計算機相關(guān)專(zhuān)業(yè)HTML5 課程的實(shí)踐教材，也可作為學(xué)習HTML5開(kāi)發(fā)的自學(xué)教材或培訓教材。

作者簡(jiǎn)介:

目錄:目  錄

第1章  HTML+CSS基礎項目 1
1.1  導航欄菜單的設計與實(shí)現 1
 1.1.1  界面設計 1
 1.1.2  鼠標事件 4
 1.1.3  完整代碼展示 5
1.2  商務(wù)風(fēng)格表格的設計與實(shí)現 6
 1.2.1  創(chuàng )建表格 6
 1.2.2  樣式設計 7
 1.2.3  完整代碼展示 11
第2章  JavaScript基礎項目 13
2.1  電子時(shí)鐘的設計與實(shí)現 13
 2.1.1  界面設計 13
 2.1.2  時(shí)鐘動(dòng)態(tài)效果的實(shí)現 16
 2.1.3  完整代碼展示 18
2.2  電子日歷的設計與實(shí)現 19
 2.2.1  界面設計 19
 2.2.2  顯示狀態(tài)欄中的年份和月份 22
 2.2.3  顯示當前月份的所有日期 23
 2.2.4  按鈕控件功能的實(shí)現 26
 2.2.5  完整代碼展示 27
第3章  HTML5拖放API項目 31
3.1  仿回收站效果的設計與實(shí)現 31
 3.1.1  界面設計 31
 3.1.2  文件拖曳與回收功能的實(shí)現 34
 3.1.3  完整代碼展示 37
3.2  圖片相框展示的設計與實(shí)現 39
 3.2.1  界面設計 39
 3.2.2  相框自動(dòng)生成功能的實(shí)現 41
 3.2.3  完整代碼展示 46
第4章  HTML5表單API項目 49
4.1  用戶(hù)注冊頁(yè)面的設計與實(shí)現 49
 4.1.1  界面設計 50
 4.1.2  表單設計 51
 4.1.3  提示與驗證功能的實(shí)現 54
 4.1.4  完整代碼展示 58
4.2  問(wèn)卷調查頁(yè)面的設計與實(shí)現 60
 4.2.1  界面設計 61
 4.2.2  表單設計 62
 4.2.3  驗證功能的實(shí)現 69
 4.2.4  完整代碼展示 73
第5章  HTML5畫(huà)布API項目 79
5.1  手繪時(shí)鐘的設計與實(shí)現 79
 5.1.1  界面設計 79
 5.1.2  實(shí)時(shí)更新效果 87
 5.1.3  完整代碼展示 88
5.2  拼圖游戲的設計與實(shí)現 91
 5.2.1  界面設計 91
 5.2.2  實(shí)現游戲邏輯 95
 5.2.3  游戲成功與重新開(kāi)始 102
 5.2.4  完整代碼展示 105
第6章  HTML5媒體API項目 111
6.1  音樂(lè )播放器的設計與實(shí)現 111
 6.1.1  界面設計 111
 6.1.2  媒體文件的載入 115
 6.1.3  控件功能的實(shí)現 115
 6.1.4  完整代碼展示 119
6.2  在線(xiàn)教學(xué)視頻的設計與實(shí)現 122
 6.2.1  界面設計 122
 6.2.2  視頻文件的載入與播放 127
 6.2.3  視頻時(shí)間跳轉的實(shí)現 128
 6.2.4  完整代碼展示 130
第7章  HTML5地理定位API項目 133
7.1  運動(dòng)數據記錄頁(yè)面的設計與實(shí)現 133
 7.1.1  界面設計 134
 7.1.2  實(shí)時(shí)監控地理定位 135
 7.1.3  開(kāi)始與結束按鈕的切換 136
 7.1.4  計算與顯示距離 138
 7.1.5  完整代碼展示 140
7.2  運動(dòng)軌跡繪制頁(yè)面的設計與實(shí)現 144
 7.2.1  界面設計 144
 7.2.2  開(kāi)始與結束按鈕的切換 146
 7.2.3  繪制地圖與運動(dòng)軌跡 146
 7.2.4  計時(shí)功能的實(shí)現 151
 7.2.5  完整代碼展示 153
第8章  HTML5 Web存儲API項目 157
8.1  基于Web存儲技術(shù)的網(wǎng)頁(yè)主題設置 157
 8.1.1  界面設計 157
 8.1.2  重置網(wǎng)頁(yè)主題顏色的實(shí)現 160
 8.1.3  加載網(wǎng)頁(yè)主題顏色的實(shí)現 162
 8.1.4  完整代碼展示 163
8.2  基于Web存儲技術(shù)的網(wǎng)頁(yè)日志本 165
 8.2.1  界面設計 165
 8.2.2  讀取日志功能的實(shí)現 168
 8.2.3  保存日志功能的實(shí)現 169
 8.2.4  刪除日志功能的實(shí)現 170
 8.2.5  完整代碼展示 171
第9章  CSS3基礎項目 175
9.1  使用CSS3文本陰影制作特殊字體效果 175
 9.1.1  整體設計 175
 9.1.2  火焰文字效果的實(shí)現 177
 9.1.3  霓虹文字效果的實(shí)現 178
 9.1.4  完整代碼展示 179
9.2  使用CSS3動(dòng)畫(huà)制作響應式放大菜單 180
 9.2.1  整體設計 180
 9.2.2  動(dòng)畫(huà)效果的實(shí)現 182
 9.2.3  完整代碼展示 183
第10章  綜合應用設計實(shí)例 185
10.1  基于HTML5的貪吃蛇游戲的設計與實(shí)現 185
　10.1.1  貪吃蛇游戲簡(jiǎn)介 185
　10.1.2  界面布局設計 185
　10.1.3  數據模型設計 190
　10.1.4  游戲的邏輯實(shí)現 192
　10.1.5  完整代碼展示 203
10.2  實(shí)戰項目——企業(yè)文化用品展示網(wǎng)頁(yè)的開(kāi)發(fā) 207
　10.2.1  項目簡(jiǎn)介 207
　10.2.2  整體布局設計 208
　10.2.3  頁(yè)眉和頁(yè)腳的實(shí)現 210
　10.2.4  主體內容的實(shí)現 212
　10.2.5  完整代碼展示 225