HTML5+CSS3+JavaScript 網(wǎng)頁(yè)設(shè)計(jì)案例開發(fā)

部分  前端語(yǔ)言介紹
第1章  HTML、CSS、JavaScript的介紹    2
1.1  準(zhǔn)備    2
1.2  HTML、CSS、JavaScript的介紹    4
1.3  HTML、CSS、JavaScript之間的協(xié)作關(guān)系    4
1.4  HTML、CSS、JavaScript的學(xué)習(xí)建議    5
1.5  HTML、CSS、JavaScript樣例    5
 1.5.1  綜合樣例    5
 1.5.2  HTML樣例    7
 1.5.3  CSS樣例    8
 1.5.4  JavaScript樣例    9
思考題    10
第2章  HTML入門    11
2.1  HTML背景及特點(diǎn)    11
 2.1.1  HTML背景    11
 2.1.2  HTML特點(diǎn)    11
2.2  HTML開發(fā)環(huán)境    12
2.3  HTML快速入門    13
思考題    14
第3章  CSS入門    15
3.1  CSS背景及特點(diǎn)    15
 3.1.1  CSS背景    15
 3.1.2  CSS特點(diǎn)    15
 3.1.3  CSS開發(fā)環(huán)境    15
3.2  CSS快速入門    16
 3.2.1  CSS基本語(yǔ)法    16
 3.2.2  如何插入樣式表    17
思考題    19
第4章  JavaScript入門    20
4.1  JavaScript的背景及特點(diǎn)    20
 4.1.1  JavaScript的背景    20
 4.1.2  JavaScript的特點(diǎn)    20
4.2  JavaScript開發(fā)環(huán)境    21
4.3  JavaScript快速入門    21
 4.3.1  JavaScript基本語(yǔ)法    21
 4.3.2  JavaScript函數(shù)    22
 4.3.3  JavaScript對(duì)象    25
思考題    27
第5章  HTML、CSS、JavaScript樣例    28
思考題    32
本部分小結(jié)    32
　　第二部分  HTML
第6章  HTML介紹    34
6.1  標(biāo)記語(yǔ)言    34
6.2  HTML    35
思考題    35
第7章  基本概念    36
7.1  元素    36
 7.1.1  HTML元素語(yǔ)法    36
 7.1.2  常見元素    36
 7.1.3  HTML實(shí)例解析    38
 7.1.4  小知識(shí)    39
7.2  屬性    39
 7.2.1  屬性語(yǔ)法    40
 7.2.2  常見屬性    40
 7.2.3  屬性實(shí)例    41
7.3  樣式    43
 7.3.1  簡(jiǎn)介    43
 7.3.2  內(nèi)聯(lián)樣式    44
 7.3.3  內(nèi)部樣式表    46
 7.3.4  外部樣式表    47
 7.3.5  HTML樣式標(biāo)簽    49
 7.3.6  已棄用的標(biāo)簽和屬性    49
7.4  注釋    49
7.5  區(qū)塊    50
 7.5.1  簡(jiǎn)介    50
 7.5.2  常見元素    50
思考題    51
第8章  常用控件    52
8.1  表單    52
 8.1.1  簡(jiǎn)介    52
 8.1.2  表單定義    52
 8.1.3  表單屬性    53
 8.1.4  表單元素    54
 8.1.5  表單樣例    60
8.2  媒體    63
 8.2.1  HTML音頻（Audio）    63
 8.2.2  HTML視頻（Videos）    65
8.3  DIV CSS    66
 8.3.1  什么是DIV CSS    67
 8.3.2  DIV CSS產(chǎn)生背景    67
 8.3.3  DIV CSS的優(yōu)勢(shì)    67
 8.3.4  DIV CSS嵌入方式    68
 8.3.5  DIV CSS布局優(yōu)點(diǎn)    69
 8.3.6  DIV CSS存在問題    69
 8.3.7  DIV CSS常見錯(cuò)誤    70
 8.3.8  DIV CSS常用工具    70
思考題    71
第9章  代碼規(guī)范    72
9.1  代碼風(fēng)格    72
 9.1.1  縮進(jìn)與換行    72
 9.1.2  命名    72
 9.1.3  標(biāo)簽    73
 9.1.4  屬性    76
9.2  通用    77
 9.2.1  DOCTYPE    77
 9.2.2  編碼    77
 9.2.3  CSS和JavaScript引入    78
