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

目    錄
第1章  網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)   1
1.1  網(wǎng)頁(yè)的基本概念   1
1.1.1  Web與網(wǎng)頁(yè)   1
1.1.2  網(wǎng)站   3
1.2  網(wǎng)頁(yè)設(shè)計(jì)相關(guān)技術(shù)   4
1.2.1  HTML概述   4
1.2.2  CSS   5
1.2.3  JavaScript腳本語(yǔ)言   6
1.3  網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)   7
1.3.1  靜態(tài)網(wǎng)頁(yè)的工作原理   7
1.3.2  常用的開(kāi)發(fā)工具   7
1.3.3  網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)的過(guò)程   9
1.4  編寫(xiě)個(gè)HTML頁(yè)面   12
1.4.1  環(huán)境搭建   12
1.4.2  使用HTML5編寫(xiě)簡(jiǎn)單網(wǎng)頁(yè)   15
1.5  本章小結(jié)   16
1.6  思考和練習(xí)   16
第2章  HTML基礎(chǔ)   17
2.1  HTML簡(jiǎn)介   17
2.1.1  HTML的歷史變遷   17
2.1.2  XHTML基礎(chǔ)   19
2.1.3  Web開(kāi)發(fā)新時(shí)代：HTML5   22
2.2  HTML基本語(yǔ)法   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  對(duì)表格的列進(jìn)行分組   51
2.3.6  嵌套表格   52
2.4  本章小結(jié)   54
2.5  思考和練習(xí)   54
第3章  HTML5快速入門(mén)   55
3.1  認(rèn)識(shí)HTML5文檔結(jié)構(gòu)   55
3.2  HTML5元素   57
3.2.1  新增的結(jié)構(gòu)元素   57
3.2.2  新增的塊級(jí)元素   65
3.2.3  新增的行內(nèi)語(yǔ)義元素   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)頁(yè)中的多媒體   110
5.1  向網(wǎng)頁(yè)中添加圖片   110
5.1.1  選擇正確的圖片格式   110
5.1.2  使用元素添加圖片   112
5.1.3  使用圖片作為鏈接   114
5.1.4  使用圖像映射   114
5.2  為網(wǎng)頁(yè)添加音頻及視頻   116
5.2.1  使用元素   116
5.2.2  使用元素   117
5.2.3  使用元素   118
5.2.4  在頁(yè)面中嵌入騰訊視頻   119
5.3  繪制圖形   120
5.3.1  使用元素   121
5.3.2  CanvasRenderingContext2D對(duì)象   122
5.3.3  繪制簡(jiǎn)單圖形   123
5.3.4  清空畫(huà)布   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)頁(yè)中加入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)先級(jí)   153
6.3.1  CSS繼承   153
6.3.2  !important指示符   156
6.3.3  CSS優(yōu)先級(jí)   156
6.4  本章小結(jié)   156
6.5  思考和練習(xí)   157
第7章  CSS選擇器   158
7.1  基本選擇器   158
7.1.1　 標(biāo)簽選擇器   158
7.1.2　 類(lèi)選擇器   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  偽類(lèi)選擇器   171
7.5.1  與鏈接相關(guān)的動(dòng)態(tài)偽類(lèi)   171
7.5.2  UI元素相關(guān)的偽類(lèi)   173
7.5.3  結(jié)構(gòu)偽類(lèi)   178
7.5.4  語(yǔ)言偽類(lèi):lang   185
7.5.5  否定偽類(lèi):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章  高級(jí)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  移動(dòng)   221
9.4  設(shè)計(jì)動(dòng)畫(huà)   223
9.4.1  過(guò)渡動(dòng)畫(huà)   223
9.4.2  關(guān)鍵幀動(dòng)畫(huà)   227
9.5  本章小結(jié)   235
9.6  思考和練習(xí)   235
第10章  網(wǎng)頁(yè)布局   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語(yǔ)法基礎(chǔ)   261
11.1  JavaScript簡(jiǎn)介   261
11.1.1  JavaScript的發(fā)展歷程   261
11.1.2　JavaScript的特點(diǎn)   262
11.1.3　 在HTML中使用JavaScript   263
11.2  文檔對(duì)象模型   265
11.2.1  使用點(diǎn)符號(hào)訪(fǎng)問(wèn)值   265
11.2.2  常用的DOM方法和屬性   265
11.3  變量與數(shù)據(jù)類(lèi)型   268
11.3.1  關(guān)鍵字   268
11.3.2  變量   268
11.3.3  數(shù)據(jù)類(lèi)型   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  流程控制語(yǔ)句   272
11.5.1  選擇語(yǔ)句   272
11.5.2  循環(huán)語(yǔ)句   276
11.5.3  跳轉(zhuǎn)語(yǔ)句   278
11.6  本章小結(jié)   278
11.7  思考和練習(xí)   279
第12章  JavaScript高級(jí)技巧   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  對(duì)象   287
12.3.1  對(duì)象的聲明和引用   287
12.3.2  瀏覽器對(duì)象   290
12.3.3  內(nèi)置對(duì)象   294
12.4  本章小結(jié)   298
12.5  思考和練習(xí)   299
第13章  使用jQuery   300
13.1  jQuery概述   300
13.1.1  為什么使用jQuery   300
13.1.2  在頁(yè)面中加入jQuery   301
13.2  jQuery語(yǔ)法基礎(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  訪(fǎng)問(wèn)jQuery對(duì)象   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動(dòng)畫(huà)與特效   320
13.5  本章小結(jié)   323
13.6  思考和練習(xí)   324
第14章  構(gòu)建企業(yè)網(wǎng)站   325
14.1  企業(yè)網(wǎng)站設(shè)計(jì)指南   325
14.1.1  網(wǎng)站的開(kāi)發(fā)流程   325
14.1.2  企業(yè)網(wǎng)站的主要功能   327
14.1.3  色彩搭配與風(fēng)格設(shè)計(jì)   327
14.2  構(gòu)建企業(yè)網(wǎng)站   328
14.2.1  前期準(zhǔn)備工作   328
14.2.2  組織網(wǎng)頁(yè)結(jié)構(gòu)   329
14.2.3  設(shè)計(jì)元素   330
14.2.4  設(shè)計(jì)元素   332
14.2.5  設(shè)計(jì)頁(yè)面主體部分   333
14.2.6  設(shè)計(jì)版權(quán)信息   338
14.3  測(cè)試網(wǎng)頁(yè)   339
14.4  本章小結(jié)   340
參考文獻(xiàn)   341