第1部分　起步
第1章　何為Web發布　1
1.1　像Web發布者一樣思考　1
1.1.1　Web是一個超文本信息係統　1
1.1.2　Web是跨平颱的　2
1.1.3　Web是分布式的　2
1.1.4　Web是動態的　3
1.1.5　Web是交互式的　4
1.2　Web瀏覽器　5
1.2.1　Web瀏覽器的作用　5
1.2.2　概述一些流行的Web瀏覽器　6
1.3　Web服務器　8
1.4　統一資源定位符　8
1.5　廣義的Web發布　9
1.6　小結　9
1.7　作業　9
1.7.1　問與答　9
1.7.2　小測驗　10
1.7.3　小測驗答案　10
1.7.4　練習　10
第2章　準備好工具　11
2.1　網站剖析　11
2.2　為發布到Web準備好計算機　13
2.2.1　文本編輯器　13
2.2.2　Web瀏覽器　14
2.3　使用Google Chrome 開發者工具　14
2.4　您要在Web上做什麼　17
2.5　繪製網站綫框圖　18
2.5.1　綫框圖是什麼，為何需要繪製綫框圖　18
2.5.2　綫框圖繪製小貼士　19
2.6　Web托管　19
2.6.1　使用內容管理應用程序　20
2.6.2　設置Web托管　20
2.7　小結　21
2.8　作業　21
2.8.1　問與答　21
2.8.2　小測驗　22
2.8.3　小測驗答案　22
2.8.4　練習　22
第3章　HTML和CSS簡介　23
3.1　HTML是什麼　23
3.1.1　HTML定義瞭網頁的結構　23
3.1.2　HTML並未定義網頁的布局　24
3.1.3　HTML為何以這樣的方式工作　25
3.1.4　標記的工作原理　25
3.2　HTML文件什麼樣　25
3.3　HTML屬性　28
3.4　使用屬性style　29
3.5　HTML標準簡史　30
3.6　不斷發展的最新標準HTML5　31
3.7　小結　31
3.8　作業　31
3.8.1　問與答　31
3.8.2　小測驗　32
3.8.3　小測驗答案　32
3.8.4　練習　32
第2部分　創建網頁
第4章　HTML基礎知識　33
4.1　定義頁麵的總體結構　33
4.1.1　標簽[html]　33
4.1.2　標簽[head]　34
4.1.3　標簽[body]　34
4.2　名稱　35
4.3　標題　36
4.4　段落　37
4.5　注釋　38
4.6　小結　39
4.7　作業　40
4.7.1　問與答　40
4.7.2　小測驗　40
4.7.3　小測驗答案　41
4.7.4　練習　41
第5章　使用列錶組織信息　42
5.1　列錶概述　42
5.2　帶編號的列錶　43
5.3　無序列錶　46
5.4　定義列錶　48
5.5　嵌套列錶　49
5.6　列錶的其他用途　51
5.7　小結　51
5.8　作業　52
5.8.1　問與答　52
5.8.2　小測驗　53
5.8.3　小測驗答案　53
5.8.4　練習　53
第6章　使用鏈接　54
6.1　創建鏈接　54
6.2　使用相對和絕對路徑名鏈接到本地頁麵　58
6.2.1　絕對路徑名　58
6.2.2　該使用相對路徑名還是絕對路徑名　59
6.3　鏈接到Web上的其他文檔　59
6.4　鏈接到文檔的特定位置　63
6.4.1　創建鏈接和錨　64
6.4.2　標簽[a]的name屬性　64
6.4.3　鏈接到當前文檔的其他元素　67
6.5　剖析URL　67
6.5.1　URL的組成部分　68
6.5.2　URL中的特殊字符　69
6.5.3　屬性rel　69
6.6　URL分類　70
6.6.1　HTTP URL　70
6.6.2　匿名FTP URL　70
6.6.3　非匿名FTP URL　71
6.6.4　mailto URL　71
6.6.5　文件URL　72
6.7　小結　72
6.8　作業　73
6.8.1　問與答　73
6.8.2　小測驗　74
6.8.3　小測驗答案　74
6.8.4　練習　74
第3部分　HTML和CSS的高級用法
第7章　使用HTML和CSS設置文本的格式　75
7.1　字符級元素　75
7.1.1　HTML語義標簽　75
7.1.2　HTML5物理樣式標簽的變化　77
7.2　使用CSS設置字符的格式　77
7.2.1　text-decoration屬性　78
7.2.2　字體屬性　78
7.3　預定格式的文本　79
7.4　水平分隔綫（主題分隔）　81
7.5　換行　83
7.6　地址　84
7.7　引文　84
7.8　特殊字符　86
7.8.1　字符編碼　87
7.8.2　錶示特殊字符的字符實體　88
7.8.3　錶示保留字符的字符實體　88
7.9　字體和字號　89
7.10　小結　97
7.11　作業　98
7.11.1　問與答　98
7.11.2　小測驗　99
7.11.3　小測驗答案　99
7.11.4　練習　99
第8章　使用CSS設置網站的樣式　100
8.1　在頁麵中包含樣式錶　100
8.1.1　創建頁麵級樣式　100
8.1.2　創建網站級樣式錶　101
8.2　選擇器　102
8.2.1　上下文選擇器　102
8.2.2　類和ID　103
8.2.3　級聯的含義　104
8.3　度量單位　105
8.4　使用開發者工具編輯樣式　108
8.5　使用顔色　109
8.6　鏈接　109
8.7　盒子模型　110
8.7.1　邊框　111
8.7.2　外邊距和內邊距　112
8.7.3　控製大小和元素顯示　116
8.7.4　浮動　118
8.8　其他選擇器　121
8.8.1　僞類　122
8.8.2　屬性選擇器　124
8.9　標簽[body]　124
8.10　小結　125
8.11　作業　125
8.11.1　問與答　125
8.11.2　小測驗　126
8.11.3　小測驗答案　126
8.11.4　練習　126
第9章　在網頁中使用圖像　127
9.1　Web上的圖像　127
9.2　圖像格式　128
9.2.1　GIF　128
9.2.2　JPEG　128
9.2.3　PNG　128
9.2.4　SVG　129
9.3　HTML內嵌圖像：標簽[img]　129
9.4　圖像和文本　132
9.4.1　文本和圖像對齊　134
9.4.2　沿圖像繞排文本　135
9.4.3　調整圖像周圍空白區域的大小　138
9.5　圖像和鏈接　139
9.6　其他圖像使用技巧　142
9.7　將圖像用作背景　143
9.8　將圖像用作項目符號　145
9.9　圖像映射是什麼　146
9.9.1　選擇圖像　147
9.9.2　確定坐標　147
9.9.3　標簽[map]和[area]　149
9.9.4　屬性usemap　150
9.10　圖像使用規範　153
9.11　小結　154
9.12　作業　154
9.12.1　問與答　154
9.12.2　小測驗　155
9.12.3　小測驗答案　155
9.12.4　練習　155
第10章　創建錶格　156
10.1　創建錶格　156
10.2　錶格的組成部分　156
10.2.1　[table]元素　157
10.2.2　錶格摘要　158
10.2.3　行和單元格　158
10.2.4　空單元格　159
10.2.5　錶題　160
10.3　設置錶格、邊框和單元格的尺寸　163
10.3.1　設置錶格的寬度　163
10.3.2　修改錶格的邊框　164
10.3.3　單元格內邊距　166
10.3.4　單元格間距　167
10.3.5　列寬　168
10.4　錶格和單元格的顔色　169
10.5　對齊錶格內容　171
10.5.1　錶格對齊方式　171
10.5.2　錶格和錶題的對齊方式　172
10.6　橫跨多行或多列　174
10.7　更高級的錶格改進方式　180
10.7.1　將列編組並設置其樣式　180
10.7.2　將行編組並設置其樣式　183
10.8　錶格的用途　185
10.9　小結　185
10.10　作業　186
10.10.1　問與答　186
10.10.2　小測驗　187
10.10.3　小測驗答案　187
10.10.4　練習　187
第11章　使用CSS定位元素　188
11.1　定位方案　188
11.2　絕對定位　192
11.2.1　定位屬性　192
11.2.2　定位屬性及高度和寬度　192
11.2.3　嵌套絕對定位的元素　194
11.2.4　動態覆蓋層　195
11.3　固定定位　198
11.4　控製堆疊　199
11.5　創建下拉式菜單　201
11.6　小結　204
11.7　作業　205
11.7.1　問與答　205
11.7.2　小測驗　205
11.7.3　小測驗答案　205
11.7.4　練習　205
第12章　設計錶單　206
12.1　理解錶單　206
12.2　使用標簽[form]　210
12.3　使用標簽[label]　212
12.4　使用標簽[input]創建錶單控件　213
12.4.1　創建文本控件　214
12.4.2　使用datalist給文本字段添加可供選擇的值　215
12.4.3　使用HTML5新增的控件　216
12.4.4　創建密碼控件　219
12.4.5　創建提交按鈕　220
12.4.6　創建重置按鈕　220
12.4.7　創建復選框　221
12.4.8　創建單選按鈕　222
12.4.9　將圖像用作提交按鈕　222
12.4.10　創建常規按鈕　223
12.4.11　隱藏的錶單字段　224
12.4.12　文件上傳控件　224
12.5　使用其他錶單控件　225
12.5.1　使用元素button　225
12.5.2　使用textarea創建大型文本輸入字段　225
12.5.3　使用select和option創建菜單　226
12.6　使用fieldset和legend將控件編組　231
12.6.1　修改默認的錶單導航順序　233
12.6.2　使用快捷鍵　233
12.6.3　創建被禁用的控件和隻讀控件　233
12.7　使用progress和meter顯示更新進度　234
12.8　使用CSS設置錶單控件的樣式　238
12.9　規劃錶單　242
12.10　小結　243
12.11　作業　244
12.11.1　問與答　244
12.11.2　小測驗　245
12.11.3　小測驗答案　245
12.11.4　練習　245
第13章　使用HTML5定義頁麵的結構　246
13.1　HTML頁麵布局簡史　246
13.2　使用HTML5設計頁麵布局　247
13.3　HTML5結構性標簽　248
13.3.1　區段　248
13.3.2　頁眉　249
13.3.3　頁腳　249
13.3.4　導航　250
13.3.5　文章　251
13.3.6　側欄　251
13.4　頁麵大綱　251
13.5　使用HTML5結構性元素　252
13.6　小結　253
13.7　作業　253
13.7.1　問與答　253
13.7.2　小測驗　254
13.7.3　小測驗答案　254
13.7.4　練習　254
第14章　集成多媒體：視頻和聲音　255
14.1　以簡單的方式嵌入視頻　255
14.1.1　將視頻托管到外部網站的優缺點　256
14.1.2　將視頻上傳到YouTube　257
14.1.3　定製視頻播放器　257
14.1.4　其他服務　258
14.2　自己托管視頻　259
14.2.1　視頻和容器格式　259
14.2.2　將視頻轉換為H.264格式　260
14.3　使用[video]嵌入視頻　262
14.3.1　標簽[video]　263
14.3.2　使用[source]元素　265
14.4　使用[object]標簽嵌入Flash電影　266
14.5　標簽[embed]　268
14.6　使用SWFObject嵌入Flash電影　269
14.7　Flash視頻播放器　271
14.7.1　JW Player　271
14.7.2　使用Flowplayer　272
14.8　結閤使用標簽[object]和[video]　273
14.9　在頁麵中嵌入音頻　274
14.9.1　標簽[audio]　274
14.9.2　Flash音頻播放器　275
14.10　小結　276
14.11　作業　277
14.11.1　問與答　277
14.11.2　小測驗　277
14.11.3　小測驗答案　278
14.11.4　練習　278
第15章　高級CSS：使用CSS設置頁麵布局　279
15.1　設置頁麵布局　279
15.1.1　基於錶格的布局存在的問題　280
15.1.2　編寫結構清晰的HTML　280
15.1.3　編寫布局樣式錶　282
15.1.4　使用定位屬性調整各部分的排列順序　285
15.1.5　浮動欄布局技術　287
15.2　CSS在Web設計中扮演的角色　288
15.3　網站級樣式錶　291
15.4　小結　292
15.5　作業　292
15.5.1　問與答　292
15.5.2　小測驗　293
15.5.3　小測驗答案　293
15.5.4　練習　293
第16章　響應式Web設計　294
16.1　什麼是響應式Web設計　294
16.1.1　響應式Web設計簡史　294
16.1.2　RWD為何很重要　295
16.1.3　RWD並非隻調整欄數　295
16.2　應優先考慮移動設備　295
16.2.1　移動優先　296
16.2.2　設置視口　296
16.3　規劃響應式網站　298
16.3.1　復核所做的分析　298
16.3.2　使用手機訪問自己的網站　298
16.3.3　確定哪些內容至關重要　298
16.4　編寫媒體查詢　298
16.4.1　媒體類型　299
16.4.2　媒體特徵　299
16.4.3　斷點　300
16.4.4　使用媒體查詢創建樣式錶　301
16.5　理解RWD的技術細節　302
16.5.1　調整布局　302
16.5.2　創建響應式圖像和視頻　306
16.5.3　創建響應式錶格　308
16.6　響應式Web設計最佳實踐　311
16.6.1　讓每位用戶都獲得最佳的使用體驗　311
16.6.2　根據網站而不是設備選擇最佳的斷點　312
16.6.3　保持靈活的同時不忘小屏幕設備　312
16.7　小結　312
16.8　作業　312
16.8.1　問與答　312
16.8.2　小測驗　313
16.8.3　小測驗答案　313
16.8.4　練習　313
第4部分　使用JavaScript和jQuery
第17章　JavaScript簡介　314
17.1　為何要使用JavaScript　314
17.1.1　易於使用　315
17.1.2　可改善性能　315
17.1.3　與瀏覽器集成　315
17.2　[script]標簽　315
17.2.1　JavaScript腳本的結構　316
17.2.2　屬性src　316
17.3　JavaScript和Chrome開發者工具　316
17.4　JavaScript語言　317
17.4.1　運算符和錶達式　319
17.4.2　變量　320
17.4.3　控製結構　321
17.4.4　函數　324
17.4.5　數據類型　325
17.4.6　數組　326
17.4.7　對象　326
17.5　JavaScript環境　327
17.6　事件　327
17.7　小結　330
17.8　作業　330
17.8.1　問與答　330
17.8.2　小測驗　331
17.8.3　小測驗答案　331
17.8.4　練習　331
第18章　使用jQuery　332
18.1　JavaScript庫是什麼？　332
18.2　jQuery初步　333
18.3　編寫第一個jQuery腳本　333
18.4　選擇文檔中的元素　334
18.5　關聯到事件　335
18.6　修改頁麵的樣式　336
18.6.1　隱藏和顯示元素　336
18.6.2　獲取和修改樣式錶屬性　337
18.7　修改頁麵的內容　337
18.7.1　操作類　338
18.7.2　操作錶單值　339
18.7.3　直接操作屬性　341
18.7.4　添加和刪除內容　341
18.8　特效　344
18.9　AJAX和jQuery　345
18.10　小結　348
18.11　作業　348
18.11.1　問與答　349
18.11.2　小測驗　349
18.11.3　小測驗答案　349
18.11.4　練習　349
第19章　在頁麵中使用JavaScript　350
19.1　使用JavaScript驗證錶單　350
19.2　隱藏和顯示內容　357
19.3　在頁麵中添加新內容　363
19.4　小結　366
19.5　作業　366
19.5.1　問與答　367
19.5.2　小測驗　367
19.5.3　小測驗答案　367
19.5.4　練習　367
第20章　使用框架和鏈接窗口　368
20.1　框架是什麼　368
20.1.1　HTML5為何不再支持框架　368
20.1.2　內嵌框架又如何呢　369
20.2　使用鏈接窗口　369
20.2.1　瀏覽上下文關鍵字　369
20.2.2　[base]標簽　372
20.3　內嵌框架　373
20.4　使用JavaScript打開鏈接窗口　376
20.5　小結　378
20.6　作業　379
20.6.1　問與答　379
20.6.2　小測驗　379
20.6.3　小測驗答案　379
20.6.4　練習　379
第5部分　一個都不能少
第21章　移動Web設計　380
21.1　使用手機瀏覽網頁的方式截然不同　380
21.2　移動Web設計標準　381
21.2.1　漸進增強　381
21.2.2　驗證網頁　382
21.3　移動Web寫作　384
21.3.1　清晰而簡明　384
21.3.2　以便於快速掃描的方式組織頁麵　384
21.3.3　每個頁麵都自成一體　385
21.3.4　慎用突齣　385
21.3.5　不要使用瀏覽器專用的術語　385
21.3.6　對頁麵進行拼寫檢查和校對　386
21.4　設計和頁麵布局　386
21.4.1　隻將標題標簽用於標題　386
21.4.2　將相關的信息編組　387
21.4.3　使用統一的布局　387
21.5　使用鏈接　387
21.5.1　移動用戶輕按而不單擊　387
21.5.2　使用包含描述性文本的鏈接菜單　388
21.5.3　在文本中使用鏈接　388
21.5.4　彆患“這裏”綜閤癥　388
21.5.5　鏈接還是不鏈接　389
21.6　使用圖像和多媒體　390
21.6.1　不要濫用圖像　390
21.6.2　圖像彆太大　390
21.6.3　彆隨便對訪客使用的硬件做齣假設　391
21.6.4　彆讓視頻令人討厭　391
21.6.5　彆使用Flash　391
21.7　充分利用CSS和JavaScript　392
21.7.1　將CSS和JavaScript放在外部文件中　392
21.7.2　位置很重要　392
21.7.3　對CSS和JavaScript進行壓縮　393
21.8　利用移動設備的功能　393
21.8.1　定位　393
21.8.2　打電話　393
21.8.3　短信　394
21.9　其他良好的移動Web設計習慣和提示　394
21.9.1　鏈接到主頁　395
21.9.2　不要將一個主題放在多個頁麵中　395
21.9.3　在頁麵中包含落款　395
21.9.4　最後一個移動Web設計秘訣　396
21.10　小結　396
21.11　作業　397
21.11.1　問與答　397
21.11.2　小測驗　397
21.11.3　小測驗答案　398
21.11.4　練習　398
第22章　用戶體驗設計　399
22.1　考慮用戶的經驗水平　399
22.1.1　添加搜索引擎　399
22.1.2　使用簡潔易懂的URL　400
22.1.3　在導航中提供上下文　401
22.1.4　用戶是過客還是常客　402
22.2　判斷用戶偏好　402
22.3　何為無障礙　403
22.3.1　對無障礙的一些常見誤解　403
22.3.2　508條款　403
22.4　替代瀏覽器　404
22.5　編寫無障礙HTML　404
22.5.1　錶格　404
22.5.2　鏈接　405
22.5.3　圖像和多媒體　406
22.6　無障礙設計　407
22.6.1　使用顔色　407
22.6.2　字體　407
22.6.3　充分利用各種HTML標簽　408
22.6.4　框架　408
22.6.5　錶單　408
22.7　網站無障礙驗證　408
22.8　小結　409
22.9　作業　410
22.9.1　問與答　410
22.9.2　小測驗　411
22.9.3　小測驗答案　411
22.9.4　練習　411
第6部分　發布到Web
第23章　如何發布網站　412
23.1　Web服務器的功能　412
23.2　如何尋找Web托管服務　413
23.2.1　使用學校或單位的Web服務器　414
23.2.2　使用商業Web托管服務　414
23.2.3　商業Web開發商　415
23.2.4　自己搭建服務器　415
23.2.5　免費托管　415
23.3　組織HTML文件以方便發布　415
23.3.1　需要嚮網站管理員提齣的問題　416
23.3.2　使用目錄確保文件組織有序　416
23.3.3　提供默認索引文件並正確地命名文件　417
23.4　發布文件　417
23.4.1　在係統之間移動文件　418
23.4.2　上傳文件　418
23.5　故障排除　419
23.5.1　無法訪問服務器　419
23.5.2　無法訪問文件　420
23.5.3　無法訪問圖像　420
23.5.4　鏈接不管用　420
23.5.5　文件不能正確地顯示　421
23.6　網站推廣　421
23.6.1　友情鏈接　421
23.6.2　通過發客座文章進行內容營銷　422
23.6.3　通過社交媒體推廣網站　422
23.6.4　為網站創建Facebook頁麵　423
23.6.5　網站索引和搜索引擎　424
23.6.6　名片、信箋抬頭、小冊子和廣告　425
23.7　瞭解誰查看瞭您的網頁　425
23.7.1　日誌文件　425
23.7.2　Google Analytics　426
23.8　小結　428
23.9　作業　428
23.9.1　問與答　428
23.9.2　小測驗　429
23.9.3　小測驗答案　429
23.9.4　練習　429
第24章　使用服務器　430
24.1　PHP的工作原理　430
24.2　在計算機上運行PHP　431
24.3　PHP語言　432
24.3.1　注釋　432
24.3.2　變量　433
24.3.3　數組　433
24.3.4　字符串　435
24.3.5　條件語句　436
24.3.6　PHP條件運算符　437
24.4　循環　438
24.4.1　foreach循環　438
24.4.2　for循環　438
24.4.3　while和do...while循環　439
24.4.4　控製循環的執行　439
24.5　內置函數　440
24.6　用戶定義的函數　440
24.7　處理錶單　441
24.7.1　處理包含多個值的參數　442
24.7.2　顯示錶單　446
24.8　使用PHP包含　449
24.9　更深入地學習PHP　451
24.9.1　連接到數據庫　451
24.9.2　正則錶達式　451
24.9.3　發送郵件　451
24.9.4　PHP麵嚮對象功能　452
24.9.5　Cookie和會話　452
24.9.6　上傳文件　452
24.10　其他應用程序平颱　452
24.10.1　Microsoft ASP.NET　452
24.10.2　Java EE　452
24.10.3　Ruby on Rails　453
24.11　小結　453
24.12　作業　453
24.12.1　問與答　453
24.12.2　小測驗　454
24.12.3　小測驗答案　454
24.12.4　練習　454
第25章　搜索引擎和SEO　455
25.1　何為SEO　455
25.1.1　為何需要SEO　455
25.1.2　社交媒體怎樣　456
25.1.3　您可自己動手進行SEO　456
25.1.4　不進行SEO搜索引擎就找不到您的網站嗎　456
25.2　搜索引擎的工作原理　456
25.2.1　Google　457
25.2.2　Microsoft Bing　457
25.2.3　Yahoo!　458
25.2.4　彆忘瞭國際搜索　458
25.3　SEO技巧　458
25.3.1　您的網站友好嗎　458
25.3.2　使用關鍵字和關鍵字搜索　459
25.3.3　緻力於為用戶提供卓越的內容就是最好的SEO　459
25.3.4　有關SEO的誤解和實情　460
25.4　SEO跟蹤和管理工具　461
25.4.1　使用網站地圖　461
25.4.2　文件robots.txt　462
25.4.3　理解權威鏈接　462
25.4.4　重定嚮重復的內容　462
25.4.5　看看您的網站在搜索引擎眼裏是什麼樣　463
25.4.6　跟蹤SEO成效　464
25.5　付費鏈接　464
25.6　小結　464
25.7　作業　464
25.7.1　問與答　465
25.7.2　小測驗　465
25.7.3　小測驗答案　465
25.7.4　練習　465
· · · · · · (收起)