9.3  Head    79
9.4  圖片    79
9.5  表單    80
9.6  按鈕    80
9.7  模板中的HTML    82
9.8  模板使用    85
 9.8.1  為什么使用HTML模板    85
 9.8.2  如何獲取HTML模板    85
思考題    86
第10章  HTML樣例    87
思考題    94
本部分小結(jié)    94
　　第三部分  CSS
第11章  CSS介紹    96
11.1  簡(jiǎn)介    96
 11.1.1  CSS歷史    96
 11.1.2  CSS語(yǔ)言特點(diǎn)    96
 11.1.3  CSS工作原理    97
11.2  語(yǔ)言基礎(chǔ)    97
 11.2.1  屬性和屬性值    97
 11.2.2  選擇器    98
11.3  技術(shù)應(yīng)用    100
思考題    100
第12章  CSS基本概念    101
12.1  CSS語(yǔ)法    101
12.2  id和class選擇器    102
 12.2.1  id選擇器    102
 12.2.2  class選擇器    102
12.3  CSS字體    102
 12.3.1  CSS字型    103
 12.3.2  字體系列    103
 12.3.3  字體樣式    104
 12.3.4  字體大小    104
 12.3.5  設(shè)置字體大小像素    105
 12.3.6  使用百分比和EM組合    105
 12.3.7  所有CSS字體屬性    106
12.4  顏色    107
 12.4.1  CSS顏色原理    107
 12.4.2  1600多萬(wàn)種不同的顏色    107
 12.4.3  灰階    108
12.5  CSS3背景    109
 12.5.1  瀏覽器支持    109
 12.5.2  屬性    110
 12.5.3  背景使用實(shí)例    113
思考題    114
第13章  CSS盒子模型    116
13.1  盒子模型簡(jiǎn)介    116
 13.1.1  元素的寬度和高度    116
 13.1.2  瀏覽器的兼容性問題    117
13.2  CSS邊框    117
 13.2.1  邊框樣式    117
 13.2.2  邊框?qū)挾?nbsp;   118
 13.2.3  邊框顏色    119
 13.2.4  邊框-單獨(dú)設(shè)置各邊    120
 13.2.5  邊框-簡(jiǎn)寫屬性    121
13.3  CSS輪廓    121
 13.3.1  輪廓屬性    121
 13.3.2  輪廓實(shí)例    122
13.4  CSS margin    123
 13.4.1  margin單邊外邊距屬性    123
 13.4.2  margin簡(jiǎn)寫屬性    124
 13.4.3  所有的CSS邊距屬性    124
 13.4.4  margin樣例    124
13.5  CSS padding    125
 13.5.1  填充單邊內(nèi)邊距屬性    126
 13.5.2  填充簡(jiǎn)寫屬性    126
 13.5.3  CSS填充屬性    126
 13.5.4  padding實(shí)例    127
思考題    128
第14章  CSS定位    129
14.1  position屬性    129
 14.1.1  static定位    129
 14.1.2  fixed定位    129
 14.1.3  relative定位    129
 14.1.4  absolute定位    130
 14.1.5  重疊的元素    130
 14.1.6  CSS position屬性總結(jié)    131
 14.1.7  position實(shí)例    132
14.2  float屬性    133
 14.2.1  什么是CSS的float    133
 14.2.2  元素浮動(dòng)方式    133
 14.2.3  彼此相鄰的浮動(dòng)元素    133
 14.2.4  清除浮動(dòng)使用clear    133
 14.2.5  CSS中所有的浮動(dòng)屬性    134
 14.2.6  float實(shí)例    134
14.3  align屬性    136
思考題    137
第15章  CSS3動(dòng)畫及響應(yīng)式    138
15.1  什么是CSS3中的動(dòng)畫    138
15.2  CSS3的@keyframes規(guī)則    140
15.3  CSS3動(dòng)畫屬性    142
15.4  CSS動(dòng)畫實(shí)例    142
15.5  響應(yīng)式布局簡(jiǎn)介    143
15.6  viewpoint    145
15.7  網(wǎng)格視圖    145
思考題    149
第16章  代碼規(guī)范    150
16.1  CSS書寫格式    150
16.2  選擇器與屬性縮寫    152
 16.2.1  選擇器    152
 16.2.2  屬性縮寫    153
 16.2.3  空行    154
