HTML5+CSS3網頁設計與制作案例課堂-(第2版) 版權信息
- ISBN:9787302489122
- 條形碼:9787302489122 ; 978-7-302-48912-2
- 裝幀:一般膠版紙
- 冊數:暫無
- 重量:暫無
- 所屬分類:>>
HTML5+CSS3網頁設計與制作案例課堂-(第2版) 本書特色
《HTML 5 CSS 3網頁設計與制作案例課堂(第2版)》以零基礎講解為宗旨,用實例引導讀者深入學習,采取“HTML 5網頁設計→CSS 3美化網頁→高級提升技能→綜合案例實戰”的講解模式,深入淺出地講解HTML 5 CSS 3的各項技術及實戰技能。
《HTML 5 CSS 3網頁設計與制作案例課堂(第2版)》第I篇“HTML 5網頁設計”主要內容包括新一代Web前端技術,HTML 5網頁的文檔結構,HTML 5網頁中的文本、超鏈接和圖像,使用HTML 5創建表格,使用HTML 5創建表單,HTML 5中的音頻和視頻,使用HTML 5繪制圖形等;第II篇“CSS 3美化網頁”主要內容包括CSS 3概述與基本語法,使用CSS 3美化網頁字體與段落,使用CSS 3美化網頁圖片,使用CSS 3美化網頁背景與邊框,使用CSS 3美化超級鏈接和鼠標,使用CSS 3美化表格和表單的樣式,使用CSS 3美化網頁菜單,使用濾鏡美化網頁元素等;第III篇“高級提升技能”主要內容包括CSS 3中的動畫效果,HTML 5中的文件與拖放,定位地理位置技術,Web存儲和通信技術,處理線程和服務器發送事件,CSS 3定位與DIV布局核心技術等;第IV篇“綜合案例實戰”主要內容包括網頁布局剖析與制作,設計企業門戶類網頁,設計在線購物類網頁。《HTML 5 CSS 3網頁設計與制作案例課堂(第2版)》以零基礎講解為宗旨,用實例引導讀者深入學習,采取“HTML 5網頁設計→CSS 3美化網頁→高級提升技能→綜合案例實戰”的講解模式,深入淺出地講解HTML 5 CSS 3的各項技術及實戰技能。
《HTML 5 CSS 3網頁設計與制作案例課堂(第2版)》第I篇“HTML 5網頁設計”主要內容包括新一代Web前端技術,HTML 5網頁的文檔結構,HTML 5網頁中的文本、超鏈接和圖像,使用HTML 5創建表格,使用HTML 5創建表單,HTML 5中的音頻和視頻,使用HTML 5繪制圖形等;第II篇“CSS 3美化網頁”主要內容包括CSS 3概述與基本語法,使用CSS 3美化網頁字體與段落,使用CSS 3美化網頁圖片,使用CSS 3美化網頁背景與邊框,使用CSS 3美化超級鏈接和鼠標,使用CSS 3美化表格和表單的樣式,使用CSS 3美化網頁菜單,使用濾鏡美化網頁元素等;第III篇“高級提升技能”主要內容包括CSS 3中的動畫效果,HTML 5中的文件與拖放,定位地理位置技術,Web存儲和通信技術,處理線程和服務器發送事件,CSS 3定位與DIV布局核心技術等;第IV篇“綜合案例實戰”主要內容包括網頁布局剖析與制作,設計企業門戶類網頁,設計在線購物類網頁。
《HTML 5 CSS 3網頁設計與制作案例課堂(第2版)》適合任何想學習前臺網頁設計與布局的人員,無論您是否從事計算機相關行業,無論您是否接觸過HTML 5和CSS 3,通過學習本書均可快速掌握網頁的設計方法和技巧。
HTML5+CSS3網頁設計與制作案例課堂-(第2版) 內容簡介
本書特色
零基礎、入門級的講解
無論您是否從事計算機相關行業,無論您是否接觸過網頁制作和設計,都能從本書中找到*起點。
超多、實用、專業的范例和項目
本書在編排上緊密結合深入學習網頁制作技術的先后過程,從HTML 5的基本概念開始,逐步帶領大家深入地學習各種應用技巧,側重實戰技能,使用簡單易懂的實際案例進行分析和操作指導,讓讀者讀起來簡明輕松,操作起來有章可循。
隨時檢測自己的學習成果
大部分章后都設置了“跟我學上機”板塊,均根據本章內容精選而成,讀者可以隨時檢測自己的學習成果和實戰能力,做到融會貫通。
細致入微、貼心提示
本書在講解過程中,使用了“注意”“提示”“技巧”等小貼士,使讀者在學習過程中更清楚地了解相關操作、理解相關概念,并輕松掌握各種操作技巧。
專業創作團隊和技術支持
您在學習過程中遇到任何問題,均可加入QQ群(案例課堂VIP)451102631進行提問,專家人員會在線答疑。
超值資源大放送
全程同步教學錄像
涵蓋本書所有知識點,詳細講解每個實例及項目的過程和技術關鍵點。可以使讀者比看書更輕松地掌握書中所有的網頁制作和設計知識,而且擴展的講解部分能使讀者獲得比書中講解更多的收獲。
超多容量資源本書特色
零基礎、入門級的講解無論您是否從事計算機相關行業,無論您是否接觸過網頁制作和設計,都能從本書中找到*起點。
超多、實用、專業的范例和項目本書在編排上緊密結合深入學習網頁制作技術的先后過程,從HTML 5的基本概念開始,逐步帶領大家深入地學習各種應用技巧,側重實戰技能,使用簡單易懂的實際案例進行分析和操作指導,讓讀者讀起來簡明輕松,操作起來有章可循。
隨時檢測自己的學習成果大部分章后都設置了“跟我學上機”板塊,均根據本章內容精選而成,讀者可以隨時檢測自己的學習成果和實戰能力,做到融會貫通。
細致入微、貼心提示本書在講解過程中,使用了“注意”“提示”“技巧”等小貼士,使讀者在學習過程中更清楚地了解相關操作、理解相關概念,并輕松掌握各種操作技巧。
專業創作團隊和技術支持您在學習過程中遇到任何問題,均可加入QQ群(案例課堂VIP)451102631進行提問,專家人員會在線答疑。
超值資源大放送
全程同步教學錄像涵蓋本書所有知識點,詳細講解每個實例及項目的過程和技術關鍵點。可以使讀者比看書更輕松地掌握書中所有的網頁制作和設計知識,而且擴展的講解部分能使讀者獲得比書中講解更多的收獲。
超多容量資源贈送大量資源,包括實例源代碼、教學幻燈片、本書精品教學視頻、88個實用類網頁模板、12部網頁開發**參考手冊、HTML 5標記速查手冊、精選的JavaScript實例、CSS 3屬性速查表、JavaScript函數速查手冊、CSS DIV布局賞析案例、精彩網站配色方案賞析、網頁樣式與布局案例賞析、Web前端工程師常見面試題等。讀者可以通過QQ群(案例課堂VIP)451102631獲取贈送資源,也可以掃描二維碼,下載本書資源。
HTML5+CSS3網頁設計與制作案例課堂-(第2版) 目錄
目 錄
第I篇 HTML 5網頁設計
第1章 新一代Web前端技術 3
1.1
HTML的基本概念 4
1.1.1
HTML的發展歷程 4
1.1.2
什么是HTML 4
1.1.3
HTML 5文件的基本結構 5
1.2
HTML 5的優勢 5
1.2.1
解決了跨瀏覽器的問題 5
1.2.2
增加了多個新特性 5
1.2.3
用戶優先的原則 6
1.2.4
化繁為簡的優勢 7
1.3
HTML 5網頁的開發環境 7
1.3.1
使用記事本手工編寫HTML 5 7
1.3.2
使用Dreamweaver CC編寫
HTML文件 8
1.4 使用瀏覽器查看HTML 5文件 12
1.4.1
查看頁面效果 12
1.4.2
查看源文件 13
1.5 疑難解惑 14
第2章 HTML 5網頁的文檔結構 15
2.1
HTML 5文件的基本結構 16
2.1.1
HTML 5頁面的整體結構 16
2.1.2
HTML 5新增的結構標記 16
2.2
HTML 5基本標記詳解 17
2.2.1
文檔類型說明 17
2.2.2
HTML標記 17
2.2.3
頭標記 18
2.2.4
網頁的主體標記 20
2.2.5
頁面注釋標記 21
2.3
HTML 5語法的變化 22
2.3.1
標簽不再區分大小寫 22
2.3.2
允許屬性值不使用引號 22
2.3.3
允許部分屬性的屬性值省略 23
2.4 綜合案例——符合W3C標準的
HTML
5網頁 23
2.5 跟我學上機——簡單的HTML 5網頁 25
2.6 疑難解惑 26
第3章 HTML 5網頁中的文本、超鏈接
和圖像 27
3.1 在網頁中添加文本 28
3.1.1
普通文本的添加 28
3.1.2
特殊字符文本的添加 28
3.1.3
使用HTML 5標記添加特殊
文本 30
3.2 文本排版 32
3.2.1
換行標記 32
3.2.2
段落標記 32
3.2.3
標題標記 33
3.3 文字列表 34
3.3.1
建立無序列表 34
3.3.2
建立有序列表 36
3.3.3
建立不同類型的無序列表 36
3.3.4
建立不同類型的有序列表 37
3.3.5
建立嵌套列表 38
3.3.6
自定義列表 39
3.4 超鏈接標記 40
3.4.1
設置文本和圖片的超鏈接 40
3.4.2
創建指向不同目標類型的
超鏈接 40
3.4.3
設置以新窗口顯示超鏈接頁面 42
3.4.4
鏈接到同一頁面的不同位置 43
3.5 創建熱點區域 44
3.6 網頁中的圖片 45
3.6.1
在網頁中插入圖像 45
3.6.2
設置圖像的寬度和高度 47
3.6.3
設置圖像的提示文字 48
3.6.4
將圖片設置為網頁背景 49
3.6.5
排列圖像 50
3.7 綜合案例——圖文并茂的房屋裝飾
裝修網頁 50
3.8 跟我學上機——在線購物網站的產品
展示效果 52
3.9 疑難解惑 53
第4章 使用HTML 5創建表格 55
4.1 表格的基本結構 56
4.2 創建表格 57
4.2.1
創建普通表格 57
4.2.2
創建一個帶有標題的表格 58
4.3 編輯表格 59
4.3.1
定義表格的邊框類型 59
4.3.2
定義表格的表頭 59
4.3.3
設置表格背景 60
4.3.4
設置單元格的背景 61
4.3.5
合并單元格 62
4.3.6
排列單元格中的內容 65
4.3.7
設置單元格的行高與列寬 66
4.4 完整的表格標記 67
4.5 綜合案例——制作計算機報價表 68
4.6 跟我學上機——制作學生成績表 70
4.7 疑難解惑 74
第5章 使用HTML 5創建表單 75
5.1 表單概述 76
5.2 表單基本元素的使用 76
5.2.1
單行文本輸入框 77
5.2.2
多行文本輸入框 77
5.2.3
密碼輸入框 78
5.2.4
單選按鈕 78
5.2.5
復選框 79
5.2.6
列表框 80
5.2.7
普通按鈕 81
5.2.8
提交按鈕 81
5.2.9
重置按鈕 82
5.3 表單高級元素的使用 83
5.3.1
url屬性的使用 83
5.3.2
email屬性的使用 83
5.3.3
date屬性和time屬性的使用 84
5.3.4
number屬性的使用 85
5.3.5
range屬性的使用 86
5.3.6
required屬性的使用 86
5.4 綜合案例——創建用戶反饋表單 87
5.5 跟我學上機——制作用戶注冊表單 88
5.6 疑難解惑 90
第6章 HTML 5中的音頻和視頻 91
6.1
audio標簽 92
6.1.1
audio標簽概述 92
6.1.2
audio標簽的屬性 93
6.1.3
瀏覽器對audio標簽的支持
情況 93
6.2 在網頁中添加音頻文件 94
6.2.1
添加自動播放的音頻文件 94
6.2.2
添加帶有控件的音頻文件 94
6.2.3
添加循環播放的音頻文件 95
6.2.4
添加預播放的音頻文件 95
6.3
video標簽 96
6.3.1
video標簽概述 96
6.3.2
video標簽的屬性 97
6.3.3
瀏覽器對video標簽的支持
情況 98
6.4 在網頁中添加視頻文件 98
6.4.1
添加自動播放的視頻文件 98
6.4.2
添加帶有控件的視頻文件 99
6.4.3
添加循環播放的視頻文件 99
6.5 綜合案例——設置視頻文件的高度
與寬度 100
6.6 跟我學上機——添加預播放的視頻
文件 101
6.7 疑難解惑 101
第7章 使用HTML 5繪制圖形 103
7.1 添加canvas的步驟 104
7.2 繪制基本形狀 104
7.2.1
繪制矩形 105
7.2.2 繪制圓形 105
7.2.3
使用moveTo與lineTo繪制
直線 107
7.2.4
使用bezierCurveTo繪制
貝塞爾曲線 108
7.3 繪制漸變圖形 109
7.3.1
繪制線性漸變 109
7.3.2
繪制徑向漸變 111
7.4 繪制變形圖形 112
7.4.1
繪制平移效果的圖形 112
7.4.2
繪制縮放效果的圖形 113
7.4.3
繪制旋轉效果的圖形 114
7.4.4
繪制組合效果的圖形 115
7.4.5
繪制帶陰影的圖形 117
7.5 使用圖像 118
7.5.1
繪制圖像 118
7.5.2
平鋪圖像 119
7.5.3
裁剪圖像 121
7.5.4
圖像的像素化處理 122
7.6 繪制文字 124
7.7 圖形的保存與恢復 126
7.7.1
保存與恢復狀態 126
7.7.2
保存文件 127
7.8 綜合案例——繪制火柴棒人物 128
7.9 跟我學上機——繪制商標 132
7.10
疑難解惑 134
第II篇 CSS 3美化網頁
第8章 CSS 3概述與基本語法 137
8.1
CSS 3概述 138
8.1.1
CSS 3的功能 138
8.1.2
瀏覽器與CSS 3 138
8.1.3
CSS 3的基礎語法 139
8.1.4
CSS 3的常用單位 139
8.2 編輯和瀏覽CSS 3 144
8.2.1
手工編寫CSS 3 144
8.2.2
用Dreamweaver編寫CSS 145
8.3 在HTML 5中使用CSS 3的方法 147
8.3.1
行內樣式 147
8.3.2
內嵌樣式 148
8.3.3
鏈接樣式 149
8.3.4
導入樣式 150
8.3.5
優先級問題 151
8.4
CSS 3的常用選擇器 154
8.4.1
標簽選擇器 154
8.4.2
類選擇器 155
8.4.3
ID選擇器 155
8.4.4
全局選擇器 156
8.4.5
組合選擇器 157
8.4.6
繼承選擇器 158
8.4.7
偽類選擇器 159
8.5 選擇器聲明 160
8.5.1
集體聲明 160
8.5.2
多重嵌套聲明 161
8.6 綜合案例——制作炫彩網站Logo 161
8.7 跟我學上機——制作學生信息
統計表 164
8.8 疑難解惑 166
第9章 使用CSS 3美化網頁字體
與段落 167
9.1 美化網頁文字 168
9.1.1
設置文字的字體 168
9.1.2
設置文字的字號 169
9.1.3
設置字體風格 170
9.1.4
設置加粗字體 171
9.1.5
將小寫字母轉為大寫字母 171
9.1.6
設置字體的復合屬性 172
9.1.7
設置字體顏色 173
9.2 設置文本的高級樣式 174
9.2.1
設置文本陰影效果 174
9.2.2
設置文本的溢出效果 176
9.2.3
設置文本的控制換行 177
9.2.4
保持字體尺寸不變 177
9.3 美化網頁中的段落 178
9.3.1
設置單詞之間的間隔 179
9.3.2
設置字符之間的間隔 179
9.3.3
設置文字的修飾效果 180
9.3.4
設置垂直對齊方式 181
9.3.5
轉換文本的大小寫 183
9.3.6
設置文本的水平對齊方式 183
9.3.7
設置文本的縮進效果 185
9.3.8
設置文本的行高 186
9.3.9
文本的空白處理 187
9.3.10
文本的反排 188
9.4 綜合案例——設置網頁標題 189
9.5 跟我學上機——制作新聞頁面 191
9.6 疑難解惑 192
第10章 使用CSS 3美化網頁圖片 193
10.1
圖片縮放 194
10.1.1
通過描述標記width和height
縮放圖片 194
10.1.2
使用CSS 3中的max-width
和max-height縮放圖片 194
10.1.3
使用CSS 3中的width
和height縮放圖片 195
10.2
設置圖片的對齊方式 196
10.2.1
設置圖片的橫向對齊 196
10.2.2
設置圖片的縱向對齊 197
10.3
圖文混排 199
10.3.1
設置文字環繞效果 199
10.3.2
設置圖片與文字的間距 201
10.4
綜合案例——制作學校宣傳單 202
10.5
跟我學上機——制作簡單的圖文
混排網頁 204
10.6
疑難解惑 206
第11章 使用CSS 3美化網頁背景
與邊框 207
11.1
使用CSS 3美化背景 208
11.1.1
設置背景顏色 208
11.1.2
設置背景圖片 209
11.1.3
背景圖片重復 210
11.1.4
背景圖片顯示 212
11.1.5
背景圖片的位置 213
11.1.6
背景圖片的大小 215
11.1.7
背景的顯示區域 216
11.1.8
背景圖像的裁剪區域 217
11.1.9
背景復合屬性 218
11.2
使用CSS 3美化邊框 219
11.2.1
設置邊框的樣式 220
11.2.2
設置邊框的顏色 221
11.2.3
設置邊框的線寬 222
11.2.4
設置邊框的復合屬性 224
11.3
設置邊框的圓角效果 225
11.3.1
設置圓角邊框 225
11.3.2
指定兩個圓角半徑 226
11.3.3
繪制四個不同角的圓角邊框 227
11.3.4
繪制不同種類的邊框 229
11.4
綜合案例——制作簡單的公司主頁 231
11.5
跟我學上機——制作簡單的生活資訊
主頁 234
11.6
疑難解惑 235
第12章 使用CSS 3美化超級鏈接
和鼠標 237
12.1
使用CSS 3來美化超鏈接 238
12.1.1
改變超級鏈接的基本樣式 238
12.1.2
設置帶有提示信息的超級
鏈接 239
12.1.3
設置超級鏈接的背景圖 240
12.1.4
設置超級鏈接的按鈕效果 241
12.2
使用CSS 3美化鼠標特效 242
12.2.1
使用CSS 3控制鼠標箭頭 242
12.2.2
設置鼠標變幻式超鏈接 244
12.2.3
設置網頁頁面滾動條 244
12.3
綜合案例1——圖片版本的超級
鏈接 246
12.4
綜合案例2——關于鼠標特效 248
12.5
跟我學上機——制作一個簡單的
導航欄 250
12.6
疑難解惑 252
第13章 使用CSS 3美化表格和表單
的樣式 253
13.1
美化表格的樣式 254
13.1.1
設置表格邊框的樣式 254
13.1.2
設置表格邊框的寬度 256
13.1.3
設置表格邊框的顏色 257
13.2
美化表單樣式 258
13.2.1
美化表單中的元素 258
13.2.2
美化提交按鈕 261
13.2.3
美化下拉菜單 262
13.3
綜合案例——制作用戶登錄頁面 263
13.4
跟我學上機——制作用戶注冊頁面 265
13.5
疑難解惑 268
第14章 使用CSS 3美化網頁菜單 269
14.1
使用CSS 3美化項目列表 270
14.1.1
美化無序列表 270
14.1.2
美化有序列表 271
14.1.3
美化自定義列表 273
14.1.4
制作圖片列表 274
14.1.5
縮進圖片列表 276
14.1.6
列表的復合屬性 277
14.2
使用CSS 3制作網頁菜單 278
14.2.1
制作無須表格的菜單 278
14.2.2
制作水平和垂直菜單 280
14.3
綜合案例——模擬SOSO導航欄 282
14.4
跟我學上機——將段落轉變成列表 285
14.5
疑難解惑 287
第15章 使用濾鏡美化網頁元素 289
15.1
濾鏡概述 290
15.2
設置基本濾鏡效果 291
15.2.1
高斯模糊(blur)濾鏡 291
15.2.2
明暗度(brightness)濾鏡 292
15.2.3
對比度(contrast)濾鏡 293
15.2.4
陰影(drop-shadow)濾鏡 294
15.2.5
灰度(grayscale)濾鏡 295
15.2.6
反相(invert)濾鏡 296
15.2.7
透明度(opacity)濾鏡 297
15.2.8
飽和度(saturate)濾鏡 298
15.2.9
深褐色(sepia)濾鏡 299
15.3
綜合案例1——使用復合濾鏡效果 300
15.4
綜合案例2——使用濾鏡制作動畫
效果 301
15.5
跟我學上機——制作色相旋轉
(hue-rotate)濾鏡 303
15.6
疑難解惑 304
第III篇 高級提升技能
第16章 CSS 3中的動畫效果 307
16.1
了解過渡效果 308
16.2
添加過渡效果 308
16.3
了解動畫效果 310
16.4
添加動畫效果 311
16.5
了解2D轉換效果 312
16.6
添加2D轉換效果 313
16.6.1
添加移動效果 313
16.6.2
添加旋轉效果 314
16.6.3
添加縮放效果 315
16.6.4
添加傾斜效果 316
16.7
添加3D轉換效果 318
16.8
綜合案例——添加綜合過渡效果 320
16.9
跟我學上機——添加綜合變幻效果 321
16.10
疑難解惑 322
第17章 HTML 5中的文件與拖放 323
17.1 選擇文件 324
17.1.1 選擇單個文件 324
17.1.2 選擇多個文件 324
17.2 使用FileReader接口讀取文件 325
17.2.1 檢測瀏覽器是否支持
FileReader接口 325
17.2.2 FileReader接口的方法 326
17.2.3 使用readAsDataURL方法預覽
圖片 326
17.2.4 使用readAsText方法讀取文本
文件 328
17.3 使用HTML 5實現文件的拖放 329
17.3.1 認識文件拖放的過程 330
17.3.2 瀏覽器支持情況 330
17.3.3 在網頁中拖放圖片 331
17.4 綜合案例——在網頁中來回拖放
圖片 332
17.5
跟我學上機——在網頁中拖放文字 333
17.6
疑難解惑 335
第18章 定位地理位置技術 337
18.1 Geolocation API獲取地理位置 338
18.1.1 地理定位的原理 338
18.1.2 獲取定位信息的方法 338
18.1.3 常用地理定位方法 338
18.1.4 判斷瀏覽器是否支持HTML 5
獲取地理位置信息 339
18.1.5 指定緯度和經度坐標 340
18.1.6 獲取當前位置的經度與緯度 341
18.1.7 處理錯誤和拒絕 343
18.2 目前瀏覽器對地理定位的支持情況 343
18.3 綜合案例——在網頁中調用Google
地圖 344
18.4 跟我學上機——持續獲取用戶移動后
的位置 346
18.5 疑難解惑 348
第19章 Web存儲和通信技術 349
19.1 認識Web存儲 350
19.1.1 本地存儲和Cookies的區別 350
19.1.2 Web存儲方法 350
19.2 使用HTML 5 Web Storage API 350
19.2.1 測試瀏覽器的支持情況 351
19.2.2 使用sessionStorage方法創建
對象 352
19.2.3 使用localStorage方法創建
對象 353
19.2.4 Web Storage API的其他操作 355
19.2.5 使用JSON對象存取數據 355
19.3 在本地建立數據庫 358
19.3.1 本地數據庫概述 358
19.3.2 用executeSql來執行查詢 358
19.3.3 使用transaction方法處理
事件 359
19.4 目前瀏覽器對Web存儲的支持
情況 359
19.5
跨文檔消息傳輸 359
19.5.1
跨文檔消息傳輸的基本知識 359
19.5.2
案例1——跨文檔通信應用
測試 360
19.6
WebSocket API 362
19.6.1
什么是WebSocket API 362
19.6.2
WebSocket通信基礎 362
19.6.3
案例2——服務器端使用
Web
Socket API 364
19.6.4
案例3——客戶機端使用
WebSocket API 367
19.7
綜合案例——制作簡單Web
留言本 367
19.8
跟我學上機——編寫簡單的
WebSocket服務器 370
19.9 疑難解惑 374
第20章 處理線程和服務器發送事件 375
20.1 Web Worker 376
20.1.1 Web Worker概述 376
20.1.2 線程中常用的變量、函數
與類 376
20.1.3 案例1——前臺與后臺線程
進行數據的交互 377
20.2 線程嵌套 379
20.2.1 案例2——單線程嵌套 379
20.2.2 案例3——多個子線程中的
數據交互 381
20.3 服務器發送事件概述 383
20.4 服務器發送事件的實現過程 383
20.4.1 檢測瀏覽器是否支持
Server-Sent Event 383
20.4.2 使用EventSource對象 384
20.4.3 編寫服務器端代碼 384
20.5 綜合案例——創建Web Worker
計數器 385
20.6
跟我學上機——服務器發送事件實戰
應用 386
20.7
疑難解惑 388
第21章 CSS 3定位與DIV布局核心
技術 389
21.1
了解塊級元素和行內級元素 390
21.1.1
塊級元素和行內級元素的
應用 390
21.1.2
div標記和span標記的區別 392
21.2
盒子模型 392
21.2.1
盒子模型的概念 393
21.2.2
定義網頁的border區域 393
21.2.3
定義網頁的padding區域 394
21.2.4
定義網頁的margin區域 395
21.3
CSS 3新增的彈性盒模型 399
21.3.1
定義盒子的布局取向
(box-orient) 399
21.3.2
定義盒子的布局順序
(box-direction) 400
21.3.3
定義盒子布局的位置
(box-ordinal-group) 402
21.3.4
定義盒子的彈性空間
(box-flex) 403
21.3.5
管理盒子空間(box-pack
和box-align) 405
21.3.6
盒子空間的溢出管理
(box-lines) 407
21.4
綜合案例——圖文排版效果 408
21.5
跟我學上機——淘寶導購菜單 411
21.6
疑難解惑 414
第IV篇 綜合案例實戰
第22章 網頁布局剖析與制作 417
22.1
固定寬度網頁剖析與布局 418
22.1.1
網頁單列布局模式 418
22.1.2
網頁1-2-1型布局模式 421
22.1.3
網頁1-3-1型布局模式 425
22.2
自動縮放網頁1-2-1型布局模式 428
22.2.1
“1-2-1”等比例變寬布局 428
22.2.2
“1-2-1”單列變寬布局 429
22.3
自動縮放網頁1-3-1型布局模式 430
22.3.1
“1-3-1”三列寬度等比例
布局 430
22.3.2
“1-3-1”單側列寬度固定的
變寬布局 430
22.3.3
“1-3-1”中間列寬度固定的
變寬布局 434
22.3.4
“1-3-1”雙側列寬度固定的
變寬布局 437
22.4
分列布局背景色的使用 440
22.4.1
設置固定寬度布局的列
背景色 440
22.4.2
設置特殊寬度變化布局的列
背景色 441
22.4.3
設置單列寬度變化布局的列
背景色 443
22.5
綜合案例——設置多列等比例寬度
變化布局的列背景 445
22.6
跟我學上機——“1-3-1”中列和
左側列寬度固定的變寬布局 447
22.7
疑難解惑 450
第23章 設計企業門戶類網頁 451
23.1
構思布局 452
23.1.1
設計分析 452
23.1.2
排版架構 452
23.2
模塊分割 453
23.2.1
Logo與導航菜單 453
23.2.2
左側的文本介紹 455
23.2.3
右側的導航鏈接 457
23.2.4
版權信息 458
23.3
整體調整 459
23.4
疑難解惑 460
第24章 設計在線購物類網頁 461
24.1
整體布局 462
24.1.1
設計分析 462
24.1.2
排版架構 462
24.2
模塊分割 463
24.2.1
Logo與導航區 463
24.2.2
Banner與資訊區 465
24.2.3
產品類別區域 466
24.2.4
頁腳區域 468
24.3
設置鏈接 468
24.4
疑難解惑 468
展開全部
HTML5+CSS3網頁設計與制作案例課堂-(第2版) 作者簡介
劉春茂,本科畢業于上海復旦大學,碩士畢業于清華大學。曾在美國IBM公司移動產品開發組從事Android平臺應用的開發。擅長的核心技術媒體和教育領域個性化信息推薦,網站用戶行為數據挖掘,健康領域非結構化數據處理。擅長的其他技術熟悉各種網站和手機(Andorid和iOS)app的開發等,精通Java, C/C , PHP, Python等流行語言并對Hadoop, MapReduce等大數據框架有深入研究。