●第1章Web技術概述1
1.1Internet概述1
1.1.1TCP/IP1
1.1.2主機和IP地址2
1.1.3域名和DNS2
1.2Web概述3
1.2.1Web歷史3
1.2.2Web體繫結構4
1.2.3基本Web技術5
1.2.4Web服務器8
1.3超文本與標記語言9
1.3.1超文本與超媒體9
1.3.2標記語言10
1.4Web標準12
1.4.1Web標準體繫12
1.4.2采用Web標準的優勢13
1.5瀏覽器13
1.5.1常用瀏覽器13
1.5.2標準瀏覽器14
1.6Web開發工具15
1.6.1JetBrainsWebStorm15
1.6.2測試和調試環境15
1.7小結16
1.8習題16
第2章HTML5基礎18
2.1HTML5基礎概述18
2.1.1HTML5文檔結構18
2.素與標簽19
2.1.3屬性22
2.1.4語法規則23
2.2WebStorm基礎24
2.2.1WebStorm基本操作24
2.2.2WebStorm快捷鍵27
2.3文素27
2.3.1<html>標簽28
2.3.2<head>標簽28
2.3.3<body>標簽28
2.素28
2.4.1<title>標簽28
2.4.2<meta>標簽29
2.5叮叮書店首信息31
2.6小結31
2.7習題31
第3章HTML5內容結構與文本33
3.1HTML5結構標簽33
3.1.1<header>標簽33
3.1.2<nav>標簽34
3.1.3<article>標簽34
3.1.4<section>標簽34
3.1.5<aside>標簽34
3.1.6<footer>標簽34
3.1.7<details>和<summary>標簽34
3.1.8<div>標簽35
3.1.9<span>標簽35
3.2HTML5基礎標簽35
3.2.1標題36
3.2.2段落36
3.2.3換行符36
3.2.4注釋36
3.3HTML5格式化標簽36
3.3.1文本格式化標簽37
3.3.2引用和術語定義標簽38
3.3.3HTML5新增格式標簽39
3.4HTML5列表42
3.4.1無序列表42
3.4.2有序列表43
3.4.3定義列表44
3.5叮叮書店首頁內容結構的建立44
3.5.1分析設計頁面內容結構45
3.5.2用HTML5結構標簽確定頁面內容結構45
3.5.3添加文本內容48
3.5.4在瀏覽器中預覽52
3.6小結52
3.7習題53
第4章HTML5超鏈接54
4.1<a>標簽54
4.1.1href屬性54
4.1.2target屬性55
4.1.3id屬性55
4.2HTML5字符集與顏色57
4.2.1HTML5字符集57
4.2.2HTML5字符實體57
4.2.3HTML5顏色58
4.2.4HTML5顏色名58
4.3叮叮書店首頁超鏈接的使用58
4.4小結61
4.5習題61
第5章HTML5多媒體62
5.1HTML5圖像62
5.1.1<img>標簽62
5.1.2<map>和<area>標簽63
5.1.3<figure>和<figcaption>標簽64
5.2HTML5音視頻65
5.2.1HTML5視頻65
5.2.2HTML5音頻68
5.3<embed>標簽69
5.4叮叮書店首頁圖像的使用70
5.5小結71
5.6習題72
第6章HTML5表格73
6.1HTML5表格概述73
6.1.1表格結構73
6.1.2表格標簽73
6.2常用表格標簽74
6.2.1<table>標簽74
6.2.2<tr>標簽75
6.2.3<td>標簽75
6.2.4<col>標簽76
6.2.5<thead>、<tbody>和<tfoot>標簽77
6.3叮叮書店“購物車”頁面的建立77
6.4小結78
6.5習題79
第7章HTML5表單80
7.1HTML5表單概述80
7.1.1表單80
7.1.2<form>標簽80
7.2表單域82
7.2.1<input>標簽82
7.2.2<textarea>標簽90
7.2.3<label>標簽91
7.2.4<fieldset>標簽91
7.2.5<select>標簽92
7.2.6<option>標簽92
7.2.7<optgroup>標簽93
7.2.8<button>標簽93
7.2.9<datalist>標簽94
7.2.10<keygen>標簽94
7.2.11<output>標簽95
7.3叮叮書店“聯繫我們”頁面的建立95
7.4叮叮書店首頁添加站內搜索98
7.5小結98
7.6習題98
第8章CSS基礎100
8.1CSS概述100
8.2CSS語法102
8.3CSS常用選擇器103
8.4CSS3選擇器106
8.5CSS屬性107
8.5.1CSS屬性概述107
8.5.2CSS屬性值和單位110
8.5.3CSS3屬性值和單位112
8.6使用CSS113
8.7層疊(多重)樣式116
8.8小結119
8.9習題119
第9章頁面布局定位121
9.1CSS盒模型121
9.1.1CSS盒模型概述121
9.1.2CSS內邊距123
9.1.3CSS邊框124
9.1.4CSS3邊框128
9.1.5CSS外邊距131
9.1.6CSS輪廓133
9.2CSS布局134
9.2.1盒模型顯示類型134
9.2.2CSS3伸縮盒布局137
9.2.3CSS浮動146
9.2.4可見與溢出149
9.3CSS定位150
9.3.1position屬性151
9.3.2z-index屬性155
9.4基本布局模板156
9.4.1固定(液態)布局156
9.4.2彈性伸縮布局159
9.5叮叮書店首頁布局樣式設計160
9.6小結162
9.7習題162
第素外觀屬性165
10.1背景165
10.1.1CSS背景165
10.1.2CSS3背景168
10.1.3CSS3透明度170
10.2字體170
10.2.1指定字體171
10.2.2指定大小171
10.2.3字體風格172
10.2.4字體粗細172
10.2.5CSS3服務器端字體174
10.3文本與修飾175
10.3.1文本175
10.3.2修飾179
10.4CSS3文本效果181
10.4.1陰影181
10.4.2換行181
10.5CSS3多列182
10.6列表183
10.7尺寸185
10.8表格186
10.8.1表格屬性186
10.8.2表格邊框控制187
10.8.3改善表格顯示效果188
10.8.4叮叮書店“購物車”頁面表格樣式設計189
10.9叮叮書店首頁外觀樣式設計190
10.9.1文本190
10.9.2背景191
10.9.3其他細節193
10.10小結194
10.11習題194
第11章偽素196
11.1CSS偽類196
11.1.1超鏈接偽類196
11.1.2結構性偽類197
11.1素偽類199
11.1.素狀態偽類201
11.2C素204
11.3CSS內容205
11.4小結208
11.5習題208
第12章CSS3變換、過渡和動畫210
12.1變換210
12.2過渡219
12.3動畫223
12.4叮叮書店首頁超鏈接、偽類和動畫樣式設計225
12.5小結229
12.6習題229
第13章頁面內容樣式設計230
13.1默認樣式230
13.1.1HTML默認樣式230
13.1.2瀏覽器默認樣式232
13.2頁面內容樣式設計233
13.2.1導航菜單233
13.2.2圖文混排235
13.3小結237
13.4習題237
第14章網站制作流程與發布238
14.1網站制作流程238
14.2模板239
14.3基於模板建立叮叮書店其他頁面241
14.3.1書籍分類(category.html)241
14.3.2特刊降價(specials.html)243
14.3.3聯繫我們(contact.html)244
14.3.4關於我們(about.html)245
14.3.5詳細內容(details.html)246
14.3.6購物車(cart.html)248
14.4網站發布249
14.4.1Web服務器安裝使用249
14.4.2申請免費域名250
14.5小結251
14.6習題251
第15章ECMAScript基礎253
15.1JavaScript簡介253
15.1.1JavaScript歷史253
15.1.2JavaScript組成254
15.1.3JavaScript使用255
15.1.4JavaScript消息框257
15.2ECMAScript基礎概述258
15.2.1ECMAScript語法基礎258
15.2.2ECMAScript變量259
15.2.3ECMAScript關鍵字和保留字260
15.2.4ECMAScript基本數據類型260
15.2.5ECMAScript類型轉換262
15.3ECMAScript運算符264
15.3運算符264
15.3.2算術運算符266
15.3.3關繫運算符267
15.3.4邏輯運算符269
15.3.5其他運算符270
15.4小結271
15.5習題271
第16章ECMAScript語句273
16.1算法273
16.1.1算法的概念273
16.1.2簡單算法舉例273
16.1.3算法特性274
16.1.4算法與程序274
16.2ECMAScript語句274
16.2.1條件語句274
16.2.2循環語句277
16.2.3break和continue語句280
16.3使用WebStorm和GoogleChrome調試JavaScript腳本程序280
16.4小結282
16.5習題283
第17章行為與對像284
17.1行為284
17.1.1ECMAScript函數284
17.1.2HTML事件285
17.2ECMAScript對像289
17.2.1對像289
17.2.2使用對像290
17.2.3ECMAScript引用類型291
17.2.4ECMAScript對像類型296
17.3錯誤處理296
17.4內置對像和本地對像299
17.4.1Math對像299
17.4.2Global全局對像300
17.4.3Array對像301
17.4.4Date對像302
17.5叮叮書店首頁顯示日期和時間303
17.6小結305
17.7習題306
第18章DOM307
18.1DOM概述307
18.1.1DOM簡介307
18.1.2節點樹307
18.2DOM對像309
18.2.1Node對像309
18.2.2HTMLElement對像310
18.2.3HTMLDocument對像311
18.2.4訪問節點311
18.3DOM與CSS314
18.3.1Style對像314
18.3.2CurrentStyle對像318
18.3.3StyleSheet對像319
18.4叮叮書店首頁圖片切換廣告的實現320
18.5小結322
18.6習題322
第19章HTMLDOM對像324
19.1HTMLDOM對像概述324
19.1.1Document對像325
19.1.2Image對像327
19.1.3Anchor對像328
19.1.4Event對像329
19.1.5Checkbox和Radio對像333
19.1.6FileUpload對像335
19.1.7Text和Password對像337
19.1.8Textarea對像338
19.1.9Select和Option對像338
19.1.10Submit、Reset和Button對像340
19.1.11Form對像341
19.2RegExp對像343
19.3叮叮書店“聯繫我們”頁面表單數據驗證345
19.4小結347
19.5習題347
第20章HTML5DOM350
20.1canvas對像350
20.1.1canvas基礎351
20.1.2使用路徑352
20.1.3繪制文本354
20.1.4繪制圖像356
20.2HTML5拖放357
20.3HTML5數據存儲360
20.3.1sessionStorage對像360
20.3.2localStorage對像360
20.4叮叮書店“書籍分類”頁面拖放圖書到購物車364
20.5小結366
20.6習題367
第21章BOM368
21.1BOM對像368
21.1.1window對像368
21.1.2navigator對像372
21.1.3screen對像373
21.1.4location對像373
21.1.5history對像374
2素大小與位置374
21.3叮叮書店首頁浮動廣告377
21.4小結379
21.5習題379
第22章jQuery入門381
22.1jQuery基礎381
22.1.1添加jQuery庫381
22.1.2jQuery語法382
22.2特效和動畫383
22.3HTML操作385
22.4AJAX函數387
22.5叮叮書店“試讀”頁面的建立387
22.6小結390
22.7習題390
參考文獻391
本書基於Web標準,深入淺出地介紹了Web前端設計技術的基礎知識,對Web體繫結構、HTML5、CSS3、JavaScript和網站制作流程進行了詳細的講解;內容翔實,結構合理,語言精練,表達簡明,實用性強,易於自學。
全書共分22章,第1章介紹Web技術的基本概念、Web體繫結構、超文本與標記語言、Web標準的組成和常用瀏覽器,第2~7章重點介紹Web標準的結構推薦標準HTML素的標簽語句及應用,第8~13章介紹Web標準的表現推薦標準CSS3常用屬性及應用,第14章介紹網站制作流程與發布過程,第15~21章介紹Web標準的行為標準ECMA-262的ECMAScript基礎和JavaScript腳本語言,第22章介紹JavaScript框架jQuery的入門知識。
本書適合作為高等院校計算機及相關專業的教材,也可以作為相關培訓機構的培訓教材,以及對Web前等