HTML+CSS+JavaScript網頁設計與布局實用教程 (第2版)

HTML+CSS+JavaScript網頁設計與布局實用教程 (第2版)

《HTML+CSS+JavaScript網頁設計與布局實用教程 (第2版)》是2018年清華大學出版社出版的圖書,作者是胡秀娥。

基本介紹

  • 中文名:HTML+CSS+JavaScript網頁設計與布局實用教程 (第2版)
  • 作者:胡秀娥
  • 出版時間:2018年06月01日
  • 出版社清華大學出版社
  • ISBN:9787302496069
  • 定價:59 元
內容簡介,圖書目錄,

內容簡介

《HTML+CSS+JavaScript網頁設計與布局實用教程(第2版)》共21章,引導讀者從零開始,一步步掌握網頁設計與布局的全過程。《HTML+CSS+JavaScript網頁設計與布局實用教程(第2版)》緊密圍繞網頁設計師在製作網頁過程中實際需要掌握的技術,全面介紹了使用HTML、CSS、JavaScript進行網頁設計和製作的各方面內容和技巧。《HTML+CSS+JavaScript網頁設計與布局實用教程(第2版)》不是單純講解語法,而是通過一個個鮮活、典型的實戰案例來達到學以致用的目的。每個語法都有相應的實例。每章後面又配有綜合小實例,

圖書目錄

