《HTML CSS JavaScript網頁製作全能一本通》是2017年8月清華大學出版社出版的圖書，作者是劉貴國。
基本介紹
- 書名：HTML CSS JavaScript網頁製作全能一本通
- 作者：劉貴國
- ISBN：9787302459729
- 定價：69元
- 出版社：清華大學出版社
- 出版時間：2017年8月
內容簡介,圖書目錄,
內容簡介
本書緊密圍繞網頁設計師在製作網頁過程中的實際需要和應該掌握的技術，全面介紹了使用HTML、CSS、JavaScript進行網頁設計和製作的各方面內容和技巧。本書不僅僅將筆墨局限於語法講解上，並通過一個個鮮活、典型的實例來達到學以致用的目的。每個語法都有相應的實例，每章後面又配有綜合實例，力求達到理論知識與實踐操作完美結合的效果。
全書共23章分為4部分，主要內容包括HTML入門、HTML基本標記、用HTML設定文字與段落格式、用HTML創建精彩的圖像和多媒體頁面、用HTML創建超連結和表單、使用HTML創建強大的表格、創建框架結構網頁、移動開發基礎HTML5、CSS基礎知識、用CSS設計豐富的文字效果、用CSS設計圖像和背景、設計更富靈活性的表格和表單、用CSS製作連結與網站導航、CSS中的濾鏡、CSS+DIV布局定位基礎、CSS+DIV布局方法、CSS3指南、JavaScript基礎知識、數據類型和運算符、JavaScript語法基礎、JavaScript中的事件、JavaScript中的對象、企業網站製作方法。
本書可作為普通高校計算機及相關專業教材、高職高專教材，也可供從事網頁設計與製作、網站開發、網頁編程等行業人員參考閱讀。
圖書目錄
第1 篇 HTML 篇
第1 章 HTML 入門 1
1.1 什麼是HTML . 002
1.2 HTML 檔案的基本結構 . 003
1.2.1 HTML 檔案結構 .003
1.2.2 編寫HTML 檔案的注意事項 004
1.3 HTML 檔案編寫方法 . 004
1.3.1 使用記事本編寫HTML 頁面 004
1.3.2 使用Dreamweaver 編寫HTML頁面.006
1.4 網頁設計與開發的過程 006
1.4.1 明確網站定位006
1.4.2 收集信息和素材007
1.4.3 規劃欄目結構007
1.4.4 設計頁面圖像008
1.4.5 製作頁面008
1.4.6 實現後台功能009
1.4.7 網站的測試與發布010
1.5 本章小結 .011
第2 章 HTML 基本標記 . 12
2.1 HTML 頁面主體的常用設定 . 013
2.1.1 定義網頁背景色—bgcolor .013
2.1.2 設定背景圖片—background .014
2.1.3 設定文字顏色—text015
2.1.4 設定連結文字屬性016
2.1.5 設定頁面邊距018
2.2 頁面頭部元素<head> 和<!DOCTYPE> .019
2.3 頁面標題元素<title> 020
2.4 元信息元素<meta> 021
2.4.1 設定頁面關鍵字021
2.4.2 設定頁面主要內容022
2.4.3 定義頁面的搜尋方式022
2.4.4 定義編輯工具023
2.4.5 定義頁面的作者信息023
2.4.6 定義網頁文字及語言024
2.4.7 定義頁面的跳轉024
2.4.8 定義頁面的版權資訊025
2.5 腳本元素<script> . 025
2.6 創建樣式元素<style>. 026
2.7 連結元素<link> 027
2.8 綜合實戰—創建基本的HTML 檔案 .028
2.9 本章小結 029
第3 章 用HTML 設定文字與段落格式 . 30
3.1 插入其他標記 031
3.1.1 輸入空格符號031
3.1.2 輸入特殊符號032
3.2 設定文字的格式 033
3.2.1 設定字型—face .033
3.2.2 設定字號—size .033
3.2.3 設定文字顏色—color .034
3.2.4 設定粗體、斜體、下畫線—
b、strong、em、u 035
3.2.5 設定上標與下標—sup、sub 036
3.3 設定段落的格式 037
3.3.1 段落標記—p037
3.3.2 段落的對齊屬性—align038
3.3.3 不換行標記—nobr 039
3.3.4 換行標記—br 040
3.4 水平線標記 040
3.4.1 插入水平線—hr 040
3.4.2 設定水平線寬度與高度屬性—width、size .041
3.4.3 設定水平線的顏色—color .042
3.4.4 設定水平線的對齊方式—align 043
3.4.5 水平線去掉陰影—noshade 044
3.5 設定滾動文字 044
3.5.1 滾動文字標籤—marquee 044
3.5.2 滾動方向屬性—direction .045
3.5.3 滾動方式屬性—behavior046
3.5.4 滾動速度屬性—scrollamount .047
3.5.5 滾動延遲屬性—scrolldelay 048
3.5.6 滾動循環屬性—loop 048
3.5.7 滾動範圍屬性—width、height 049
3.5.8 滾動背景顏色屬性—bgcolor .050
3.5.9 滾動空間屬性—hspace、vspace 051
3.6 綜合實例—設定頁面文本及段落 051
3.7 本章小結 053
第4 章 用HTML 創建精彩的圖像和多媒體頁面 . 54
4.1 網頁中常見的圖像格式 055
4.2 插入圖像並設定圖像屬性 056
4.2.1 圖像標記—img .056
4.2.2 設定圖像高度—height.057
4.2.3 設定圖像寬度—width 057
4.2.4 設定圖像的框線—border .058
4.2.5 設定圖像水平間距—hspace .059
4.2.6 設定圖像垂直間距—vspace .060
4.2.7 設定圖像的對齊方式—align061
4.2.8 設定圖像的替代文字—alt061
4.3 添加多媒體檔案 062
4.4 添加背景音樂 063
4.4.1 設定背景音樂—bgsound 063
4.4.2 設定循環播放次數—loop 064
4.5 綜合實例 065
綜合實例1—創建多媒體網頁.065
綜合實例2—創建圖文混合排版網頁 066
4.6 本章小結 068
第5 章 用HTML 創建超連結和表單 . 69
5.1 超連結的基本概念 070
5.2 創建基本超連結 071
5.2.1 超連結標記071
5.2.2 設定的目標視窗072
5.3 創建圖像的超連結 073
5.3.1 設定圖像超連結073
5.3.2 設定圖像熱區連結075
5.4 創建錨點連結 076
5.4.1 創建錨點076
5.4.2 連結到頁面不同位置的錨點連結.077
5.5 插入表單—form 079
5.5.1 處理動作—action 079
5.5.2 表單名稱—name .079
5.5.3 傳送方法—method080
5.5.4 編碼方式—enctype .080
5.5.5 目標顯示方式—target.081
5.6 綜合實例 082
綜合案例1—插入表單對象.082
綜合案例2—給網頁添加連結.084
5.7 本章小結 085
第6 章 使用HTML 創建強大的表格 . 86
6.1 創建並設定表格屬性 087
6.1.1 表格的基本標記—table、tr、td 087
6.1.2 表格寬度和高度—width、height .089
6.1.3 表格的標題—caption 089
6.1.4 表格的表頭—th 091
6.1.5 表格對齊方式—align092
6.1.6 表格的框線寬度—border .094
6.1.7 表格框線顏色—bordercolor .095
6.1.8 單元格間距—cellspacing096
6.1.9 單元格邊距—cellpadding .097
6.1.10 表格的背景色—bgcolor .098
6.1.11 表格的背景圖像—background 099
6.2 表格的結構標記 100
6.2.1 設計表頭樣式—thead .100
6.2.2 設計表主體樣式—tbody 102
6.2.3 設計表尾樣式—tfoot 103
6.3 綜合實例—使用表格排版網頁 104
6.4 本章小結 107
第7 章 創建框架結構網頁 . 108
7.1 視窗框架簡介 109
7.2 設定框架集標記frameset 屬性 .110
7.2.1 水平分割視窗—rows 110
7.2.2 垂直分割視窗—cols .111
7.2.3 嵌套分割視窗112
7.2.4 設定框線—frameborder 113
7.2.5 框架的框線寬度—framespacing 114
7.2.6 框架的框線顏色—bordercolor .115
7.3 設定框架標記frame 屬性 .116
7.3.1 框架頁面源檔案—src .116
7.3.2 框架名稱—name .117
7.3.3 調整框架視窗的尺寸—noresize .118
7.3.4 框架框線與頁面內容的水平邊距—marginwidth 119
7.3.5 框架框線與頁面內容的垂直邊距—marginheight .120
7.3.6 設定框架滾動條顯示—scrolling.121
7.3.7 不支持框架標記—noframes .122
7.4 浮動框架 123
7.4.1 浮動框架的頁面源檔案—src .123
7.4.2 浮動框架的寬度和高度—width 和height .124
7.4.3 浮動框架的對齊方式—align124
7.4.4 設定浮動框架是否顯示滾動條—scrolling.125
7.4.5 浮動框架的框線—frameborder 126
7.5 綜合實例—創建上方固定、左側嵌套的框架網頁 126
7.6 本章小結 129
第8 章 移動開發基礎HTML5 130
8.1 認識HTML 5 131
8.1.1 實用性和用戶優先131
8.1.2 化繁為簡132
8.2 HTML 5 的新特性 133
8.3 HTML 5 與HTML 4 的區別 134
8.3.1 HTML 5 的語法變化 134
8.3.2 HTML 5 中的標記方法 134
8.3.3 HTML 5 語法中的三個要點 135
8.3.4 標籤實例135
8.4 新增的主體結構元素 138
8.4.1 article 元素.138
8.4.2 section 元素 .139
8.4.3 nav 元素 .140
8.4.4 aside 元素 143
8.4.5 time 元素 .143
8.4.6 progress 屬性 .144
8.5 新增的非主體結構元素 146
8.5.1 header 元素 146
8.5.2 hgroup 元素 .147
8.5.3 footer 元素 .147
8.5.4 address 元素.148
8.6 本章小結 149
第2 篇 CSS 篇
第9 章 CSS 基礎知識 . 150
9.1 CSS 簡介 . 151
9.1.1 CSS 基本概念 .151
9.1.2 CSS 的優點 .152
9.1.3 CSS 功能 .152
9.1.4 瀏覽器與CSS .153
9.1.5 CSS 發展歷史 .153
9.2 在HTML 5 中使用CSS 的方法 154
9.2.1 內嵌樣式154
9.2.2 行內樣式155
9.2.3 連結外部樣式表155
9.2.4 導入樣式156
9.2.5 優先權問題157
9.3 使用Dreamweaver 設定CSS 樣式 .157
9.3.1 設定文本樣式157
9.3.2 設定背景樣式159
9.3.3 設定區塊樣式160
9.3.4 設定方框樣式162
9.3.5 設定框線樣式163
9.3.6 設定列表樣式165
9.3.7 設定定位樣式166
9.3.8 設定擴展樣式168
9.3.9 過渡樣式的定義168
9.4 選擇器類型 169
9.4.1 標籤選擇器169
9.4.2 類選擇器169
9.4.3 ID 選擇器 171
9.5 編輯和瀏覽CSS . 172
9.5.1 手工編寫CSS .172
9.5.2 Dreamweaver 編寫CSS 173
9.6 綜合實例—為網頁添加
CSS 樣式 .174
9.7 本章小結 175
第10 章 用CSS 設計豐富的文字 效果 . 176
10.1 通過CSS 控制文本樣式 177
10.1.1 字型—font-family .177
10.1.2 字號—font-size178
10.1.3 加粗字型—font-weight .180
10.1.4 字型風格—font-style 180
10.1.5 小寫字母轉為大寫字母—font-variant 182
10.2 通過CSS 控制段落格式 183
10.2.1 單詞間隔—word-spacing 183
10.2.2 字元間隔letter-spacing .184
10.2.3 文字修飾—text-decoration .185
10.2.4 垂直對齊方式—vertial-align 186
10.2.5 文本轉換—text-transform .187
10.2.6 水平對齊方式—text-align 188
10.2.7 文本縮進—text-indent 189
10.2.8 文本行高—line-height 190
10.2.9 處理空白—white-space 192
10.3 綜合實例—CSS 字型樣式綜合演練 193
10.4 本章小結 195
第11 章 用CSS 設計圖像和背景 . 196
11.1 設定網頁的背景 197
11.1.1 背景顏色 197
11.1.2 背景圖像 198
11.2 設定背景圖像的屬性 200
11.2.1 設定背景重複 200
11.2.2 設定固定背景 201
11.2.3 設定背景定位 202
11.3 設定網頁圖像的樣式 205
11.3.1 設定圖像框線 205
11.3.2 圖文混合排版 207
11.4 套用CSS 濾鏡製作圖像特效 . 208
11.4.1 控制圖像和背景的透明度(alpha) 208
11.4.2 灰度(Gray) 210
11.4.3 反色(Invert) 210
11.5 綜合實例 .211
綜合實例1—給圖片添加框線.211
綜合實例2—滑鼠移到圖片上時產生漸變效果212
11.6 本章小結 213
第12 章 設計更富靈活性的表格和表單 . 214
12.1 網頁中的表格 215
12.1.1 表格對象標記215
12.1.2 在Dreamweaver 中插入表格 .216
12.1.3 設定表格的顏色217
12.1.4 設定表格的框線樣式219
12.1.5 設定表格的陰影220
12.1.6 設定表格的漸變背景221
12.2 網頁中的表單 223
12.2.1 表單對象223
12.2.2 表單標記223
12.2.3 設定框線樣式224
12.2.4 設定背景樣式226
12.2.5 設定輸入文本的樣式229
12.3 綜合實例 229
綜合實例1—製作變換背景色的表格 229
綜合實例2—設計文本框的樣式.231
12.4 本章小結 233
第13 章 用CSS 製作連結與網站導航 234
13.1 超連結基礎 235
13.1.1 超連結的基本概念235
13.1.2 使用頁面屬性設定超連結236
13.2 連結標記 237
13.2.1 a:link 237
13.2.2 a:visited 238
13.2.3 a:active .239
13.2.4 a:hover240
13.3 各種形式的超連結 241
13.3.1 背景色變換連結241
13.3.2 多姿多彩的下畫線連結243
13.3.3 圖像翻轉連結244
13.3.4 框線變換連結246
13.4 項目列表 248
13.4.1 有序列表248
13.4.2 無序列表250
13.5 橫排導航 251
13.5.1 文本導航251
13.5.2 標籤式導航253
13.6 豎排導航 255
13.7 綜合實例—實現背景變換的導航選單 256
13.8 本章小結 258
第14 章 CSS 中的濾鏡 . 259
14.1 濾鏡概述 260
14.2 動感模糊blur 261
14.3 對顏色進行透明處理chroma . 262
14.4 設定陰影DropShadow . 263
14.5 對象的翻轉FlipH、FlipV 264
14.6 發光效果Glow 264
14.7 X 光片效果Xray . 265
14.8 波形濾鏡Wave 266
14.9 遮罩效果Mask 267
14.10 本章小結 267
第15 章 CSS+DIV 布局定位 .基礎 . 268
15.1 網站與Web 標準 269
15.1.1 什麼是Web 標準 269
15.1.2 為什麼要建立Web 標準 270
15.2 Div 標記與Span 標記 . 270
15.2.1 Div 概述.270
15.2.2 Div 與Span 的區別.271
15.3 盒子模型 273
15.3.1 盒子模型的概念273
15.3.2 border .273
15.3.3 padding .279
15.3.4 margin 281
15.4 盒子的浮動與定位 283
15.4.1 盒子的浮動float .284
15.4.2 position 定位 286
15.4.3 z-index 空間位置.291
15.5 本章小結 292
第16 章 CSS+DIV 布局方法 . 293
16.1 CSS 布局理念 . 294
16.1.1 將頁面用div 分塊 294
16.1.2 設計各塊的位置295
16.1.3 用CSS 定位 295
16.2 固定寬度布局 296
16.2.1 一列固定寬度296
16.2.2 兩列固定寬度298
16.2.3 圓角框299
16.3 可變寬度布局 301
16.3.1 一列自適應301
16.3.2 兩列寬度自適應.302
16.3.3 兩列右列寬度自適應304
16.3.4 三列浮動中間寬度自適應.304
16.3.5 三行二列居中高度自適應布局 305
16.4 CSS 布局與傳統的表格方式布局分析 307
16.5 本章小結 310
第17 章 CSS 3 指南 311
17.1 預覽激動人心的CSS 3 313
17.1.1 CSS 3 的發展歷史 .313
17.1.2 CSS 3 新增特性 313
17.1.3 主流瀏覽器對CSS 3 的支持 .318
17.2 使用CSS 3 實現圓角表格 . 318
17.3 使用CSS 3 製作圖片滾動選單 . 320
17.4 使用CSS 3 製作文字立體效果 . 323
17.5 使用CSS 3 製作多彩的網頁圖片庫 325
17.6 使用CSS 3 實現的幻燈圖片效果 329
17.7 本章小結 334
第3 篇 Java Script 篇
第18 章 JavaScript 基礎知識 335
18.1 JavaScript 簡介 336
18.1.1 JavaScript 的歷史 336
18.1.2 JavaScript 特點 336
18.1.3 JavaScript 注釋 337
18.2 JavaScript 的添加方法 337
18.2.1 內部引用.337
18.2.2 外部調用js 檔案 .338
18.2.3 添加到事件中339
18.3 第一個JavaScript 程式 . 339
18.3.1 預備知識339
18.3.2 JavaScript 編輯器的選擇 340
18.3.3 編寫good morning! 程式 341
18.3.4 瀏覽器對JavaScript 的支持 .341
18.4 綜合實例—瀏覽器狀態欄顯示信息 342
18.5 本章小結 343
第19 章 數據類型和運算符 . 344
19.1 基本數據類型 345
19.1.1 使用字元串型數據345
19.1.2 使用數值型數據346
19.1.3 使用布爾型數據347
19.1.4 使用Undefined 和Null 類型 347
19.2 複合數據類型 348
19.2.1 常用的內置對象348
19.2.2 日期對象349
19.2.3 數學對象352
19.2.4 字元串對象353
19.2.5 數組對象354
19.3 常量 355
19.3.1 常量的種類355
19.3.2 常量的使用方法356
19.4 變數 357
19.4.1 變數的含義357
19.4.2 變數的定義方式357
19.4.3 變數的命名規則358
19.4.4 變數的作用範圍358
19.5 運算符介紹 359
19.5.1 運算符359
19.5.2 運算元的類型360
19.6 算術運算符 360
19.6.1 加法運算符360
19.6.2 減法運算符361
19.6.3 乘法運算符361
19.6.4 除法運算符362
19.6.5 取模運算符363
19.6.6 負號運算符363
19.6.7 正號運算符364
19.6.8 遞增運算符364
19.6.9 遞減運算符365
19.7 關係運算符 366
19.7.1 相等運算符366
19.7.2 等同運算符367
19.7.3 不等運算符368
19.7.4 不等同運算符369
19.7.5 小於運算符369
19.7.6 大於運算符370
19.7.7 小於或等於運算符370
19.7.8 大於或等於運算符371
19.8 字元串運算符 372
19.9 賦值運算符 372
19.10 邏輯運算符 373
19.10.1 邏輯與運算符373
19.10.2 邏輯或運算符374
19.10.3 邏輯非運算符374
19.11 位運算符 374
19.11.1 位與運算符 375
19.11.2 位或運算符 375
19.11.3 位異或運算符 376
19.11.4 位非運算符 376
19.11.5 左移運算符 377
19.11.6 帶符號右移運算符 377
19.12 本章小結 378
第20 章 JavaScript 語法基礎 379
20.1 函式 380
20.1.1 什麼是函式380
20.1.2 函式的參數傳遞381
20.1.3 函式中變數的作用域和返回值381
20.2 函式的定義 382
20.2.1 函式的普通定義方式382
20.2.2 函式的變數定義方式384
20.2.3 函式的指針調用方式384
20.3 使用選擇語句 386
20.3.1 if 選擇語句 386
20.3.2 if.else 選擇語句 .387
20.3.3 if.else if.else 選擇語句 387
20.3.4 switch 多條件選擇語句 389
20.4 使用循環語句 390
20.4.1 for 循環語句 390
20.4.2 while 循環語句 391
20.4.3 do.while 循環語句 .392
20.4.5 break 和continue 跳轉語句 393
20.5 綜合實例—禁止滑鼠右擊 395
20.6 本章小結 396
第21 章 JavaScript 中的事件 397
21.1 事件驅動與事件處理 398
21.1.1 事件詳解398
21.1.2 事件與事件驅動398
21.1.3 事件與處理代碼關聯399
21.1.4 調用函式的事件401
21.1.5 調用代碼的事件402
21.1.6 設定對象事件的方法403
21.2 常見事件 404
21.2.1 onClick 事件 404
21.2.2 onchange 事件 .405
21.2.3 onSelect 事件 .406
21.2.4 onfocus 事件 407
21.2.5 onload 事件 408
21.2.6 滑鼠移動事件409
21.2.7 onblur 事件 410
21.2.8 onsubmit 事件和onreset 事件 411
21.2.9 onresize 事件 .412
21.2.10 鍵盤事件413
21.3 其他常用事件 414
21.4 綜合實例—將事件套用於按鈕中 415
21.5 本章小結 416
第22 章 JavaScript 中的對象 417
22.1 JavaScript 對象的聲明和引用 418
22.1.1 聲明和實例化418
22.1.2 對象的引用419
22.2 瀏覽器對象 420
22.2.1 navigator 對象 .420
22.2.2 window 對象 421
22.2.3 location 對象 422
22.2.4 history 對象 .423
22.2.5 document 對象 .424
22.3 內置對象 425
22.3.1 date 對象 426
22.3.2 數學對象math.427
22.3.3 字元串對象string .428
22.3.4 數組對象array 429
22.4 綜合實例—改變網頁背景顏色 430
22.5 本章小結 431
第4 篇 綜合實例篇
第23 章 設計製作企業網站 . 432
23.1 網站整體規劃 433
23.1.1 網站的需求分析 .433
23.1.2 色彩搭配與風格設計433
23.2 頁面架構分析 434
23.2.1 頁面內容結構布局434
23.2.2 頁面HTML 框架代碼 .435
23.3 頁面的通用規則 436
23.4 製作頁面頭部header 部分 . 437
23.4.1 製作頁面頭部的結構437
23.4.2 定義頁面頭部的樣式438
23.5 製作網站導航nav 部分 442
23.5.1 製作網站導航nav 部分頁面結構.442
23.5.2 定義網站導航nav 部分樣式 442
23.6 製作歡迎文字welcome 部分 . 444
23.6.1 製作welcome 部分頁面結構 .444
23.6.2 定義welcome 部分樣式 .444
23.7 製作會員登錄與精彩活動部分 445
23.7.1 製作會員登錄部分445
23.7.2 製作精彩活動部分448
23.8 製作我們的優勢和應對策略部分 450
23.8.1 製作我們的優勢部分450
23.8.2 製作應對策略部分452
23.9 製作底部footer 部分 455
23.10 利用JavaScript 製作網頁特效 . 457
23.11 本章小結 458
