HTML5網(wǎng)頁(yè)前端設(shè)計(jì)實(shí)戰(zhàn)

定　價(jià)：￥35.00

作　者：	周文潔著
出版社：	清華大學(xué)出版社
叢編項(xiàng)：	Web前端開(kāi)發(fā)技術(shù)叢書(shū)
標(biāo)　簽：	暫缺

購(gòu)買這本書(shū)可以去

ISBN：	9787302464686	出版時(shí)間：	2017-05-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：		字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

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

作者簡(jiǎn)介

暫缺《HTML5網(wǎng)頁(yè)前端設(shè)計(jì)實(shí)戰(zhàn)》作者簡(jiǎn)介

圖書(shū)目錄

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