●第1章互聯網與萬維網介紹1
1.1互聯網與萬維網2
互聯網2
互聯網的誕生2
互聯網的發展2
萬維網的誕生2
第一個圖形化瀏覽器3
技術融合3
誰在運行互聯網？3
內聯網和外部網4
1.2萬維網標準與無障礙訪問5
W3C推薦標準5
萬維網標準與無障礙訪問5
無障礙訪問與法律5
萬維網通用設計6
1.3萬維網上的信息7
網絡信息與可靠性7
有道德地使用網上的信息8
自測題1.19
1.4網絡概述9
1.5客戶端/服務器模型10
1.6互聯網協議11
文件傳輸協議(FTP)12
電子郵件協議12
超文本傳輸協議(HTTP)12
傳輸控制協議/互聯網協議
(TCP/IP)12
1.7統一資源定位符和域名14
URI和URL14
域名14
1.8標記語言16
標準通用標記語言(SGML)17
超文本標記語言(HTML)17
可擴展標記語言(XML)17
可擴展超文本標記語言
(XHMTL)17
HTML5-HTML語言的近期新版本17
自測題1.218
1.9萬維網上的流行應用18
電子商務18
移動接入18
博客18
維基19
社交網絡19
雲計算20
RSS20
播客20
Web2.020
本章小結22
關鍵術語22
復習題23
動手練習24
網站實例研究24
關注網頁設計25
第2章HTML基礎27
2.1HTML概覽28
HTML28
XML28
XHTML29
HTML529
2.2文檔類型定義30
2.3網頁模板30
2.4H素30
2.素head、title、meta
和body31
頭部(Head)31
主體(Body)31
2.6你的第一張網頁32
動手實踐2.132
自測題2.135
2.素36
動手實踐2.236
無障礙訪問與標題37
2.素38
動手實踐2.338
對齊39
2.素39
動手實踐2.440
2.10素40
動手實踐2.541
2.1素42
2.12有序列表43
類型(Type)、起始值(Start)和
倒序*(Reversed)屬性44
動手實踐2.644
2.13無序列表45
動手實踐2.746
2.14描述列表47
動手實踐2.847
自測題2.248
2.15特殊字符49
動手實踐2.949
2.1素51
HTML素51
導素(Nav)51
動手實踐2.1052
2.素53
動手實踐2.1154
絕對超鏈接54
相對超鏈接55
網站地圖55
動手實踐2.1255
電子郵件超鏈接(E-Mail)58
動手實踐2.1359
無障礙訪問與超鏈接60
塊級錨60
自測題2.361
2.18HTML驗證61
動手實踐2.1461
本章小結64
關鍵術語64
復習題65
學以致用66
動手練習67
萬維網探秘68
網站實例研究68
第3章用層疊樣式表CSS配置顏色
與文本81
3.1層疊樣式表概覽82
層疊樣式表的優點82
配置層疊樣式表83
樣式選擇器與聲明83
背景顏色屬性83
顏色屬性84
配置背景顏色與文本顏色84
3.2為網頁配色86
十六進制的顏色碼86
網頁安全色87
配色的CSS語法87
3.3帶樣式屬性的內聯CSS88
樣式屬性(Style)88
動手實踐3.188
3.4素的內嵌CSS90
樣式(Sty素90
動手實踐3.291
自測題3.193
3.5用CSS配置文本93
字體繫列屬性(font-family)93
更多的CSS字體屬性95
CSS3文本陰影屬性97
動手實踐3.397
3.6CSS類、id與派生選擇器100
類選擇器100
id選擇器101
動手實踐3.4101
派生選擇器102
3.7S素103
動手實踐3.5103
3.8使用外部樣式表104
動手實踐3.6105
動手實踐3.7106
自測題3.2108
3.9用CSS實現H素居中109
動手實踐3.8110
3.10層疊111
動手實踐3.9112
3.12CSS驗證113
動手實踐3.10114
本章小結116
關鍵術語116
復習題116
動手練習119
萬維網探秘121
關注網頁設計121
網站實例研究122
第4素與圖像131
4.1配置線條與邊框132
水平素132
動手實踐4.1132
邊框屬性與間距屬性132
動手實踐4.2136
自測題4.1138
4.2圖像類型138
圖像互換格式(GIF)圖片138
聯合照片專家小組(JPEG)圖像139
可移植網絡圖形格式(PNG)
圖像141
新型的WebP圖像格式141
4.素141
無障礙訪問和圖像143
圖像超鏈接143
動手實踐4.3143
優化Web圖像145
動手實踐4.4146
4.4HTML素147
HTML5Fig素147
HTML5Figcapt素148
動手實踐4.5148
HTML5Me素149
HTML5Progr素150
4.5背景圖像151
background-image屬性151
同時配置背景色和背景圖151
瀏覽器顯示背景圖151
background-repeat屬性151
background-position屬性153
動手實踐4.6153
background-attachment屬性154
自測題4.2155
4.6更多有關圖像的知識155
圖像映射155
探索矩形圖像映射156
收藏圖標157
配置收藏圖標157
動手實踐4.7158
圖像切割158
CSS精靈159
4.7圖片來源與使用原則159
圖片來源159
圖像使用指導原則160
無障礙訪問素161
自測題4.3161
4.8CSS3視覺效果162
CSS3background-clip屬性162
CSS3background-origin屬性163
CSS3background-size屬性163
CSS3中對多張背景圖像的處理165
動手實踐4.8166
CSS3圓角效果166
動手實踐4.9167
CSS3box-shadow屬性168
動手實踐4.10169
CSS3的opacity屬性170
動手實踐4.11171
CS3RGBA顏色172
動手實踐4.12174
CSS3HSLA顏色174
動手實踐4.13176
CSS3漸變177
本章小結180
關鍵術語180
復習題181
學以致用182
動手練習183
萬維網探秘184
關注網頁設計184
網站實例研究185
第5章網頁設計197
5.1為目標受眾群體而設計198
5.2網站的組織結構199
分層結構199
線性結構200
隨機結構201
5.3視覺效果設計原則201
重復：在整個設計中重復使用
視覺組件201
對比：提升視覺刺激效果，吸引
注意力202
鄰近：組合相關的項目202
對素對齊形成視覺上的
統一效果203
5.4無障礙訪問設計203
誰將從通用設計與無障礙訪問
設計中獲益？203
無障礙訪問設計有利於被搜索引擎
檢索到204
做正確的事：提供無障礙訪問204
5.5適合於Web的寫作風格205
精心組織內容205
字體選擇205
字體大小206
字體粗細206
文字顏色對比206
文本行的長度206
對齊206
超鏈接中的文本206
閱讀級別207
拼寫和語法207
5.6顏色的使用207
基於圖像的配色方案207
色輪208
基於色輪的配色方案209
對配色方案進行補充210
無障礙訪問與顏色211
顏色與目標受眾211
自測題5.1214
5.7圖片與多媒體的應用214
圖像的文件大小和尺寸214
多媒體中的抗鋸齒或鋸齒文字215
僅使用必要的多媒體215
提供替代文本215
5.8更多設計方面的注意事項216
加載時間216
首屏217
充分留白217
避免水平滾動217
瀏覽器217
屏幕分辨率218
5.9導航設計218
易於導航218
導航欄218
面包屑導航218
利用圖形實現導航219
跳過重復導航鏈接219
動態導航220
站點地圖220
站內檢索功能221
5.10頁面布局設計221
線框和頁面布局221
頁面布局設計技術223
5.11設計適應於移動設備的Web225
三種方法226
設計移動設備端網站時需要考慮
的因素226
桌面網站與移動網站示例226
響應式網頁設計228
5.12網頁設計很好實踐核對清單230
自測題5.2232
本章小結233
關鍵術語233
復習題234
萬維網探秘236
關注網頁設計237
網站實例研究238
Web項目239
第6章頁面布局241
6.1盒模型242
內容242
內邊距242
邊框242
外邊距242
Margin屬性243
盒模型的作用243
6.2正常流244
動手實踐6.1245
6.3CSS浮動247
動手實踐6.2248
6.4CSS：清除浮動249
clear屬性249
overflow屬性250
自測題6.1252
6.5CSS雙欄頁面布局252
左欄為導航的雙欄布局252
雙欄頁面，頂部是頁眉，左側
為導航254
百尺竿頭還需更進一步255
6.6無序列表中的超鏈接255
用CSS配置列表標記256
用無序列表組織垂直導航區域257
用無序列表組織水平導航區域258
6.7用CSS偽類增加交互效果259
動手實踐6.3260
6.8CSS雙欄布局實戰262
動手實踐6.4262
6.9頁眉文本圖像替換265
改進的頁眉文本圖像替換技術266
動手實踐6.5266
6.10實戰圖片庫267
動手實踐6.6267
6.11利用CSS進行定位269
靜態定位270
固定定位270
相對定位270
絕對定位271
動手實踐6.7272
6.12CSS調試技術274
驗證HTML語法是否正確274
驗證CSS語法是否正確274
設置臨時背景顏色274
設置臨時邊框274
使用注釋查找意想不到的重疊274
6.13更多HTML素275
sect素275
arti素276
as素276
t素276
動手實踐6.8276
6.14舊瀏覽器的HTML5兼容性278
配置CSS塊顯示279
HTML5Shim279
動手實踐6.9279
自測題6.2280
本章小結281
關鍵術語281
復習題281
學以致用282
動手練習285
萬維網探秘286
網站實例研究286
Web項目298
第7章深入了解超鏈接、列表
和移動端網頁設計299
7.1換個角度看看超鏈接300
有關相對超鏈接的更多知識300
相對鏈接示例300
動手實踐7.1301
區段標識符302
動手實踐7.2303
ARIA的標志角色305
target屬性305
動手實踐7.3306
塊級錨點306
電話與短信超鏈接306
7.2CSS精靈306
動手實踐7.4307
自測題4.1309
7.3三欄式CSS頁面布局309
動手實踐7.5310
7.4CSS打印樣式316
打印樣式很好實踐316
動手實踐7.6319
7.5設計顯示於移動設備上的網頁321
移動網頁設計很好實踐322
7.6視窗的meta標簽324
7.7CSS3多媒體查詢325
什麼是多媒體查詢？326
使用l素的多媒體查詢
示例326
使用@media規則的多媒體查詢
示例327
動手實踐7.7329
7.8彈性圖像332
動手實踐7.8333
7.9測試在移動設備上的顯示效果335
用桌面電腦的瀏覽器進行測試336
僅限於特別專業的開發者337
多媒體查詢與InternetExplorer
瀏覽器337
移動設備優先337
7.10CSS3彈性盒布局338
配置一個彈性容器338
配置彈性項目339
動手實踐7.9340
自測題7.2343
本章小結344
關鍵術語344
復習題344
學以致用345
動手練習348
萬維網探秘349
關注網頁設計349
網站實例研究350
Web項目363
第8章表格365
8.1表格概覽366
border屬性367
表格標題367
8.2表格格與表頭368
素368
表素368
表素369
動手實踐8.1370
8.3跨行和跨列370
colspan屬性370
rowspan屬性371
動手實踐8.2371
8.4配置一張可無障礙訪問的表格372
自測題8.1374
8.5用CSS設置表格樣式374
動手實踐8.3375
8.6CSS3結構化偽類377
動手實踐8.4378
8.7配置表格中的各個部分379
自測題8.2380
本章小結381
關鍵術語381
復習題381
學以致用382
動手練習384
萬維網探秘385
關注網頁設計385
網站實例研究385
Web項目390
第9章表單391
9.1表單概述392
表單控件394
9.素表單控件394
文本框394
提交按鈕396
重置按鈕396
動手實踐9.1397
多選框398
單選按鈕399
隱藏輸入控件400
密碼框401
9.3滾動文本框401
動手實踐9.2402
9.4選擇列表404
自測題9.1406
9.5圖像按鈕素406
圖像按鈕407
9.6無障礙訪問與表單408
動手實踐9.3409
Fieldset和Leg素409
動手實踐9.4410
tabindex屬性411
accesskey屬性412
自測題9.2412
9.7用CSS定義表單樣式413
9.8服務器端的處理414
動手實踐9.5415
隱私和表單417
服務器端處理的資源417
探索服務器端處理技術418
自測題9.3418
9.9HTML5表單控件418
電子郵件地址輸入419
URL輸入控件419
電話號碼輸入控件420
搜索字段輸入控件420
數據列表表單控件421
滑塊表單控件422
微調器表單控件423
日歷表單控件424
拾色器表單控件425
動手實踐9.6425
HTML5與漸進式提升427
本章小結428
關鍵術語428
復習題428
學以致用430
動手練習431
萬維網探秘433
關注網頁設計434
網站實例研究434
Web項目444
第10章網站開發445
10.1大型項目的成功開發446
項目工作角色446
確定項目人選的標準447
10.2開發流程448
概念形成450
分析450
設計451
開發452
測試453
自動測試工具和校驗器454
啟用456
維護456
評估456
自測題10.1457
10.3域名概述457
挑選域名457
注冊域名458
10.4主機寄存458
主機供應商459
寄存的類型459
10.5選擇虛擬主機460
自測題10.2462
本章小結463
關鍵術語463
復習題463
動手練習465
萬維網探秘466
關注網頁設計467
網站實例研究467
Web項目467
第11章多媒體與交互性469
11.1插件、容器和編解碼器470
11.2開啟音頻與視頻之旅472
提供超鏈接472
動手實踐11.1472
與網上的多媒體打交道473
多媒體與無障礙訪問475
瀏覽器兼容性問題475
11.3AdobeFlash475
HTML素476
動手實踐11.2477
Flash資源477
自測題11.1478
11.4HTML5音頻素478
網頁上的HTML5音頻479
動手實踐11.3480
網頁上的HTML5視頻482
動手實踐11.4483
11.5多媒體文件與版權法律484
11.6CSS3和交互性485
CSS圖片庫485
動手實踐11.5485
CSS3Transform屬性487
CSS3Rotate變換488
動手實踐11.6488
CSSTransition屬性490
動手實踐11.7490
練習應用過渡效果492
動手實踐11.8492
11.7Java494
在網頁上添加Java小程序495
Java小程序資源497
自測題11.1497
11.8JavaScript497
JavaScript資源499
11.9Ajax499
Ajax資源501
11.10jQuery501
jQuery資源502
11.11HTML5API502
地理位置502
網絡存儲502
離線應用503
用Can素繪圖503
HTML5API資源505
自測題11.3505
11.12無障礙與多媒體/交互性505
本章小結507
關鍵術語507
復習題508
學以致用509
動手練習510
萬維網探秘511
關注網頁設計511
網站實例研究512
Web項目517
第12章電子商務概述519
12.1什麼是電子商務？520
電子商務的優勢520
電子商務的風險520
12.2電子商務商業模式521
12.3電子數據交換(EDI)522
12.4電子商務統計數據522
12.5電子商務相關問題524
12.6電子商務安全525
加密525
完整性526
安全套接字層(SSL)526
數字證書527
SSL和數字證書528
自測題12.1528
12.7訂單和支付處理529
現金模型529
信用卡模型529
智能卡模型529
移動支付模型530
12.8開設電子商務店鋪的解決
方案530
速成網店530
現成的購物車軟件531
定制解決方案531
根據預算決定的半定制解決
方案531
自測題12.2532
本章小結533
關鍵術語533
復習題533
動手練習535
萬維網探秘535
關注網頁設計536
網站實例研究536
Web項目547
第13章網站推廣549
13.1搜索引擎概述550
13.2流行的搜索引擎550
13.3搜索引擎組件550
機器人551
數據庫551
搜索表單551
13.4搜索引擎優化552
關鍵字552
網頁標題552
標題標簽552
描述552
Descript標簽553
鏈接553
圖像和多媒體553
有效的代碼554
有價值的內容554
13.5被搜索引擎收錄554
合適的站點地圖555
加盟556
自測題13.1556
13.6監控搜索列表556
13.7鏈接流行度558
13.8社交媒體優化558
博客和RSS源559
社交網絡559
13.9其他的網站推廣活動560
快速反應(QR)碼560
分銷聯盟計劃560
橫幅廣告561
橫幅廣告互換561
互惠鏈接協議562
時事通訊562
有“粘性”的網站功能562
個人推薦562
新聞組和郵件列表服務562
傳統媒體廣告與現有的營銷
材料563
自測題13.2563
13.10通過內聯框架提供動態內容563
ifr素563
內聯框架中的YouTube視頻565
動手實踐13.1565
本章小結567
關鍵術語567
復習題568
動手練習569
萬維網探秘569
關注網頁設計569
網站實例研究570
Web項目572
第14章JavaScript573
14.1JavaScript概述574
14.2JavaScript的發展歷程574
14.3JavaScript的常見用途575
警告消息575
彈窗575
跳轉菜單576
鼠標移動技術576
14.4在網頁中添加JavaScript577
Scr素577
傳統JavaScript語句塊模板578
警告消息框578
動手實踐14.1578
調試練習579
自測題14.1580
14.5文檔對像模型概述580
動手實踐14.2581
14.6事件與事件處理程序583
動手實踐14.3584
自測題14.2585
14.7變量585
在網頁中使用變量586
動手實踐14.4586
使用輸入提示框獲取變量值588
動手實踐14.5588
14.8編程概念介紹589
算術運算符589
判斷結構590
動手實踐14.6591
函數593
動手實踐14.7594
自測題14.3595
14.9表單處理595
動手實踐14.8596
自測題14.4601
14.10無障礙訪問與JavaScript601
14.11JavaScript資源601
14.12jQuery概述602
14.13在網頁中添加jQuery602
下載jQuery602
通過內容分發網絡訪問jQuery603
Ready事件603
動手實踐14.9604
14.14jQuery選擇器605
14.15jQuery方法605
動手實踐14.10606
14.16jQuery圖片庫608
動手實踐14.11609
14.17jQuery插件611
動手實踐14.12612
動手實踐14.13613
14.18jQuery資源615
自測題14.5616
本章小結617
關鍵術語617
復習題618
學以致用619
動手練習620
萬維網探秘621
網站實例研究621
Web項目630
附錄網頁開發人員手冊631
參考答案653

本書廣泛適用於各種教程與學習需求，讀者可自行靈活掌握使用方法。全書共14章，主要涉及以下重要主題：HTML和CSS編碼；網頁設計很好實踐；鏈接、布局、移動性；網頁開發；網頁多媒體與交互性；電子商務概覽；網頁提升；JavaScript和jQuery簡介。本書適合所有對網頁設計感興趣的讀者閱讀，是一本理想的入門參考。

(美)特麗·菲爾克-莫裡斯(Terry Felke-Morris) 著;潘玉琪 譯 著

前 言這是一本網頁開發的入門教程，內容涵蓋了網頁開發人員需要掌握的基礎技術，具體如下所述：？互聯網概念？用HTML5創建網頁？用層疊樣式表(CSS)配置文本、顏色、頁面布局？網頁設計很好實踐？無障礙訪問標準？網頁開發流程？在頁面上添加多媒體與素？CSS3新特性？網站性能提升與搜索引擎優化？電子商務與萬維網？JavaScript本書特別為讀者提供了支持特性，即“網頁開發者手冊”，這是一繫列附錄資源的集合，包括HTML5 參考、XHTML參考、HTML5和XHTML的比較、特殊實體字符列表、CSS屬性參考、WCAG2.0快速參考以及FTP教程。本書第7版主要關注HTML5，這種聚焦重點的做法對網頁開發初學者來說是有益的。本書綜合講解HTML與CSS主題，例如文本配置、顏色配置、頁面布局，同時重點突出設計、無障礙訪問、萬維網標準等方等