HTML+CSS+JavaScript網(wǎng)頁設(shè)計

目    錄
第1章  網(wǎng)頁設(shè)計基礎(chǔ)知識   1
1.1  網(wǎng)頁的基本概念   1
1.1.1  Web與網(wǎng)頁   1
1.1.2  網(wǎng)站   3
1.2  網(wǎng)頁設(shè)計相關(guān)技術(shù)   4
1.2.1  HTML概述   4
1.2.2  CSS   5
1.2.3  JavaScript腳本語言   6
1.3  網(wǎng)頁設(shè)計與開發(fā)   7
1.3.1  靜態(tài)網(wǎng)頁的工作原理   7
1.3.2  常用的開發(fā)工具   7
1.3.3  網(wǎng)頁設(shè)計與開發(fā)的過程   9
1.4  編寫個HTML頁面   12
1.4.1  環(huán)境搭建   12
1.4.2  使用HTML5編寫簡單網(wǎng)頁   15
1.5  本章小結(jié)   16
1.6  思考和練習(xí)   16
第2章  HTML基礎(chǔ)   17
2.1  HTML簡介   17
2.1.1  HTML的歷史變遷   17
2.1.2  XHTML基礎(chǔ)   19
2.1.3  Web開發(fā)新時代：HTML5   22
2.2  HTML基本語法   24
2.2.1  標(biāo)簽與元素   24
2.2.2  核心元素   25
2.2.3  HTML屬性   27
2.2.4  文本格式化   29
2.2.5  使用列表   35
2.2.6  鏈接與導(dǎo)航   40
2.3  使用表格   45
2.3.1  創(chuàng)建表格   46
2.3.2  為表格添加標(biāo)題   48
2.3.3  表格的跨行與跨列   48
2.3.4  表格的結(jié)構(gòu)標(biāo)簽   51
2.3.5  對表格的列進(jìn)行分組   51
2.3.6  嵌套表格   52
2.4  本章小結(jié)   54
2.5  思考和練習(xí)   54
第3章  HTML5快速入門   55
3.1  認(rèn)識HTML5文檔結(jié)構(gòu)   55
3.2  HTML5元素   57
3.2.1  新增的結(jié)構(gòu)元素   57
3.2.2  新增的塊級元素   65
3.2.3  新增的行內(nèi)語義元素   69
3.2.4  新增的其他功能元素   71
3.2.5  廢除的元素   72
3.3  新增和廢除的屬性   73
3.3.1  新增的屬性   73
3.3.2  廢除的屬性   74
3.4  新增的事件   75
3.5  本章小結(jié)   76
3.6  思考和練習(xí)   76
第4章  HTML表單   77
4.1  表單概述   77
4.2  創(chuàng)建表單   78
4.2.1  使用元素創(chuàng)建表單   79
4.2.2  表單輸入元素   82
4.2.3  元素的其他屬性   98
4.2.4  下拉列表   100
4.2.5  多行文本輸入控件   104
4.2.6  使用元素創(chuàng)建按鈕   106
4.3  組織表單結(jié)構(gòu)   106
4.4  disabled與readonly控件   108
4.5  本章小結(jié)   109
4.6  思考和練習(xí)   109
第5章  網(wǎng)頁中的多媒體   110
5.1  向網(wǎng)頁中添加圖片   110
5.1.1  選擇正確的圖片格式   110
5.1.2  使用元素添加圖片   112
5.1.3  使用圖片作為鏈接   114
5.1.4  使用圖像映射   114
5.2  為網(wǎng)頁添加音頻及視頻   116
5.2.1  使用元素   116
5.2.2  使用元素   117
5.2.3  使用元素   118
5.2.4  在頁面中嵌入騰訊視頻   119
5.3  繪制圖形   120
5.3.1  使用元素   121
5.3.2  CanvasRenderingContext2D對象   122
5.3.3  繪制簡單圖形   123
5.3.4  清空畫布   125
5.3.5  繪制變形圖形   126
5.3.6  豐富圖形效果   131
5.3.7  圖像處理   136
5.3.8  繪制文本   140
5.4  本章小結(jié)   143
5.5  思考和練習(xí)   143
第6章  CSS概述   144
6.1  為什么要在網(wǎng)頁中加入CSS   144
6.1.1　 什么是CSS   144
6.1.2　 CSS產(chǎn)生的原因   145
6.1.3　 CSS的發(fā)展歷史   145
6.1.4   使用CSS的好處   147
6.2  在HTML中使用CSS   147
6.2.1  內(nèi)聯(lián)樣式   148
6.2.2  定義內(nèi)部樣式表   149
6.2.3  鏈接外部樣式表   150
6.2.4  導(dǎo)入外部樣式表   152
6.3  CSS繼承和優(yōu)先級   153
6.3.1  CSS繼承   153
6.3.2  !important指示符   156
6.3.3  CSS優(yōu)先級   156
6.4  本章小結(jié)   156
6.5  思考和練習(xí)   157
第7章  CSS選擇器   158
7.1  基本選擇器   158
7.1.1　 標(biāo)簽選擇器   158
7.1.2　 類選擇器   159
7.1.3　 ID選擇器   159
7.2  屬性選擇器   160
7.2.1  CSS 2.0定義的屬性選擇器   160
7.2.2  CSS3定義的屬性選擇器   161
7.3  派生選擇器   164
7.3.1  子選擇器   164
7.3.2  后代選擇器   165
7.3.3  相鄰兄弟選擇器   166
7.3.4  一般兄弟選擇器   167
7.4  偽元素選擇器   168
7.4.1  :first-letter和:first-line   168
7.4.2  :before和:after   169
7.4.3  ::selection   170
7.5  偽類選擇器   171
7.5.1  與鏈接相關(guān)的動態(tài)偽類   171
7.5.2  UI元素相關(guān)的偽類   173
7.5.3  結(jié)構(gòu)偽類   178
7.5.4  語言偽類:lang   185
7.5.5  否定偽類:not   185
7.6  本章小結(jié)   186
7.7  思考和練習(xí)   186
第8章  使用CSS設(shè)置文本樣式   187
8.1  設(shè)置文本字體   187
8.1.1  font-family屬性   188
8.1.2  font-size屬性   189
8.1.3  font-weight屬性   190
8.1.4  font-style屬性   190
8.1.5  font-variant屬性   190
8.1.6  font屬性   191
8.2  文本格式化   191
8.2.1  color屬性   192
8.2.2  text-align屬性   193
8.2.3  vertical-align屬性   193
8.2.4  text-decoration屬性   194
8.2.5  text-indent屬性   196
8.2.6  text-shadow屬性   196
8.2.7  text-transform屬性   197
8.2.8  letter-spacing和word-spacing屬性   197
8.2.9  white-space屬性   198
8.2.10  text-overflow屬性   199
8.2.11  word-wrap屬性   200
8.2.12  direction屬性   201
8.3  本章小結(jié)   201
8.4  思考和練習(xí)   202
第9章  高級CSS操控   203
9.1  設(shè)置元素背景   203
9.1.1  background-color屬性   204
9.1.2  background-image屬性   204
9.1.3  background-position屬性   205
9.1.4  background-size屬性   205
9.1.5  background-origin屬性   205
9.1.6  background-repeat屬性   206
9.1.7  background-clip屬性   206
9.1.8  background-attachment屬性   206
9.2  邊框與邊距   208
9.2.1  盒子模型   208
9.2.2  border屬性   208
9.2.3  padding屬性   211
9.2.4  margin屬性   211
9.2.5  border-radius屬性   212
9.2.6  border-image屬性   213
9.2.7  box-shadow屬性   215
9.3  變形處理   216
9.3.1  旋轉(zhuǎn)   217
9.3.2  傾斜   218
9.3.3  縮放   219
9.3.4  移動   221
9.4  設(shè)計動畫   223
9.4.1  過渡動畫   223
9.4.2  關(guān)鍵幀動畫   227
9.5  本章小結(jié)   235
9.6  思考和練習(xí)   235
第10章  網(wǎng)頁布局   237
10.1  多列布局   237
10.1.1  設(shè)置列寬和列數(shù)   238
10.1.2  設(shè)置列間距   240
10.1.3  設(shè)置列邊框   240
10.1.4  設(shè)置跨列標(biāo)題   241
10.1.5  統(tǒng)一列高   242
10.2  使用CSS定位與布局   242
10.2.1  position屬性   243
10.2.2  z-index屬性   247
10.2.3  float屬性   248
10.2.4  clear屬性   250
10.3  彈性盒布局   251
10.3.1  定義彈性容器   251
10.3.2  CSS彈性盒布局的常用屬性   253
10.3.3  彈性子元素屬性   256
10.4  本章小結(jié)   260
10.5  思考和練習(xí)   260
第11章  JavaScript語法基礎(chǔ)   261
11.1  JavaScript簡介   261
11.1.1  JavaScript的發(fā)展歷程   261
11.1.2　JavaScript的特點   262
11.1.3　 在HTML中使用JavaScript   263
11.2  文檔對象模型   265
11.2.1  使用點符號訪問值   265
11.2.2  常用的DOM方法和屬性   265
11.3  變量與數(shù)據(jù)類型   268
11.3.1  關(guān)鍵字   268
11.3.2  變量   268
11.3.3  數(shù)據(jù)類型   269
11.4  運(yùn)算符   270
11.4.1  算術(shù)運(yùn)算符   270
11.4.2  賦值運(yùn)算符   271
11.4.3  比較運(yùn)算符   271
11.4.4  邏輯運(yùn)算符   271
11.4.5  條件運(yùn)算符   272
11.4.6  字符串運(yùn)算符   272
11.5  流程控制語句   272
11.5.1  選擇語句   272
11.5.2  循環(huán)語句   276
11.5.3  跳轉(zhuǎn)語句   278
11.6  本章小結(jié)   278
11.7  思考和練習(xí)   279
第12章  JavaScript高級技巧   280
12.1  函數(shù)   280
12.1.1  函數(shù)的定義   280
12.1.2  調(diào)用函數(shù)   281
12.2  JavaScript中的事件   282
12.2.1  事件概述   283
12.2.2  常用事件的應(yīng)用   284
12.3  對象   287
12.3.1  對象的聲明和引用   287
12.3.2  瀏覽器對象   290
12.3.3  內(nèi)置對象   294
12.4  本章小結(jié)   298
12.5  思考和練習(xí)   299
第13章  使用jQuery   300
13.1  jQuery概述   300
13.1.1  為什么使用jQuery   300
13.1.2  在頁面中加入jQuery   301
13.2  jQuery語法基礎(chǔ)   302
13.2.1  文檔就緒函數(shù)   303
13.2.2  基本選擇器   303
13.2.3  篩選器   306
13.2.4  應(yīng)用css方法   310
13.2.5  訪問jQuery對象   311
13.2.6  使用jQuery管理事件   313
13.3  jQuery文檔處理   315
13.3.1  插入內(nèi)容   316
13.3.2  嵌套結(jié)構(gòu)   317
13.3.3  替換結(jié)構(gòu)   318
13.3.4  刪除結(jié)構(gòu)   318
13.3.5  復(fù)制結(jié)構(gòu)   319
13.3.6  設(shè)置內(nèi)容和屬性   320
13.4  jQuery動畫與特效   320
13.5  本章小結(jié)   323
13.6  思考和練習(xí)   324
第14章  構(gòu)建企業(yè)網(wǎng)站   325
14.1  企業(yè)網(wǎng)站設(shè)計指南   325
14.1.1  網(wǎng)站的開發(fā)流程   325
14.1.2  企業(yè)網(wǎng)站的主要功能   327
14.1.3  色彩搭配與風(fēng)格設(shè)計   327
14.2  構(gòu)建企業(yè)網(wǎng)站   328
14.2.1  前期準(zhǔn)備工作   328
14.2.2  組織網(wǎng)頁結(jié)構(gòu)   329
14.2.3  設(shè)計元素   330
14.2.4  設(shè)計元素   332
14.2.5  設(shè)計頁面主體部分   333
14.2.6  設(shè)計版權(quán)信息   338
14.3  測試網(wǎng)頁   339
14.4  本章小結(jié)   340
參考文獻(xiàn)   341