第1章網頁標記語言HTML入門基礎 1
1.1HTML概述 1
1.2HTML檔案的構成 2
1.2.1HTML檔案結構 2
1.2.2編寫HTML檔案的注意事項 3
1.3怎樣編寫HTML檔案 4
1.3.1使用記事本檔案編寫頁面 4
1.3.2使用Dreamweaver編寫HTML頁面 5
1.4 網頁設計與開發的過程 6
1.4.1 明確網站定位 6
1.4.2 收集信息和素材 7
1.4.3 規劃欄目結構 7
1.4.4 設計頁面方案 8
1.4.5 製作頁面 9
1.4.6 實現後台功能 10
1.4.7 網站的測試與發布 11
1.5本章小結 11
1.6練習題 12
第2章HTML網頁文檔的結構 13
2.1HTML文檔主體標記 13
2.1.1bgcolor屬性 13
2.1.2background屬性 14
2.1.3text屬性 15
2.1.4設定連結文字屬性 16
2.1.5設定頁面邊距 19
2.2head部分的標記 20
2.2.1title標記 20
2.2.2定義頁面關鍵字 20
2.2.3定義頁面描述 21
2.2.4定義編輯工具 22
2.2.5定義作者信息 22
2.2.6定義網頁文字及語言 23
2.2.7定義網頁的定時跳轉 24
2.3綜合實例——創建基本的HTML檔案 24
2.4本章小結 27
2.5練習題 28
第3章 網頁文本與段落排版 29
3.1插入其他標記 29
3.1.1空格符號 29
3.1.2特殊符號 30
3.2設定文字的格式 31
3.2.1face屬性 31
3.2.2size屬性 32
3.2.3color屬性 33
3.2.4b、strong、em、u標記 34
3.2.5sup與sub標記 35
3.3設定段落的格式 36
3.3.1p標記 36
3.3.2段落對齊屬性align 37
3.3.3nobr標記 38
3.3.4br標記 39
3.4水平線標記 40
3.4.1hr標記 40
3.4.2水平線寬度與高度屬性:width、size 41
3.4.3水平線顏色屬性color 42
3.4.4水平線的對齊方式屬性align 43
3.4.5水平線去掉陰影屬性noshade 44
3.5使用marquee設定滾動效果 45
3.5.1marquee標記及其屬性 45
3.5.2使用marquee插入滾動公告 46
3.6綜合實例——設定頁面文本及段落 48
3.7本章小結 50
3.8練習題 50
第4章 網頁圖像和多媒體 51
4.1網頁中常見的圖像格式 51
4.2圖像標記及其屬性 52
4.2.1img標記 52
4.2.2height屬性 53
4.2.3width屬性 54
4.2.4border屬性 55
4.2.5hspace屬性 56
4.2.6vspace屬性 57
4.2.7align屬性 57
4.3添加背景音樂 59
4.3.1bgsound標記 59
4.3.2loop屬性 60
4.4綜合實例 60
綜合實例1——多媒體網頁 61
綜合實例2——創建圖文混合排版網頁 63
4.5本章小結 65
4.6練習題 66
第5章 用HTML創建超連結和表單 67
5.1超連結的基本概念 67
5.2創建超連結 67
5.2.1超連結標記 68
5.2.2設定的目標視窗 69
5.3創建圖像的超連結 70
5.3.1設定圖像超連結 70
5.3.2設定圖像熱區連結 71
5.4創建錨點連結 73
5.4.1創建錨點 73
5.4.2連結到頁面不同位置的錨點連結 74
5.5表單form 76
5.5.1action 76
5.5.2表單名稱name 76
5.5.3傳送方法method 77
5.5.4編碼方式enctype 78
5.5.5目標顯示方式target 78
5.6綜合實例 79
綜合案例1——插入表單對象 79
綜合案例2——給網頁添加連結 85
5.7本章小結 86
5.8練習題 87
第6章 用表格排列網頁數據 88
6.1表格屬性 88
6.1.1表格的基本標記table、tr、td 88
6.1.2表格寬度和高度width、height 89
6.1.3表格標題caption 90
6.1.4表格的表頭th 91
6.1.5表格對齊方式align 93
6.1.6框線寬度border 95
6.1.7表格框線顏色bordercolor 96
6.1.8單元格間距cellspacing 97
6.1.9單元格邊距cellpadding 98
6.1.10表格的背景色bgcolor 99
6.1.11表格的背景圖像background 100
6.2表格的結構標記 101
6.2.1設計表頭樣式thead 101
6.2.2設計表主體樣式tbody 103
6.2.3設計表尾樣式tfoot 104
6.3綜合實例——使用表格排版網頁 105
6.4本章小結 111
6.5練習題 111
第7章HTML5入門基礎 113
7.1HTML5簡介 113
7.2HTML5與HTML4的區別 114
7.2.1HTML5的語法變化 114
7.2.2HTML5中的標記方法 114
7.2.3HTML5語法中的3個要點 115
7.3HTML5新增的元素和廢除的元素 116
7.3.1新增的結構元素 116
7.3.2新增塊級元素 118
7.3.3新增的行內的語義元素 120
7.3.4新增的嵌入多媒體元素與互動性元素 123
7.3.5新增的input元素的類型 124
7.3.6廢除的元素 126
7.4新增的屬性和廢除的屬性 126
7.4.1新增的屬性 126
7.4.2廢除的屬性 128
7.5創建簡單的HTML5頁面 129
7.5.1HTML5文檔類型 129
7.5.2字元編碼 130
7.5.3頁面語言 130
7.5.4添加樣式表 130
7.5.5添加JavaScript 131
7.5.6測試結果 131
7.6本章小結 131
7.7練習題 132
第8章HTML5的結構 133
8.1新增主體結構元素 133
8.1.1article元素 133
8.1.2section元素 134
8.1.3nav元素 135
8.1.4aside元素 137
8.2新增的非主體結構元素 138
8.2.1header元素 138
8.2.2hgroup元素 139
8.2.3footer元素 140
8.2.4address元素 141
8.3本章小結 142
8.4練習題 142
第9章CSS入門基礎 143
9.1 為什麼要在網頁中加入CSS 143
9.1.1 什麼是CSS 143
9.1.2 使用CSS的好處 145
9.1.3 如何編寫CSS 145
9.1.4 CSS基本語法 146
9.1.5 瀏覽器與CSS 147
9.2在HTML中使用CSS 147
9.2.1連結外部樣式表 147
9.2.2行內方式 148
9.2.3嵌入外部樣式表 148
9.2.4定義內部樣式表 149
9.3選擇器類型 149
9.3.1 標籤選擇器 149
9.3.2 類選擇器 150
9.3.3 ID選擇器 151
9.4本章小結 153
9.5練習題 154
第10章 用CSS設定文本樣式 155
10.1 設計網頁中的文字樣式 155
10.1.1 font-family屬性 155
10.1.2 font-size屬性 157
10.1.3 font-weight屬性 158
10.1.4 font-style屬性 159
10.1.5 font-variant屬性 160
10.1.6 text-decoration屬性 161
10.2 設計文本的段落樣式 162
10.2.1line-height屬性 162
10.2.2text-align屬性 162
10.2.3 text-indent屬性 163
10.2.4 word-spacing屬性 164
10.2.5 first-letter首字下沉 165
10.2.6 text-transform 166
10.3綜合實例——用CSS排版網頁文字 168
10.4本章小結 170
10.5練習題 170
第11章用CSS設計圖像和背景 171
11.1 設定網頁的背景 171
11.1.1 background-color屬性 171
11.1.2 background-image屬性 172
11.2 設定背景圖像的屬性 173
11.2.1 background-repeat屬性 173
11.2.2 background-attachment屬性 174
11.2.3 background-position屬性 175
11.3 設定網頁圖像的樣式 175
11.3.1 border屬性 176
11.3.2 圖文混合排版 177
11.4綜合實例——給圖片添加框線 177
11.5本章小結 179
11.6練習題 179
第12章 用CSS設定表格和表單樣式 181
12.1 網頁中的表格 181
12.1.1 表格對象標記 181
12.1.2 在Dreamweaver中插入表格 182
12.1.3 表格的bgcolor屬性 183
12.1.4 表格的border樣式 184
12.1.5 設定表格的陰影 185
12.2 網頁中的表單 186
12.2.1 表單對象 186
12.2.2 表單標記 186
12.2.3 表單的布局設計 187
12.2.4 設定框線樣式 190
12.2.5 設定背景樣式 190
12.2.6 設定輸入文本的樣式 191
12.3綜合實例 192
綜合實例1——製作變換背景色的表格 192
綜合實例2——設計文本框的樣式 194
12.4本章小結 196
12.5練習題 196
第13章用CSS製作連結與網站導航 198
13.1 超連結基礎 198
13.1.1 超連結的基本概念 198
13.1.2使用頁面屬性設定超連結 199
13.2 連結標記 200
13.2.1 a:link 200
13.2.2 a:visited 200
13.2.3 a:active 201
13.2.4 a:hover 201
13.3 各種形式的超連結 202
13.3.1背景色變換連結 202
13.3.2多姿多彩的下畫線連結 204
13.3.3 圖像翻轉連結 205
13.3.4 框線變換連結 206
13.4項目列表 208
13.4.1有序列表 208
13.4.2無序列表 212
13.5 橫排導航 217
13.5.1 文本導航 217
13.5.2 標籤式導航 219
13.6 豎排導航 221
13.7綜合實例 222
實例1——使用CSS實現滑鼠指針形狀改變 222
實例2——實現背景變換的導航選單 224
13.8本章小結 227
13.9練習題 228
第14章 CSS+DIV布局入門基礎 229
14.1網站與Web標準 229
14.1.1 什麼是Web標準 229
14.1.2 為什麼要建立Web標準 230
14.1.3 怎樣改進現有網站 231
14.2 Div標記與Span標記 232
14.2.1 Div概述 232
14.2.2 Div與Span的區別 233
14.3 盒子模型 235
14.3.1 盒子模型的概念 235
14.3.2 border 235
14.3.3 padding 242
14.3.4 margin 244
14.4 盒子的浮動與定位 246
14.4.1 盒子的浮動float 246
14.4.2 position定位 249
14.4.3 z-index空間位置 254
14.5本章小結 255
14.6練習題 255
第15章CSS+DIV布局方法 257
15.1 CSS布局理念 257
15.1.1 將頁面用div分塊 257
15.1.2 用CSS定位 258
15.2固定寬度布局 259
15.2.1一列固定寬度 259
15.2.2兩列固定寬度 260
15.2.3圓角框 261
15.3可變寬度布局 263
15.3.1一列自適應 263
15.3.2兩列寬度自適應 264
15.3.3兩列右列寬度自適應 265
15.3.4三列浮動中間寬度自適應 266
15.3.5三行二列居中高度自適應布局 267
15.4CSS布局與傳統的表格方式布局分析 269
15.5本章小結 271
15.6練習題 271
第16章CSS3網頁開發 273
16.1CSS3概述 273
16.1.1 CSS3的發展歷史 273
16.1.2 CSS3的新增特性 274
16.1.3 主流瀏覽器對CSS3的支持 278
16.2框線 279
16.2.1圓角框線border-radius 279
16.2.2框線圖片border-image 280
16.2.3框線陰影box-shadow 281
16.3背景 283
16.3.1背景圖片尺寸background-size 283
16.3.2背景圖片定位區域background-origin 284
16.3.3背景繪製區域background-clip 286
16.4文本 287
16.4.1文本陰影text-shadow 287
16.4.2強制換行word-wrap 288
16.4.3文本溢出text-overflow 289
16.5多列 290
16.5.1創建多列column-count 291
16.5.2列的寬度column-width 292
16.6轉換 293
16.6.1移動translate() 293
16.6.2旋轉rotate() 294
16.6.3縮放scale() 296
16.7實例套用——圖片 297
16.8本章小結 299
16.9練習題 299
第17章 JavaScript語法基礎 300
17.1 JavaScript簡介 300
17.1.1 JavaScript的歷史 300
17.1.2 JavaScript的特點 301
17.2 JavaScript的放置位置 301
17.2.1<script/>使用方法 301
17.2.2使用外部JavaScript 302
17.2.3添加到事件中 302
17.3 JavaScript運算符 303
17.3.1 算術運算符 303
17.3.2 邏輯運算符 303
17.3.3 比較運算符 303
17.4JavaScript程式語句 304
17.4.1 使用If語句 304
17.4.2 使用for循環 305
17.4.3 使用Switch語句 306
17.4.4 使用while語句 307
17.5 綜合實例——製作倒計時特效 308
17.6本章小結 309
17.7練習題 310
第18章 JavaScript中的事件 311
18.1 事件概述 311
18.2 事件分析 311
18.2.1 click事件 312
18.2.2 change事件 313
18.2.3 Select事件 313
18.2.4 focus事件 314
18.2.5 load事件 316
18.2.6 滑鼠移動事件 317
18.2.7 onBlur事件 318
18.3 其他常用事件 319
18.4 綜合實例——將事件套用於按鈕中 321
18.5本章小結 322
18.6練習題 322
第19章 JavaScript中的函式和對象 324
19.1什麼是函式 324
19.2函式的定義 325
19.2.1函式的普通定義方式 325
19.2.2函式的變數定義方式 326
19.2.3函式的指針調用方式 327
19.3 JavaScript對象的聲明和引用 329
19.3.1 聲明和實例化 329
19.3.2 對象的引用 330
19.4 瀏覽器對象 331
19.4.1 Navigator對象 332
19.4.2 window對象 333
19.4.3 location對象 335
19.4.4 history對象 335
19.4.5 document對象 336
19.5內置對象 338
19.5.1 Date對象 338
19.5.2 數學對象math 341
19.5.3 字元串對象string 342
19.5.4 數組對象Array 343
19.6 綜合實例——改變網頁背景顏色 345
19.7本章小結 346
19.8練習題 346
第20章設計布局富有個性的個人網站 348
20.1個人網站設計指南 348
20.1.1確定網站主題 348
20.1.2個人網站色彩搭配和結構設計 349
20.2網站前期策劃 349
20.2.1確定網站主題 350
20.2.2確定目錄結構 350
20.2.3網站藍圖的規劃 350
20.3創建本地站點 351
20.4製作網站主頁 353
20.4.1導入外部CSS 354
20.4.2製作頂部導航部分 356
20.4.3製作正文部分 358
20.4.4製作底部著作權部分 363
20.5本章小結 363
20.6練習題 364
第21章公司宣傳網站的布局 365
21.1企業網站設計指南 365
21.1.1企業網站的主要功能 365
21.1.2色彩搭配與風格設計 366
21.2 分析架構 367
21.2.1內容分析 367
21.2.2 HTML結構設計 368
21.3 各模組設計 369
21.3.1 布局設計 369
21.3.2製作頁頭部分 371
21.3.3製作網頁正文部分 373
21.3.4製作網頁著作權部分 376
21.4本章小結 378
21.5練習題 378
附錄部分習題參考答案 379

熱門詞條

聯絡我們