html5的基本工作原理,HTML5基础开发教程
HTML5基礎(chǔ)開發(fā)教程
編輯
鎖定
討論
上傳視頻
《HTML5基礎(chǔ)開發(fā)教程 》是2013年5月 出版的圖書。主要面向高等院校學(xué)生，以及沒有開發(fā)經(jīng)驗或者僅有少量程序設(shè)計基礎(chǔ)的讀者，因此書中所講解內(nèi)容較為基礎(chǔ)、細(xì)致。書中每一章節(jié)都提供了上機實踐環(huán)節(jié)，使讀者在理論學(xué)習(xí)基礎(chǔ)上結(jié)合實際操作，力求使讀者真正做到學(xué)以致用。
書????名
HTML5基礎(chǔ)開發(fā)教程
頁????數(shù)
200 頁開????本
16 開
裝????幀
平裝
HTML5基礎(chǔ)開發(fā)教程基本信息
編輯
書 名 HTML5基礎(chǔ)開發(fā)教程
叢 書 名 21世紀(jì)高等教育計算機規(guī)劃教材
標(biāo)準(zhǔn)書號 ISBN 978-7-115-31212-9[1]
作 者 范立鋒 于合龍 孫豐偉 主編
責(zé)任編輯 劉博
開 本 16 開
印 張 13
字 數(shù) 338 千字
頁 數(shù) 200 頁
裝 幀 平裝
版 次 第1版第1次
初版時間 2013年5月
本 印 次
首 印 數(shù) -- 冊
定 價 29.80 元
HTML5基礎(chǔ)開發(fā)教程內(nèi)容提要
編輯
本書內(nèi)容主要分為三大部分。第一部分介紹了HTML5的相關(guān)開發(fā)技術(shù)，包括HTML的發(fā)展，HTML5與之前版本的區(qū)別，HTML5的表單元素應(yīng)用，HTML5的多媒體元素應(yīng)用，HTML5的圖像及動畫應(yīng)用，HTML5的元素拖曳技術(shù)，HTML5的數(shù)據(jù)存儲技術(shù)，HTML5的離線應(yīng)用及地理位置應(yīng)用。第二部分介紹了CSS3的相關(guān)知識，包括CSS3選擇器的應(yīng)用，使用CSS3控制頁面樣式，使用CSS3在頁面中插入信息，使用CSS3控制元素變形以及CSS3中的元素過渡應(yīng)用。第三部分為HTML5與CSS3的綜合應(yīng)用實例。
本書主要面向高等院校學(xué)生，以及沒有開發(fā)經(jīng)驗或者僅有少量程序設(shè)計基礎(chǔ)的讀者，因此書中所講解內(nèi)容較為基礎(chǔ)、細(xì)致。書中每一章節(jié)都提供了上機實踐環(huán)節(jié)，使讀者在理論學(xué)習(xí)基礎(chǔ)上結(jié)合實際操作，力求使讀者真正做到學(xué)以致用。
HTML5基礎(chǔ)開發(fā)教程目錄
編輯
第1章 初識HTML5 1
1.1 HTML發(fā)展史 1
1.2 為什么要學(xué)習(xí)HTML5 2
1.3 HTML5的開發(fā)環(huán)境 2
1.4 瀏覽器對HTML5支持性檢測 3
小結(jié) 6
習(xí)題 6
第2章 HTML5——全新的HTML 7
2.1 新的語法結(jié)構(gòu) 7
2.2 新的頁面架構(gòu) 8
2.3 元素的改變 10
2.3.1 新增的元素 10
2.3.2 停止使用的元素 14
2.4 屬性的改變 15
2.4.1 新增的屬性 15
2.4.2 停止使用的屬性 16
2.4.3 全局屬性 16
小結(jié) 18
習(xí)題 18
第3章 HTML5的表單 19
3.1 新的input輸入類型及屬性 19
3.1.1 新的input輸入類型 19
3.1.2 新的input公用屬性 25
3.2 表單的驗證方式 30
3.2.1 自動驗證方式 30
3.2.2 調(diào)用checkValidity()方法實現(xiàn)驗證 32
3.2.3 自定義提示信息 33
3.2.4 設(shè)置不驗證 33
3.3 上機實踐——設(shè)計注冊頁面 34
3.3.1 實踐目的 34
3.3.2 設(shè)計思路 34
3.3.3 實現(xiàn)過程 34
3.3.4 演示效果 36
小結(jié) 37
習(xí)題 37
第4章 HTML5的多媒體 38
4.1 HTML5的多媒體元素 38
4.2 多媒體元素的屬性 38
4.2.1 autoplay屬性 38
4.2.2 controls屬性 39
4.2.3 error屬性 39
4.2.4 poster屬性 41
4.2.5 networkState屬性 41
4.2.6 width與height屬性 43
4.2.7 readyState屬性 43
4.2.8 其他屬性 45
4.3 多媒體元素的方法 46
4.3.1 多媒體支持性檢測方法 46
4.3.2 多媒體播放方法 49
4.4 多媒體元素的事件 50
4.4.1 事件捕捉方法 50
4.4.2 支持的事件類型 51
4.4.3 播放事件的應(yīng)用 52
4.5 上機實踐——DIY視頻播放器 53
4.5.1 實踐目的 53
4.5.2 設(shè)計思路 53
4.5.3 實現(xiàn)過程 53
4.5.4 演示效果 56
小結(jié) 57
習(xí)題 57
第5章 HTML5的圖像及動畫 58
5.1 了解canvas元素 58
5.1.1 canvas的用法 58
5.1.2 一個簡單的canvas畫圖實例 59
5.2 使用路徑畫圖 59
5.2.1 理解canvas的坐標(biāo)系 60
5.2.2 使用moveTo、lineTo畫線 60
5.2.3 使用arc方法畫弧 61
5.2.4 繪制貝塞爾圖形 64
5.3 圖形操作 65
5.3.1 圖形樣式設(shè)置 65
5.3.2 畫漸變圖形 66
5.3.3 圖形坐標(biāo)變換 69
5.3.4 圖形組合處理 72
5.3.5 圖形陰影 74
5.4 圖像操作 75
5.4.1 畫圖像 75
5.4.2 圖像平鋪 77
5.4.3 圖像剪裁 79
5.4.4 像素處理 80
5.5 canvas其他操作 82
5.5.1 繪制文字 82
5.5.2 保存、恢復(fù)圖形 84
5.6 制作動畫 86
5.7 上機實踐——繪制時鐘 87
5.7.1 實踐目的 87
5.7.2 設(shè)計思路 87
5.7.3 實現(xiàn)過程 88
5.7.4 演示效果 89
小結(jié) 90
習(xí)題 90
第6章 HTML5的元素拖曳 91
6.1 拖曳曾經(jīng)的解決方案 91
6.2 HTML5中拖曳的實現(xiàn) 91
6.3 dataTransfer對象 94
6.4 文件拖曳操作 95
6.5 上機實踐——拖曳式點菜界面 96
6.5.1 實踐目的 96
6.5.2 設(shè)計思路 97
6.5.3 實現(xiàn)過程 97
6.5.4 演示效果 99
小結(jié) 100
習(xí)題 100
第7章 HTML5的數(shù)據(jù)存儲 101
7.1 為什么需要數(shù)據(jù)存儲 101
7.2 Web Storage 101
7.2.1 Web Storage與Cookie的比較 102
7.2.2 Web Storage的兩種存儲方式 102
7.2.3 localStorage的多數(shù)據(jù)操作 104
7.3 Web SQL數(shù)據(jù)庫 106
7.3.1 創(chuàng)建數(shù)據(jù)庫 106
7.3.2 Web SQL的增刪改查 107
7.4 上機實踐——注冊與登錄 112
7.4.1 實踐目的 112
7.4.2 設(shè)計思路 112
7.4.3 實現(xiàn)過程 112
7.4.4 演示效果 115
小結(jié) 116
習(xí)題 116
第8章 HTML5離線應(yīng)用及地理位置應(yīng)用 117
8.1 離線應(yīng)用 117
8.1.1 離線應(yīng)用的工作原理 117
8.1.2 管理本地緩存 117
8.1.3 applicationCache檢測及更新緩存 118
8.1.4 檢測在線狀態(tài) 119
8.2 地理位置應(yīng)用 119
8.2.1 Geolocation的工作原理 119
8.2.2 獲取當(dāng)前地理位置 120
8.2.3 監(jiān)視地理位置信息 121
8.2.4 停止獲取當(dāng)前地理位置信息 121
8.3 上機實踐——在搜狗地圖中定位 121
8.3.1 實踐目的 121
8.3.2 設(shè)計思路 121
8.3.3 實現(xiàn)過程 121
8.3.4 演示效果 123
小結(jié) 124
習(xí)題 124
第9章 CSS3入門與基礎(chǔ) 125
9.1 CSS3是什么 125
9.2 CSS3的一個簡單應(yīng)用 125
9.3 CSS3的常用選擇器 129
9.3.1 為什么要使用選擇器 129
9.3.2 屬性選擇器 130
9.3.3 類選擇器 132
9.3.4 偽類選擇器 134
9.4 控制頁面樣式 137
9.4.1 控制圓角邊框樣式 137
9.4.2 控制背景樣式 140
9.4.3 控制顏色樣式 145
9.4.4 控制頁面布局 148
9.5 上機實踐——購物車結(jié)算界面 150
9.5.1 實踐目的 150
9.5.2 設(shè)計思路 151
9.5.3 實現(xiàn)過程 151
9.5.4 顯示效果 153
小結(jié) 153
習(xí)題 153
第10章 CSS3高級應(yīng)用 154
10.1 在頁面中插入內(nèi)容 154
10.1.1 插入文字 154
10.1.2 插入圖像 156
10.1.3 插入項目編號 157
10.2 文字樣式控制 158
10.2.1 為文字增加陰影效果 158
10.2.2 設(shè)置單詞及網(wǎng)址自動換行 160
10.2.3 使用服務(wù)器端字體 161
10.3 元素變形處理 161
10.3.1 縮放效果 162
10.3.2 旋轉(zhuǎn)效果 162
10.3.3 移動效果 163
10.3.4 傾斜效果 164
10.4 樣式過渡 165
10.5 更為復(fù)雜的樣式過渡 166
10.6 上機實踐——個性留言板 167
10.6.1 實踐目的 167
10.6.2 設(shè)計思路 167
10.6.3 實現(xiàn)過程 167
10.6.4 顯示效果 169
小結(jié) 171
習(xí)題 171
第11章 綜合案例 172
11.1 馬里奧大逃亡游戲 172
11.1.1 游戲介紹 172
11.1.2 需求分析 172
11.1.3 詳細(xì)設(shè)計 173
11.1.4 游戲效果 176
11.2 歐美風(fēng)格企業(yè)網(wǎng)站 177
11.2.1 需求分析 177
11.2.2 概要設(shè)計 178
11.2.3 詳細(xì)設(shè)計 179
11.2.4 網(wǎng)站效果 197
詞條圖冊
更多圖冊
參考資料
1.
HTML5基礎(chǔ)開發(fā)教程
．人民郵電出版社教學(xué)服務(wù)與資源網(wǎng)[引用日期2013-05-08]
總結(jié)
以上是生活随笔為你收集整理的html5的基本工作原理,HTML5基础开发教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [H5页面生成工具 v1.14.1] 通
- 下一篇： 保姆级教程—部署SpringBoot项目