掃一掃
關(guān)注中圖網(wǎng)
官方微博
>
>>
計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程/楊福貞等
計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程/楊福貞等
作者：楊福貞、何永峰、李巖
開本：
其他
頁數(shù)：
397
本類榜單：教材銷量榜
本類五星書更多>
-
>
中醫(yī)基礎(chǔ)理論
-
>
高校軍事課教程
-
>
思想道德與法治(2021年版)
-
>
毛澤東思想和中國特色社會(huì)主義理論體系概論(2021年版)
-
>
中醫(yī)內(nèi)科學(xué)·全國中醫(yī)藥行業(yè)高等教育“十四五”規(guī)劃教材
-
>
中醫(yī)診斷學(xué)--新世紀(jì)第五版
-
>
中藥學(xué)·全國中醫(yī)藥行業(yè)高等教育“十四五”規(guī)劃教材
中圖價(jià):¥37.4
加入購物車
計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程/楊福貞等 版權(quán)信息
- ISBN：9787302525004
- 條形碼：9787302525004 ; 978-7-302-52500-4
- 裝幀：一般膠版紙
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程/楊福貞等 本書特色
《HTML5 CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程》循序漸進(jìn)地講述Web網(wǎng)頁設(shè)計(jì)技術(shù)，從基本概念到HTML5網(wǎng)頁設(shè)計(jì)、CSS3樣式控制以及綜合實(shí)例，主要內(nèi)容包括網(wǎng)頁設(shè)計(jì)新時(shí)代、HTML5的演進(jìn)、創(chuàng)建HTML5文檔、表格與列表、圖片與富媒體、HTML5表單的應(yīng)用、CSS3概述、CSS3選擇器、文本與字體、應(yīng)用CSS3的屬性、頁面布局與媒介查詢、變形和變換以及動(dòng)畫等，并且運(yùn)用大量實(shí)例對各種關(guān)鍵技術(shù)進(jìn)行深入淺出的分析。 《HTML5 CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程》內(nèi)容豐富、結(jié)構(gòu)合理、思路清晰、語言簡練流暢、示例翔實(shí)，既適合作為高等院校計(jì)算機(jī)相關(guān)專業(yè)的教材，也可作為網(wǎng)頁設(shè)計(jì)應(yīng)用開發(fā)人員的參考書。 《HTML5 CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程》的電子課件、習(xí)題答案和實(shí)例源代碼可以到http://www.tupwk.com.cn/downpage網(wǎng)站下載，也可通過掃描前言中的二維碼下載。
計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程/楊福貞等 內(nèi)容簡介
《HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程》循序漸進(jìn)地講述Web網(wǎng)頁設(shè)計(jì)技術(shù)，從基本概念到HTML5網(wǎng)頁設(shè)計(jì)、CSS3樣式控制以及綜合實(shí)例，主要內(nèi)容包括網(wǎng)頁設(shè)計(jì)新時(shí)代、HTML5的演進(jìn)、創(chuàng)建HTML5文檔、表格與列表、圖片與富媒體、HTML5表單的應(yīng)用、CSS3概述、CSS3選擇器、文本與字體、應(yīng)用CSS3的屬性、頁面布局與媒介查詢、變形和變換以及動(dòng)畫等，并且運(yùn)用大量實(shí)例對各種關(guān)鍵技術(shù)進(jìn)行深入淺出的分析。 《HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程》內(nèi)容豐富、結(jié)構(gòu)合理、思路清晰、語言簡練流暢、示例翔實(shí)，既適合作為高等院校計(jì)算機(jī)相關(guān)專業(yè)的教材，也可作為網(wǎng)頁設(shè)計(jì)應(yīng)用開發(fā)人員的參考書。 《HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程》的電子課件、習(xí)題答案和實(shí)例源代碼可以到http://www.tupwk.com.cn/downpage網(wǎng)站下載，也可通過掃描前言中的二維碼下載。
計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列HTML5+CSS3網(wǎng)頁設(shè)計(jì)實(shí)例教程/楊福貞等 目錄
目 錄
第1章 網(wǎng)頁設(shè)計(jì)新時(shí)代 1
1.1 Web網(wǎng)頁設(shè)計(jì)原則 1
1.1.1 Web標(biāo)準(zhǔn) 1
1.1.2 Web標(biāo)準(zhǔn)與瀏覽器的兼容性 3
1.1.3 可訪問性 3
1.1.4 結(jié)構(gòu)化文檔的Web 4
1.2 HTML5概述 4
1.2.1 傳統(tǒng)HTML與XHTML 4
1.2.2 HTML5是如何形成的 5
1.2.3 HTML5的設(shè)計(jì)原則 7
1.3 HTML5頁面的特征 9
1.3.1 使用HTML5結(jié)構(gòu)化元素 10
1.3.2 使用CSS3美化HTML5文檔 13
1.4 Web網(wǎng)頁設(shè)計(jì)基礎(chǔ) 14
1.4.1 網(wǎng)頁的基本元素 14
1.4.2 網(wǎng)頁設(shè)計(jì)常用技術(shù) 17
1.4.3 網(wǎng)頁設(shè)計(jì)常用工具 18
1.5 編寫一個(gè)簡單的Web頁面 20
1.5.1 搭建瀏覽環(huán)境 20
1.5.2 檢測瀏覽環(huán)境是否支持 20
1.5.3 使用HTML5編寫一個(gè)簡單的Web頁面 21
1.6 本章小結(jié) 22
1.7 思考和練習(xí) 22
第2章 HTML5的演進(jìn) 24
2.1 HTML與XHTML基礎(chǔ) 24
2.1.1 標(biāo)簽與元素 24
2.1.2 特性組 26
2.1.3 HTML和XHTML實(shí)例 29
2.2 認(rèn)識(shí)HTML5 31
2.2.1 用XHTML 1.0標(biāo)記頁面 31
2.2.2 84.8%的標(biāo)記可以保留 32
2.3 關(guān)于 33
2.3.1 更完美的DOCTYPE 33
2.3.2 在HTML5中聲明語言 34
2.3.3 字符編碼 35
2.3.4 簡單易記 35
2.4 從HTML與XHTML到HTML5 35
2.4.1 XHTML 1.0風(fēng)格的“Hello World!” 35
2.4.2 HTML 4.01風(fēng)格的“Hello World!” 36
2.4.3 HTML5“松散”風(fēng)格的“Hello World!” 36
2.4.4 HTML5“嚴(yán)格”風(fēng)格的頁面 37
2.5 讓HTML5得到跨瀏覽器支持 37
2.5.1 瀏覽器如何處理未知元素 37
2.5.2 shiv 39
2.5.3 IE打印保護(hù)器 40
2.5.4 聲明塊級(jí)元素 40
2.6 HTML5樣板頁面 40
2.6.1 不再有type屬性 41
2.6.2 填充材料與替換 42
2.7 HTML5頁面驗(yàn)證 42
2.7.1 HTML5驗(yàn)證器 42
2.7.2 更新和驗(yàn)證“貝克小姐”頁面 44
2.8 新的結(jié)構(gòu)化元素 46
2.8.1 塊級(jí)元素與行內(nèi)元素 47
2.8.2 結(jié)構(gòu)化構(gòu)建塊、和 47
2.8.3 標(biāo)題：、、以及～ 50
2.8.4 更多的結(jié)構(gòu)化元素：、、以及 50
2.8.5 將一個(gè)簡單的頁面轉(zhuǎn)換成HTML5頁面 52
2.9 本章小結(jié) 54
2.10 思考和練習(xí) 55
第3章 創(chuàng)建HTML5文檔 56
3.1 HTML5文檔結(jié)構(gòu) 56
3.1.1 構(gòu)建基本的文檔結(jié)構(gòu) 56
3.1.2 用元數(shù)據(jù)元素說明文檔 58
3.1.3 使用腳本元素 61
3.2 構(gòu)建文檔主體 62
3.2.1 基本文本格式化 62
3.2.2 鏈接與導(dǎo)航 67
3.3 描述文本級(jí)語義 78
3.3.1 描述文本級(jí)語義的元素 79
3.3.2 使用文本標(biāo)記的實(shí)例 84
3.4 編輯文本 86
3.5 使用字符實(shí)體顯示特殊字符 87
3.6 注釋 87
3.7 本章小結(jié) 88
3.8 思考和練習(xí) 88
第4章 表格與列表 90
4.1 表格介紹 90
4.2 基本表格元素與特性 93
4.2.1 使用元素創(chuàng)建表格 93
4.2.2 創(chuàng)建基本表格 95
4.3 為表格添加標(biāo)題 96
4.4 表格區(qū)域分組 97
4.4.1 使用colspan特性跨越列 97
4.4.2 使用rowspan特性跨越行 98
4.4.3 將表格分解為表頭、表體及表尾 99
4.4.4 使用元素對列進(jìn)行分組 101
4.4.5 使用元素在列間共享樣式 102
4.5 嵌套表格 102
4.6 易訪問表格 103
4.6.1 如何線性化表格 104
4.6.2 使用id、scope及headers特性 105
4.6.3 創(chuàng)建易訪問表格 106
4.7 使用列表 107
4.7.1 使用元素創(chuàng)建無序列表 108
4.7.2 有序列表 108
4.7.3 定義列表 110
4.7.4 列表嵌套 111
4.8 表格應(yīng)用實(shí)例 111
4.9 本章小結(jié) 113
4.10 思考和練習(xí) 114
第5章 圖片與富媒體 115
5.1 在網(wǎng)頁中添加圖片 115
5.1.1 使用元素添加圖片 115
5.1.2 使用圖片作為鏈接 117
5.1.3 選擇正確的圖片格式 118
5.2 HTML5的視頻 119
5.2.1 視頻格式 120
5.2.2 瀏覽器支持 121
5.2.3 添加視頻源 121
5.2.4 track元素 124
5.2.5 更多的視頻設(shè)置 126
5.3 HTML5的音頻 127
5.3.1 音頻編解碼器 128
5.3.2 瀏覽器支持情況 128
5.3.3 添加音頻源 129
5.3.4 使用jPlayer 129
5.4 canvas 129
5.4.1 基于像素的自由 129
5.4.2 添加/實(shí)現(xiàn)canvas 130
5.4.3 canvas的威力與潛力 137
5.5 SVG 139
5.5.1 SVG與canvas的選擇 139
5.5.2 用SVG發(fā)布向量 140
5.6 富媒體頁面的設(shè)計(jì)實(shí)例 142
5.7 本章小結(jié) 144
5.8 思考和練習(xí) 144
第6章 HTML5表單的應(yīng)用 145
6.1 認(rèn)識(shí)表單 145
6.2 使用元素創(chuàng)建表單 147
6.2.1 action特性 147
6.2.2 method特性 148
6.2.3 id特性 148
6.2.4 name特性 148
6.2.5 enctype特性 148
6.2.6 accept-charset特性 148
6.2.7 novalidate特性 148
6.2.8 target特性 149
6.2.9 autocomplete特性 149
6.3 元素中的表單控件 149
6.3.1 文本輸入控件 149
6.3.2 新的HTML5輸入控件類型與特性 153
6.3.3 按鈕 159
6.3.4 復(fù)選框 161
6.3.5 單選按鈕 163
6.3.6 下拉選擇框 164
6.3.7 文件選擇框 167
6.3.8 隱藏控件 168
6.3.9 新的HTML5表單元素 168
6.4 創(chuàng)建一個(gè)聯(lián)系方式表單 170
6.5 使用元素為控件創(chuàng)建標(biāo)簽 172
6.6 使用及元素組織表單結(jié)構(gòu) 173
6.7 焦點(diǎn) 174
6.7.1 標(biāo)簽遍歷順序 175
6.7.2 快捷鍵 176
6.8 disabled與readonly控件 176
6.9 向服務(wù)器發(fā)送表單數(shù)據(jù) 178
6.9.1 HTTP get方法 178
6.9.2 HTTP post方法 179
6.10 創(chuàng)建更有用的表單字段 179
6.11 本章小結(jié) 181
6.12 思考和練習(xí) 182
第7章 CSS3概述 183
7.1 CSS基礎(chǔ) 183
7.1.1 CSS演變歷史 183
7.1.2 CSS的版本 184
7.1.3 CSS規(guī)則 187
7.1.4 繼承 190
7.2 CSS規(guī)則的添加位置 191
7.2.1 用元素鏈入外部樣式表 192
7.2.2 用元素導(dǎo)入外部樣式表 193
7.2.3 使用外部樣式表 193
7.2.4 外部樣式表的優(yōu)勢 196
7.3 CSS屬性 197
7.4 CSS3新增特性 198
7.4.1 CSS3模塊化方式 198
7.4.2 CSS3新增屬性及偽類 200
7.4.3 CSS3的優(yōu)點(diǎn) 201
7.5 一個(gè)基本實(shí)例 202
7.6 本章小結(jié) 205
7.7 思考和練習(xí) 205
第8章 CSS3選擇器 206
8.1 選擇器概述 206
8.2 選擇器 208
8.2.1 通用選擇器 208
8.2.2 類型選擇器 208
8.2.3 類選擇器 208
8.2.4 id選擇器 209
8.2.5 子選擇器 209
8.2.6 后代選擇器 209
8.2.7 相鄰兄弟選擇器 210
8.2.8 一般兄弟選擇器 210
8.2.9 子選擇器與相鄰兄弟選擇器的用途 210
8.2.10 特性選擇器 211
8.3 CSS3選擇器 213
8.3.1 組合器 213
8.3.2 特性選擇器和子串選擇器 214
8.3.3 UI元素狀態(tài)偽類 218
8.3.4 :target偽類 220
8.3.5 結(jié)構(gòu)偽類 223
8.3.6 偽元素 229
8.3.7 否定偽類 231
8.4 瀏覽器支持 232
8.6 應(yīng)用實(shí)例 232
8.7 本章小結(jié) 235
8.8 思考和練習(xí) 235
第9章 文本與字體 237
9.1 用CSS控制文本 237
9.1.1 字庫和字體 238
9.1.2 font-family屬性 238
9.1.3 font-size屬性 239
9.1.4 font-weight屬性 240
9.1.5 font-style屬性 241
9.1.6 font-variant屬性 242
9.2 用CSS格式化文本 243
9.2.1 color屬性 243
9.2.2 text-align屬性 243
9.2.3 vertical-align屬性 244
9.2.4 text-decoration屬性 245
9.2.5 text-indent屬性 245
9.2.6 text-shadow屬性 246
9.2.7 text-transform屬性 246
9.2.8 letter-spacing屬性 247
9.2.9 word-spacing屬性 248
9.2.10 white-space屬性 248
9.2.11 direction屬性 249
9.2.12 文本偽類 250
9.3 文本樣式化實(shí)例 250
9.4 使用@font-face自定義字體 252
9.4.1 解析@font-face語法: @font-face聲明 252
9.4.2 @font-face的可靠語法 253
9.4.3 為網(wǎng)頁添加自定義字體的實(shí)例 253
9.5 使用CSS3調(diào)整字體 256
9.5.1 設(shè)置font-family 256
9.5.2 設(shè)置字號(hào) 257
9.5.3 選擇字形的粗細(xì) 257
9.5.4 選擇正確的字寬 258
9.5.5 設(shè)置垂直間距 258
9.5.6 用網(wǎng)格設(shè)計(jì)字體 258
9.6 使用CSS3控制文本格式 261
9.6.1 控制文本溢出 261
9.6.2 從基線開始垂直對齊文本 261
9.6.3 控制單詞中各個(gè)字符之間的空白 262
9.6.4 調(diào)整字間距 262
9.6.5 打斷長單詞 263
9.6.6 控制空白和換行符 263
9.6.7 打印斷字 264
9.6.8 控制文本標(biāo)點(diǎn)符號(hào) 265
9.6.9 控制非拉丁Web字體的顯示 266
9.6.10 使用連字和其他OpenType字體功能 267
9.7 本章小結(jié) 268
9.8 思考和練習(xí) 268
第10章 應(yīng)用CSS3的屬性 270
10.1 顏色與透明度 270
10.1.1 RGB 270
10.1.2 RGBa透明度 271
10.1.3 HSLa 272
10.1.4 不透明度 273
10.2 背景 274
10.2.1 background-clip屬性 274
10.2.2 background-origin屬性 275
10.2.3 background-size屬性 277
10.2.4 多重背景 279
10.3 邊框 281
10.3.1 border-radius屬性 282
10.3.2 border-image屬性 284
10.4 下拉陰影 286
10.4.1 box-shadow屬性 286
10.4.2 text-shadow屬性 288
10.5 漸變 289
10.6 檢測支持和輔助其他瀏覽器 293
10.6.1 使用Modernizr 294
10.6.2 CSS3 Pie 294
10.7 組合CSS3效果實(shí)例 295
10.8 本章小結(jié) 297
10.9 思考和練習(xí) 297
第11章 頁面布局與媒體查詢 299
11.1 盒子模型 299
11.1.1 一個(gè)演示盒子模型的示例 300
11.1.2 border屬性 301
11.1.3 padding屬性 303
11.1.4 margin屬性 304
11.1.5 內(nèi)容盒子的尺寸 305
11.2 使用CSS定位與布局 309
11.2.1 正常流 309
11.2.2 position屬性 310
11.2.3 盒子偏移屬性 310
11.2.4 相對定位 310
11.2.5 絕對定位 311
11.2.6 固定定位 312
11.2.7 z-index屬性 313
11.2.8 使用float屬性實(shí)現(xiàn)流動(dòng) 314
11.2.9 clear屬性 316
11.3 構(gòu)建頁面布局實(shí)例 317
11.4 媒體查詢 320
11.5 CSS3布局 322
11.5.1 CSS3定位布局模塊 322
11.5.2 CSS3碎片模塊 322
11.5.3 多列布局模塊 322
11.5.4 CSS3區(qū)域模塊 325
11.5.5 CSS3排除和形狀模塊 326
11.5.6 CSS3分頁媒體模塊 327
11.5.7 用于分頁媒體模塊的CSS生成內(nèi)容 328
11.5.8 彈性盒子布局模塊 329
11.5.9 CSS網(wǎng)格布局模塊 331
11.6 本章小結(jié) 332
11.7 思考和練習(xí) 332
第12章 變形、變換和動(dòng)畫 334
12.1 CSS的2D和3D變形 334
12.1.1 變形屬性和變形函數(shù) 335
12.1.2 元素的變形效果 336
12.1.3 修改變形對象 342
12.1.4 瀏覽器對CSS變形的支持 346
12.2 CSS變換和CSS動(dòng)畫 348
12.3 CSS變換 348
12.3.1 使用transition-property設(shè)置可變換的屬性 349
12.3.2 使用transition-duration控制變換的持續(xù)時(shí)間 351
12.3.3 transition-timing-function、三次貝塞爾曲線和steps()函數(shù) 351
12.3.4 使用transition-delay推遲變換的起始時(shí)間 353
12.3.5 多個(gè)變換值和簡寫形式的變換屬性 354
12.3.6 簡寫變換屬性時(shí)值的排序 354
12.3.7 瀏覽器對CSS變換的支持 354
12.4 使用CSS動(dòng)畫制作關(guān)鍵幀動(dòng)畫 355
12.4.1 創(chuàng)建一個(gè)簡單動(dòng)畫 356
12.4.2 使用@keyframes控制動(dòng)畫 357
12.4.3 使用animation-timing-function屬性的計(jì)時(shí)函數(shù) 358
12.4.4 使用animation-delay修改動(dòng)畫的起始方式 359
12.4.5 控制動(dòng)畫的運(yùn)行次數(shù) 359
12.4.6 結(jié)合animation-direction 360
12.4.7 控制元素在動(dòng)畫前后的表現(xiàn) 360
12.4.8 暫停動(dòng)畫 362
12.4.9 簡略形式的動(dòng)畫屬性以及用逗號(hào)分隔的animation-*值 362
12.4.10 瀏覽器對CSS動(dòng)畫的支持 363
12.5 CSS動(dòng)畫 JavaScript 363
12.6 本章小結(jié) 364
12.7 思考和練習(xí) 364
第13章 網(wǎng)頁設(shè)計(jì)綜合實(shí)例 366
13.1 設(shè)計(jì)旅游網(wǎng)站網(wǎng)頁 366
13.1.1 頁面的設(shè)計(jì) 366
13.1.2 全局樣式的設(shè)計(jì) 368
13.1.3 網(wǎng)頁首部(top區(qū)) 368
13.1.4 主內(nèi)容區(qū)(main區(qū)) 371
13.1.5 頁尾區(qū)(footer區(qū)) 379
13.2 設(shè)計(jì)網(wǎng)頁游戲 380
13.2.1 游戲簡介 380
13.2.2 界面布局的設(shè)計(jì) 381
13.2.3 數(shù)據(jù)模型的設(shè)計(jì) 385
13.2.4 游戲的邏輯實(shí)現(xiàn) 388
13.2.5 游戲的完整代碼 397
參考文獻(xiàn) 398
第1章 網(wǎng)頁設(shè)計(jì)新時(shí)代 1
1.1 Web網(wǎng)頁設(shè)計(jì)原則 1
1.1.1 Web標(biāo)準(zhǔn) 1
1.1.2 Web標(biāo)準(zhǔn)與瀏覽器的兼容性 3
1.1.3 可訪問性 3
1.1.4 結(jié)構(gòu)化文檔的Web 4
1.2 HTML5概述 4
1.2.1 傳統(tǒng)HTML與XHTML 4
1.2.2 HTML5是如何形成的 5
1.2.3 HTML5的設(shè)計(jì)原則 7
1.3 HTML5頁面的特征 9
1.3.1 使用HTML5結(jié)構(gòu)化元素 10
1.3.2 使用CSS3美化HTML5文檔 13
1.4 Web網(wǎng)頁設(shè)計(jì)基礎(chǔ) 14
1.4.1 網(wǎng)頁的基本元素 14
1.4.2 網(wǎng)頁設(shè)計(jì)常用技術(shù) 17
1.4.3 網(wǎng)頁設(shè)計(jì)常用工具 18
1.5 編寫一個(gè)簡單的Web頁面 20
1.5.1 搭建瀏覽環(huán)境 20
1.5.2 檢測瀏覽環(huán)境是否支持 20
1.5.3 使用HTML5編寫一個(gè)簡單的Web頁面 21
1.6 本章小結(jié) 22
1.7 思考和練習(xí) 22
第2章 HTML5的演進(jìn) 24
2.1 HTML與XHTML基礎(chǔ) 24
2.1.1 標(biāo)簽與元素 24
2.1.2 特性組 26
2.1.3 HTML和XHTML實(shí)例 29
2.2 認(rèn)識(shí)HTML5 31
2.2.1 用XHTML 1.0標(biāo)記頁面 31
2.2.2 84.8%的標(biāo)記可以保留 32
2.3 關(guān)于 33
2.3.1 更完美的DOCTYPE 33
2.3.2 在HTML5中聲明語言 34
2.3.3 字符編碼 35
2.3.4 簡單易記 35
2.4 從HTML與XHTML到HTML5 35
2.4.1 XHTML 1.0風(fēng)格的“Hello World!” 35
2.4.2 HTML 4.01風(fēng)格的“Hello World!” 36
2.4.3 HTML5“松散”風(fēng)格的“Hello World!” 36
2.4.4 HTML5“嚴(yán)格”風(fēng)格的頁面 37
2.5 讓HTML5得到跨瀏覽器支持 37
2.5.1 瀏覽器如何處理未知元素 37
2.5.2 shiv 39
2.5.3 IE打印保護(hù)器 40
2.5.4 聲明塊級(jí)元素 40
2.6 HTML5樣板頁面 40
2.6.1 不再有type屬性 41
2.6.2 填充材料與替換 42
2.7 HTML5頁面驗(yàn)證 42
2.7.1 HTML5驗(yàn)證器 42
2.7.2 更新和驗(yàn)證“貝克小姐”頁面 44
2.8 新的結(jié)構(gòu)化元素 46
2.8.1 塊級(jí)元素與行內(nèi)元素 47
2.8.2 結(jié)構(gòu)化構(gòu)建塊、和 47
2.8.3 標(biāo)題：、、以及～ 50
2.8.4 更多的結(jié)構(gòu)化元素：、、以及 50
2.8.5 將一個(gè)簡單的頁面轉(zhuǎn)換成HTML5頁面 52
2.9 本章小結(jié) 54
2.10 思考和練習(xí) 55
第3章 創(chuàng)建HTML5文檔 56
3.1 HTML5文檔結(jié)構(gòu) 56
3.1.1 構(gòu)建基本的文檔結(jié)構(gòu) 56
3.1.2 用元數(shù)據(jù)元素說明文檔 58
3.1.3 使用腳本元素 61
3.2 構(gòu)建文檔主體 62
3.2.1 基本文本格式化 62
3.2.2 鏈接與導(dǎo)航 67
3.3 描述文本級(jí)語義 78
3.3.1 描述文本級(jí)語義的元素 79
3.3.2 使用文本標(biāo)記的實(shí)例 84
3.4 編輯文本 86
3.5 使用字符實(shí)體顯示特殊字符 87
3.6 注釋 87
3.7 本章小結(jié) 88
3.8 思考和練習(xí) 88
第4章 表格與列表 90
4.1 表格介紹 90
4.2 基本表格元素與特性 93
4.2.1 使用元素創(chuàng)建表格 93
4.2.2 創(chuàng)建基本表格 95
4.3 為表格添加標(biāo)題 96
4.4 表格區(qū)域分組 97
4.4.1 使用colspan特性跨越列 97
4.4.2 使用rowspan特性跨越行 98
4.4.3 將表格分解為表頭、表體及表尾 99
4.4.4 使用元素對列進(jìn)行分組 101
4.4.5 使用元素在列間共享樣式 102
4.5 嵌套表格 102
4.6 易訪問表格 103
4.6.1 如何線性化表格 104
4.6.2 使用id、scope及headers特性 105
4.6.3 創(chuàng)建易訪問表格 106
4.7 使用列表 107
4.7.1 使用元素創(chuàng)建無序列表 108
4.7.2 有序列表 108
4.7.3 定義列表 110
4.7.4 列表嵌套 111
4.8 表格應(yīng)用實(shí)例 111
4.9 本章小結(jié) 113
4.10 思考和練習(xí) 114
第5章 圖片與富媒體 115
5.1 在網(wǎng)頁中添加圖片 115
5.1.1 使用元素添加圖片 115
5.1.2 使用圖片作為鏈接 117
5.1.3 選擇正確的圖片格式 118
5.2 HTML5的視頻 119
5.2.1 視頻格式 120
5.2.2 瀏覽器支持 121
5.2.3 添加視頻源 121
5.2.4 track元素 124
5.2.5 更多的視頻設(shè)置 126
5.3 HTML5的音頻 127
5.3.1 音頻編解碼器 128
5.3.2 瀏覽器支持情況 128
5.3.3 添加音頻源 129
5.3.4 使用jPlayer 129
5.4 canvas 129
5.4.1 基于像素的自由 129
5.4.2 添加/實(shí)現(xiàn)canvas 130
5.4.3 canvas的威力與潛力 137
5.5 SVG 139
5.5.1 SVG與canvas的選擇 139
5.5.2 用SVG發(fā)布向量 140
5.6 富媒體頁面的設(shè)計(jì)實(shí)例 142
5.7 本章小結(jié) 144
5.8 思考和練習(xí) 144
第6章 HTML5表單的應(yīng)用 145
6.1 認(rèn)識(shí)表單 145
6.2 使用元素創(chuàng)建表單 147
6.2.1 action特性 147
6.2.2 method特性 148
6.2.3 id特性 148
6.2.4 name特性 148
6.2.5 enctype特性 148
6.2.6 accept-charset特性 148
6.2.7 novalidate特性 148
6.2.8 target特性 149
6.2.9 autocomplete特性 149
6.3 元素中的表單控件 149
6.3.1 文本輸入控件 149
6.3.2 新的HTML5輸入控件類型與特性 153
6.3.3 按鈕 159
6.3.4 復(fù)選框 161
6.3.5 單選按鈕 163
6.3.6 下拉選擇框 164
6.3.7 文件選擇框 167
6.3.8 隱藏控件 168
6.3.9 新的HTML5表單元素 168
6.4 創(chuàng)建一個(gè)聯(lián)系方式表單 170
6.5 使用元素為控件創(chuàng)建標(biāo)簽 172
6.6 使用及元素組織表單結(jié)構(gòu) 173
6.7 焦點(diǎn) 174
6.7.1 標(biāo)簽遍歷順序 175
6.7.2 快捷鍵 176
6.8 disabled與readonly控件 176
6.9 向服務(wù)器發(fā)送表單數(shù)據(jù) 178
6.9.1 HTTP get方法 178
6.9.2 HTTP post方法 179
6.10 創(chuàng)建更有用的表單字段 179
6.11 本章小結(jié) 181
6.12 思考和練習(xí) 182
第7章 CSS3概述 183
7.1 CSS基礎(chǔ) 183
7.1.1 CSS演變歷史 183
7.1.2 CSS的版本 184
7.1.3 CSS規(guī)則 187
7.1.4 繼承 190
7.2 CSS規(guī)則的添加位置 191
7.2.1 用元素鏈入外部樣式表 192
7.2.2 用元素導(dǎo)入外部樣式表 193
7.2.3 使用外部樣式表 193
7.2.4 外部樣式表的優(yōu)勢 196
7.3 CSS屬性 197
7.4 CSS3新增特性 198
7.4.1 CSS3模塊化方式 198
7.4.2 CSS3新增屬性及偽類 200
7.4.3 CSS3的優(yōu)點(diǎn) 201
7.5 一個(gè)基本實(shí)例 202
7.6 本章小結(jié) 205
7.7 思考和練習(xí) 205
第8章 CSS3選擇器 206
8.1 選擇器概述 206
8.2 選擇器 208
8.2.1 通用選擇器 208
8.2.2 類型選擇器 208
8.2.3 類選擇器 208
8.2.4 id選擇器 209
8.2.5 子選擇器 209
8.2.6 后代選擇器 209
8.2.7 相鄰兄弟選擇器 210
8.2.8 一般兄弟選擇器 210
8.2.9 子選擇器與相鄰兄弟選擇器的用途 210
8.2.10 特性選擇器 211
8.3 CSS3選擇器 213
8.3.1 組合器 213
8.3.2 特性選擇器和子串選擇器 214
8.3.3 UI元素狀態(tài)偽類 218
8.3.4 :target偽類 220
8.3.5 結(jié)構(gòu)偽類 223
8.3.6 偽元素 229
8.3.7 否定偽類 231
8.4 瀏覽器支持 232
8.6 應(yīng)用實(shí)例 232
8.7 本章小結(jié) 235
8.8 思考和練習(xí) 235
第9章 文本與字體 237
9.1 用CSS控制文本 237
9.1.1 字庫和字體 238
9.1.2 font-family屬性 238
9.1.3 font-size屬性 239
9.1.4 font-weight屬性 240
9.1.5 font-style屬性 241
9.1.6 font-variant屬性 242
9.2 用CSS格式化文本 243
9.2.1 color屬性 243
9.2.2 text-align屬性 243
9.2.3 vertical-align屬性 244
9.2.4 text-decoration屬性 245
9.2.5 text-indent屬性 245
9.2.6 text-shadow屬性 246
9.2.7 text-transform屬性 246
9.2.8 letter-spacing屬性 247
9.2.9 word-spacing屬性 248
9.2.10 white-space屬性 248
9.2.11 direction屬性 249
9.2.12 文本偽類 250
9.3 文本樣式化實(shí)例 250
9.4 使用@font-face自定義字體 252
9.4.1 解析@font-face語法: @font-face聲明 252
9.4.2 @font-face的可靠語法 253
9.4.3 為網(wǎng)頁添加自定義字體的實(shí)例 253
9.5 使用CSS3調(diào)整字體 256
9.5.1 設(shè)置font-family 256
9.5.2 設(shè)置字號(hào) 257
9.5.3 選擇字形的粗細(xì) 257
9.5.4 選擇正確的字寬 258
9.5.5 設(shè)置垂直間距 258
9.5.6 用網(wǎng)格設(shè)計(jì)字體 258
9.6 使用CSS3控制文本格式 261
9.6.1 控制文本溢出 261
9.6.2 從基線開始垂直對齊文本 261
9.6.3 控制單詞中各個(gè)字符之間的空白 262
9.6.4 調(diào)整字間距 262
9.6.5 打斷長單詞 263
9.6.6 控制空白和換行符 263
9.6.7 打印斷字 264
9.6.8 控制文本標(biāo)點(diǎn)符號(hào) 265
9.6.9 控制非拉丁Web字體的顯示 266
9.6.10 使用連字和其他OpenType字體功能 267
9.7 本章小結(jié) 268
9.8 思考和練習(xí) 268
第10章 應(yīng)用CSS3的屬性 270
10.1 顏色與透明度 270
10.1.1 RGB 270
10.1.2 RGBa透明度 271
10.1.3 HSLa 272
10.1.4 不透明度 273
10.2 背景 274
10.2.1 background-clip屬性 274
10.2.2 background-origin屬性 275
10.2.3 background-size屬性 277
10.2.4 多重背景 279
10.3 邊框 281
10.3.1 border-radius屬性 282
10.3.2 border-image屬性 284
10.4 下拉陰影 286
10.4.1 box-shadow屬性 286
10.4.2 text-shadow屬性 288
10.5 漸變 289
10.6 檢測支持和輔助其他瀏覽器 293
10.6.1 使用Modernizr 294
10.6.2 CSS3 Pie 294
10.7 組合CSS3效果實(shí)例 295
10.8 本章小結(jié) 297
10.9 思考和練習(xí) 297
第11章 頁面布局與媒體查詢 299
11.1 盒子模型 299
11.1.1 一個(gè)演示盒子模型的示例 300
11.1.2 border屬性 301
11.1.3 padding屬性 303
11.1.4 margin屬性 304
11.1.5 內(nèi)容盒子的尺寸 305
11.2 使用CSS定位與布局 309
11.2.1 正常流 309
11.2.2 position屬性 310
11.2.3 盒子偏移屬性 310
11.2.4 相對定位 310
11.2.5 絕對定位 311
11.2.6 固定定位 312
11.2.7 z-index屬性 313
11.2.8 使用float屬性實(shí)現(xiàn)流動(dòng) 314
11.2.9 clear屬性 316
11.3 構(gòu)建頁面布局實(shí)例 317
11.4 媒體查詢 320
11.5 CSS3布局 322
11.5.1 CSS3定位布局模塊 322
11.5.2 CSS3碎片模塊 322
11.5.3 多列布局模塊 322
11.5.4 CSS3區(qū)域模塊 325
11.5.5 CSS3排除和形狀模塊 326
11.5.6 CSS3分頁媒體模塊 327
11.5.7 用于分頁媒體模塊的CSS生成內(nèi)容 328
11.5.8 彈性盒子布局模塊 329
11.5.9 CSS網(wǎng)格布局模塊 331
11.6 本章小結(jié) 332
11.7 思考和練習(xí) 332
第12章 變形、變換和動(dòng)畫 334
12.1 CSS的2D和3D變形 334
12.1.1 變形屬性和變形函數(shù) 335
12.1.2 元素的變形效果 336
12.1.3 修改變形對象 342
12.1.4 瀏覽器對CSS變形的支持 346
12.2 CSS變換和CSS動(dòng)畫 348
12.3 CSS變換 348
12.3.1 使用transition-property設(shè)置可變換的屬性 349
12.3.2 使用transition-duration控制變換的持續(xù)時(shí)間 351
12.3.3 transition-timing-function、三次貝塞爾曲線和steps()函數(shù) 351
12.3.4 使用transition-delay推遲變換的起始時(shí)間 353
12.3.5 多個(gè)變換值和簡寫形式的變換屬性 354
12.3.6 簡寫變換屬性時(shí)值的排序 354
12.3.7 瀏覽器對CSS變換的支持 354
12.4 使用CSS動(dòng)畫制作關(guān)鍵幀動(dòng)畫 355
12.4.1 創(chuàng)建一個(gè)簡單動(dòng)畫 356
12.4.2 使用@keyframes控制動(dòng)畫 357
12.4.3 使用animation-timing-function屬性的計(jì)時(shí)函數(shù) 358
12.4.4 使用animation-delay修改動(dòng)畫的起始方式 359
12.4.5 控制動(dòng)畫的運(yùn)行次數(shù) 359
12.4.6 結(jié)合animation-direction 360
12.4.7 控制元素在動(dòng)畫前后的表現(xiàn) 360
12.4.8 暫停動(dòng)畫 362
12.4.9 簡略形式的動(dòng)畫屬性以及用逗號(hào)分隔的animation-*值 362
12.4.10 瀏覽器對CSS動(dòng)畫的支持 363
12.5 CSS動(dòng)畫 JavaScript 363
12.6 本章小結(jié) 364
12.7 思考和練習(xí) 364
第13章 網(wǎng)頁設(shè)計(jì)綜合實(shí)例 366
13.1 設(shè)計(jì)旅游網(wǎng)站網(wǎng)頁 366
13.1.1 頁面的設(shè)計(jì) 366
13.1.2 全局樣式的設(shè)計(jì) 368
13.1.3 網(wǎng)頁首部(top區(qū)) 368
13.1.4 主內(nèi)容區(qū)(main區(qū)) 371
13.1.5 頁尾區(qū)(footer區(qū)) 379
13.2 設(shè)計(jì)網(wǎng)頁游戲 380
13.2.1 游戲簡介 380
13.2.2 界面布局的設(shè)計(jì) 381
13.2.3 數(shù)據(jù)模型的設(shè)計(jì) 385
13.2.4 游戲的邏輯實(shí)現(xiàn) 388
13.2.5 游戲的完整代碼 397
參考文獻(xiàn) 398
展開全部
書友推薦
- >
伊索寓言-世界文學(xué)名著典藏-全譯本
- >
名家?guī)阕x魯迅:故事新編
- >
自卑與超越
- >
中國歷史的瞬間
- >
人文閱讀與收藏·良友文學(xué)叢書:一天的工作
- >
朝聞道
- >
隨園食單
- >
莉莉和章魚
本類暢銷
