HTML+CSS+JavaScript前端開發技術教程

HTML+CSS+JavaScript前端開發技術教程

《HTML+CSS+JavaScript前端開發技術教程》是2020年清華大學出版社出版的圖書,作者是安興亞、關玉欣、雲靜、李雷孝。

基本介紹

  • 中文名:HTML+CSS+JavaScript前端開發技術教程
  • 作者:安興亞、關玉欣
  • 出版社清華大學出版社
  • 出版時間:2020年7月1日
  • 定價:59.8 元
  • ISBN:9787302556206
內容簡介,圖書目錄,

內容簡介

全書共分13章,第1章主要講述Web前端開發技術基本概念,第2~6章介紹了HTML基礎標籤及相關屬性,第7~8章介紹CSS的語法及屬性,第9章主要介紹當前流行的DIV布局技術,第10章介紹表單技術,第11章介紹HTML5及CSS3的新特性,第12章介紹JavaScript基礎,第13章介紹jQuery與Ajax套用。 本書配有課程教學大綱、教案、課件PPT、微課視頻、案例原始碼及素材資源,並建立了課程教學網站。

圖書目錄

第1章Web前端開發技術概述1
1.1Web技術概述1
1.1.1Web的起源1
1.1.2Web相關概念2
1.1.3Web工作原理5
1.1.4Web的特點5
1.2Web前端開發相關技術7
1.2.1HTML7
1.2.2CSS7
1.2.3JavaScript9
1.2.4HTML DOM10
1.2.5BOM12
1.2.6jQuery12
1.3綜合案例14
習題15第2章HTML基礎17
2.1HTML文檔結構17
2.1.1HTML部分18
2.1.2HEAD部分18
2.1.3BODY部分18
2.2HTML語法19
2.2.1標籤19
2.2.2屬性20
2.2.3注釋20
2.3HTML基本標籤21
2.3.1<head>標籤21
2.3.2<body>標籤22
2.4HTML文檔編寫規範23
2.4.1HTML文檔命名規則23
2.4.2HTML代碼書寫規範24
2.5綜合案例24
習題27第3章文本與段落29
3.1文字內容29
3.1.1添加文字29
3.1.2標題字31
3.1.3添加空格32
3.1.4添加特殊符號33
3.2文字的修飾33
3.2.1簡單文本修飾標籤34
3.2.2字型標籤34
3.2.3文字上下標標籤35
3.2.4計算機輸出標籤37
3.2.5引用和術語標籤38
3.3段落與排版標籤40
3.3.1段落標籤40
3.3.2換行標籤41
3.3.3水平分隔線標籤41
3.3.4預格式化標籤42
3.3.5滾動字幕標籤44
3.4綜合案例45
習題47第4章列表49
4.1無序列表49
4.2有序列表50
4.3自定義列表52
4.4列表的嵌套53
4.5綜合案例55
習題56第5章超級連結58
5.1超級連結概述58
5.2超級連結語法、路徑及分類58
5.2.1超級連結語法58
5.2.2超級連結路徑60
5.2.3超級連結分類61
5.3超級連結的其他套用64
5.3.1創建檔案下載超級連結64
5.3.2創建圖像超級連結65
5.3.3創建電子郵件超級連結66
5.4綜合案例67
習題67第6章圖片與多媒體檔案69
6.1圖片69
6.1.1網頁圖片格式69
6.1.2插入圖片70
6.1.3設定圖片的替代文本71
6.1.4設定圖片的高度和寬度73
6.1.5設定圖片的框線73
6.1.6設定圖片的對齊方式74
6.1.7設定圖片的間距77
6.1.8設定圖片超連結79
6.1.9設定圖片熱區連結80
6.2音頻、視頻及Flash檔案82
6.2.1embed標記的使用83
6.2.2添加背景音樂84
6.2.3常用的音頻、視頻及Flash動畫檔案格式85
6.3綜合案例86
習題88第7章表格90
7.1表格標籤90
7.1.1基本語法90
7.1.2語法說明90
7.2表格屬性設定92
7.2.1單元格間距屬性92
7.2.2表格背景屬性94
7.2.3單元格跨列屬性95
7.2.4單元格跨行屬性95
7.2.5其他屬性95
7.3表格嵌套96
7.4綜合案例97
習題99第8章CSS修飾頁面101
8.1CSS基本語法101
8.1.1CSS的結構101
8.1.2CSS選擇符102
8.1.3樣式表分類及引用106
8.1.4偽類109
8.2盒子模型110
8.2.1盒子模型概念110
8.2.2元素框線屬性112
8.2.3外邊距屬性114
8.2.4內邊距屬性117
8.3用CSS設定文本樣式118
8.3.1字型樣式118
8.3.2文本樣式119
8.4顏色與背景設定120
8.4.1顏色設定120
8.4.2背景設定121
8.5CSS布局123
8.5.1position屬性123
8.5.2float屬性124
8.6綜合案例128
習題130第9章頁面布局132
9.1div標記與span標記132
9.1.1div標記132
9.1.2span標記134
9.1.3div標記與span標記的區別135
9.2頁面布局136
9.2.1兩列布局137
9.2.2三列布局139
9.2.3兩行布局140
9.2.4三行布局143
9.3導航選單146
9.3.1縱嚮導航選單146
9.3.2橫嚮導航選單148
9.4綜合案例150
習題153第10章表單的套用154
10.1表單的概念與工作原理154
10.2定義表單155
10.3定義域和域標題156
10.4表單元素157
10.4.1input元素157
10.4.2textarea元素164
10.4.3select元素164
10.5綜合案例165
習題168第11章HTML5基礎與CSS3套用170
11.1HTML5概述170
11.1.1HTML5的新特性170
11.1.2HTML5與HTML4的主要區別171
11.2HTML5表單174
11.2.1HTML5新增的表單屬性174
11.2.2HTML5新增的input元素屬性174
11.2.3HTML5新增的表單元素176
11.2.4HTML5新增的input元素類型177
11.3HTML5視頻與音頻179
11.3.1HTML5的video元素179
11.3.2HTML5的audio元素180
11.4HTML5 canvas畫布181
11.4.1canvas標籤181
11.4.2繪製圖形的步驟181
11.4.3圖形的繪製182
11.4.4文本繪製184
11.4.5漸變185
11.4.6圖像186
11.5CSS3套用188
11.5.1CSS3新增的選擇器188
11.5.2CSS3新增的與文字有關的屬性191
11.5.3CSS3新增的與框線有關的屬性193
11.5.4CSS3新增的與背景有關的屬性197
11.5.5CSS3新增的transition屬性199
11.5.6CSS3新增的transform屬性202
11.5.7CSS3新增的animation屬性205
11.5.8CSS3新增的多列屬性207
11.6綜合案例210
習題213第12章JavaScript基礎215
12.1JavaScript簡介215
12.2JavaScript腳本的使用216
12.2.1JavaScript腳本的套用實例216
12.2.2JavaScript腳本的引用方法217
12.3JavaScript的語法與數據類型220
12.3.1基本語法220
12.3.2數據類型221
12.3.3常量與變數223
12.3.4表達式與運算符225
12.4JavaScript程式的控制結構229
12.4.1順序結構229
12.4.2選擇結構229
12.4.3循環結構233
12.5JavaScript的函式237
12.5.1函式的定義237
12.5.2函式的調用237
12.6JavaScript的對象239
12.6.1對象的屬性和方法239
12.6.2對象的創建240
12.6.3JavaScript常用內部對象242
12.7JavaScript的事件處理252
12.7.1事件與事件處理252
12.7.2事件類型254
12.7.3表單事件254
12.7.4滑鼠事件257
12.7.5鍵盤事件257
12.7.6視窗事件259
12.8文檔對象模型與瀏覽器對象259
12.8.1DOM節點樹和節點259
12.8.2DOM節點的訪問261
12.8.3DOM節點的操作263
12.8.4瀏覽器對象266
12.9綜合案例270
習題275第13章jQuery套用278
13.1jQuery概述278
13.1.1jQuery的功能與特點278
13.1.2jQuery的使用279
13.1.3jQuery的語法279
13.2jQuery選擇器280
13.2.1基本選擇器280
13.2.2層次選擇器282
13.2.3過濾選擇器285
13.2.4屬性選擇器289
13.2.5表單選擇器289
13.3jQuery操作DOM290
13.3.1訪問元素屬性290
13.3.2訪問元素內容291
13.3.3訪問元素值292
13.3.4操作元素樣式292
13.3.5操作DOM節點293
13.4jQuery事件298
13.4.1事件處理298
13.4.2人工調用事件處理函式301
13.4.3事件快捷方法302
13.5jQuery的動畫效果304
13.5.1基本動畫304
13.5.2淡入淡出動畫305
13.5.3滑動動畫305
13.5.4自定義動畫306
13.6綜合案例307
習題310

熱門詞條

聯絡我們