16.3  值與單位    155
 16.3.1  文本    155
 16.3.2  數(shù)值    156
 16.3.3  url()    156
 16.3.4  長(zhǎng)度    156
 16.3.5  顏色    157
 16.3.6  2D位置    158
16.4  文本編排    158
 16.4.1  字體族    158
 16.4.2  字號(hào)    160
 16.4.3  字體風(fēng)格    160
 16.4.4  變換與動(dòng)畫    160
16.5  CSS注釋    161
 16.5.1  普通注釋    161
 16.5.2  區(qū)塊注釋    161
16.6  CSS命名規(guī)范    162
 16.6.1  命名組成    162
 16.6.2  命名前綴    162
16.7  CSS模板使用    162
思考題    164
本部分小結(jié)    164
　　第4部分  JavaScript
第17章  JavaScript介紹    166
17.1  簡(jiǎn)介    166
17.2  應(yīng)用場(chǎng)景    168
思考題    169
第18章  JavaScript的基本概念    170
18.1  變量    170
 18.1.1  變量定義    170
 18.1.2  JavaScript數(shù)據(jù)類型    170
 18.1.3  創(chuàng)建JavaScript變量    171
 18.1.4  變量作用域    172
18.2  JavaScript保留關(guān)鍵字    172
18.3  函數(shù)    173
 18.3.1  函數(shù)語(yǔ)法    173
 18.3.2  調(diào)用帶參數(shù)的函數(shù)    173
 18.3.3  帶有返回值的函數(shù)    174
 18.3.4  函數(shù)使用樣例    175
18.4  對(duì)象    178
 18.4.1  對(duì)象創(chuàng)建方法    178
 18.4.2  對(duì)象創(chuàng)建示例    181
 18.4.3  日期對(duì)象    182
 18.4.4  鐘表示例    183
18.5  事件    185
 18.5.1  基本概念    185
 18.5.2  事件分類    185
 18.5.3  事件示例    187
思考題    188
第19章  常用功能    189
19.1  數(shù)組    189
 19.1.1  創(chuàng)建數(shù)組    189
 19.1.2  數(shù)組的索引與長(zhǎng)度    190
 19.1.3  元素添加/刪除    191
 19.1.4  常用方法    193
19.2  Date    195
 19.2.1  Date對(duì)象簡(jiǎn)介    195
 19.2.2  Date對(duì)象常見方法    196
19.3  表單    197
 19.3.1  提交表單    198
 19.3.2  重置表單    198
 19.3.3  表單字段    199
 19.3.4  表單樣例    201
19.4  類庫(kù)    202
 19.4.1  常見類庫(kù)    203
 19.4.2  jQuery    205
19.5  jQuery詳解    207
 19.5.1  jQuery選擇器    207
 19.5.2  jQuery事件    209
 19.5.3  jQuery內(nèi)容修改    213
 19.5.4  jQuery遍歷    217
思考題    220
第20章  代碼規(guī)范    221
20.1  文件及結(jié)構(gòu)    221
 20.1.1  文件    221
 20.1.2  結(jié)構(gòu)    221
20.2  命名和注釋    227
 20.2.1  命名    227
 20.2.2  注釋    229
思考題    230
第21章  JavaScript樣例    231
21.1  俄羅斯方塊    231
 21.1.1  代碼及展示    231
 21.1.2  代碼分析    233
21.2  計(jì)算器    234
 21.2.1  代碼及展示    234
 21.2.2  代碼分析    241
思考題    242
本部分小結(jié)    242
　　第五部分  綜 合 樣 例
第22章  管理系統(tǒng)    246
22.1  類庫(kù)準(zhǔn)備    246
22.2  主頁(yè)    246
22.3  數(shù)據(jù)展示頁(yè)面    249
22.4  用戶管理頁(yè)面    256
思考題    262
第23章  游戲2048    263
23.1  界面    263
23.2  代碼    263
 23.2.1  HTML    263
 23.2.2  CSS    264
 23.2.3  JavaScript    266
思考題    273
第24章  個(gè)人網(wǎng)站    274
24.1  準(zhǔn)備    274
24.2  WordPress部署    276
 24.2.1  服務(wù)器鏡像安裝    276
 24.2.2  WordPress初始化    279
24.3  個(gè)人網(wǎng)站使用    279
思考題    280
本部分小結(jié)    280
后記    281
參考文獻(xiàn)    282