第1部分 網頁設計基礎與HTML篇
第1章 網頁設計基礎知識 2
1.1　網頁基礎知識入門 2
1.1.1 認識互聯網 2
1.1.2 域名與空間 3
1.1.3 網頁與網站 3
1.1.4 靜態網頁與動態網頁 4
1.1.5 網站的類型 4
1.2 網頁的基本構成元素 9
1.2.1 網站Logo 9
1.2.2 網站Banner 9
1.2.3 導航欄 10
1.2.4 文本 10
1.2.5 圖像 10
1.2.6 Flash動畫 11
1.3　網頁設計的原則 12
1.4　常用網頁設計軟件 13
1.4.1 Dreamweaver CC概述 13
1.4.2 Photoshop CC概述 13
1.4.3 Flash CC概述 14
第2章 HTML基礎 15
2.1 HTML的基本概念 15
2.1.1 HTML簡介 15
2.1.2 HTML文件的基本結構 16
2.1.3 認識HTML標記 16
2.2 HTML文件的編寫方法 16
2.2.1 使用記事本手工編寫
HTML 16
2.2.2 使用Dreamweave編寫
HTML文件 18
2.3 HTML頭部標記head 19
2.4 網頁的主體標記body 19
2.4.1 網頁背景色bgcolor 19
2.4.2 網頁背景圖片background 20
2.4.3 文字顏色text 21
2.4.4 鏈接文字屬性link 22

第2部分 Dreamweaver CC網頁制作篇
第3章 Dreamweaver CC創建基本
文本網頁 26
3.1 Dreamweaver CC工作環境 26
3.1.1 菜單欄 27
3.1.2 文檔窗口 27
3.1.3 屬性面板 28
3.1.4 面板組 28
3.1.5 插入欄 29
3.2 創建站點 29
3.2.1 使用向導建立站點 29
3.2.2 使用高級設置建立站點 32
3.3　添加文本元素 36
3.3.1　在網頁中添加文本 36
3.3.2　插入日期 38
3.3.3　插入特殊字符 40
3.3.4 插入水平線 41
3.4　編輯文本格式 44
3.4.1　設置文本字體 44
3.4.2　設置文本大小 45
3.4.3　設置文本顏色 46
3.5　設置頭信息 47
3.5.1　設置META 47
3.5.2　插入關鍵字 47
3.5.3　插入說明 48
3.5.4　插入腳本 48
3.6　實戰演練——創建基本文本
網頁 49
第4章 創建超級鏈接 53
4.1 超級鏈接的基本概念 53
4.2 創建超級鏈接的方法 53
4.2.1 使用屬性面板創建
鏈接 53
4.2.2 使用指向文件圖標創建
鏈接 54
4.2.3 使用菜單命令創建鏈接 54
4.3 實戰演練 55
4.3.1 實例1——創建外部
鏈接 55
4.3.2　實例2——創建E-mail
鏈接 56
4.3.3　實例3——創建下載文
件的鏈接 58
4.3.4　實例4——創建圖像熱
點鏈接 60
4.3.5　實例5——創建腳本鏈接 63
4.3.6　實例6——創建空鏈接 65
第5章 使用圖像和多媒體創建
豐富多彩的網頁 67
5.1 網頁中圖像的使用常識 67
5.2 在網頁中插入圖像 68
5.2.1 插入普通圖像 68
5.2.2 設置圖像的屬性 71
5.2.3 裁剪圖像 73
5.3 插入其他網頁圖像 75
5.3.1 背景圖像 75
5.3.2 創建鼠標經過圖像 77
5.4 添加Flash影片 81
5.5 使用代碼提示添加背景音樂 84
5.6 實戰演練 87
實例1——創建翻轉圖像導航 87
實例2——創建圖文混排網頁 90
第6章 使用表格布局排版網頁 94
6.1 插入表格 94
6.1.1 表格的基本概念 94
6.1.2 插入表格 95
6.2 設置表格的各項屬性 96
6.2.1 設置表格的屬性 96
6.2.2 設置單元格屬性 97
6.3 選擇表格 98
6.3.1 選擇整個表格 98
6.3.2 選取行或列 100
6.3.3 選取單元格 101
6.4　表格的基本操作 102
6.4.1　調整表格高度和寬度 102
6.4.2　添加或刪除行或列 103
6.4.3　拆分單元格 105
6.4.4　合并單元格 106
6.4.5　剪切、復制、粘貼
單元格 107
6.5　排序及整理表格內容 108
6.5.1　導入表格式數據 108
6.5.2　排序表格 110
6.6　實戰演練 112
6.6.1　實例1——創建細線
表格 112
6.6.2　實例2——創建圓角
表格 116
第7章 使用模板和庫批量制作風格
統一的網頁 122
7.1 創建模板 122
7.1.1 新建模板 122
7.1.2 從現有文檔創建模板 124
7.2 創建可編輯區域 125
7.2.1 插入可編輯區域 125
7.2.2　刪除可編輯區域 126
7.2.3 更改可編輯區域 127
7.3 使用模板創建新網頁 127
7.4 管理站點中的模板 132
7.4.1 從模板中脫離 132
7.4.2 修改模板 133
7.5 創建與應用庫項目 135
7.5.1 創建庫項目 135
7.5.2 應用庫項目 137
7.5.3 修改庫項目 139
7.6 實戰演練 141
7.6.1 實例1——創建模板 141
7.6.2 實例2——利用模板
創建網頁 150
第8章 使用行為創建特效網頁 155
8.1 行為的概述 155
8.1.1 認識事件 156
8.1.2 動作類型 156
8.2　制作指定大小的彈出窗口 157
8.3　調用JavaScript 160
8.3.1　利用JavaScript實現
打印功能 160
8.3.2　利用JavaScript實現
關閉網頁 162
8.4　設置瀏覽器環境 164
8.4.1　檢查表單 164
8.4.2　檢查插件 166
8.5 對圖像設置動作 167
8.5.1　預先載入圖像 167
8.5.2　交換圖像 169
8.6 設置狀態欄文本 172
8.7 轉到URL 174
第9章 創建動態數據庫網頁 177
9.1 搭建服務器平臺 177
9.2 設計數據庫 182
9.3 建立數據庫連接 184
9.3.1 了解DSN 184
9.3.2 定義系統DSN 184
9.4　SQL語言簡介 185
9.4.1　SQL語言概述 186
9.4.2　SQL的優點 187
9.5　常用的SQL語句 187
9.5.1　表的建立：
CREATE TABLE 187
9.5.2　插入數據：
INSERT INTO 188
9.5.3　修改數據：UPDATE 189
9.5.4　刪除數據：DELETE 190
9.5.5　SQL查詢語句：SELECT 190

第3部分 CSS美化布局網頁篇
第10章 使用CSS美化網頁 194
10.1　了解CSS樣式表 194
10.2　CSS的使用 195
10.2.1　CSS基本語法 195
10.2.2　添加CSS的方法 195
10.3　設置CSS屬性 197
10.3.1　設置CSS類型屬性 197
10.3.2　設置CSS背景屬性 198
10.3.3　設置CSS區塊屬性 198
10.3.4　設置CSS方框屬性 199
10.3.5　設置CSS邊框屬性 200
10.3.6　設置CSS列表屬性 200
10.3.7　設置CSS定位屬性 201
10.3.8　設置CSS擴展屬性 202
10.3.9 設置過渡樣式 202
10.4　實戰演練 203
10.4.1　實例1——應用CSS
樣式定義字體大小 203
10.4.2 實例2——應用CSS
樣式制作陰影文字 205
第11章 CSS屬性基礎 209
11.1 字體屬性 209
11.1.1 字體font-family 209
11.1.2 字號font-size 210
11.1.3 字體風格font-style 212
11.1.4 字體加粗font-weight 213
11.1.5 字體變形font-variant 214
11.2 段落屬性 215
11.2.1 單詞間隔
word-spacing 215
11.2.2 字符間隔
letter-spacing 216
11.2.3 文字修飾
text-decoration 217
11.2.4 垂直對齊方式
vertical-align 218
11.2.5 文本轉換
text-transform 220
11.2.6 水平對齊方式
text-align 221
11.2.7 文本縮進
text-indent 222
11.2.8 文本行高
line-height 223
11.3 圖片樣式設置 224
11.3.1 定義圖片邊框 225
11.3.2 文字環繞圖片 227
11.4 背景樣式設置 228
11.4.1 設置頁面背景顏色 228
11.4.2 定義背景圖片 229
11.5　濾鏡概述 230
11.5.1 動感模糊 230
11.5.2 對顏色進行透明處理 232
11.5.3 設置陰影 233
第12章 CSS+Div布局網頁 235
12.1 初識Div 235
12.1.1　Div概述 235
12.1.2　Div與span的區別 236
12.1.3　Div與CSS布局優勢 237
12.2 CSS定位 238
12.2.1　盒子模型的概念 238
12.2.2　float定位 238
12.2.3　position定位 240
12.3 CSS布局理念 241
12.3.1　將頁面用Div分塊 241
12.3.2　設計各塊的位置 242
12.3.3　用CSS定位 242
12.4 常見的布局類型 244
12.4.1 一列固定寬度 244
12.4.2 一列自適應 245
12.4.3 兩列固定寬度 246
12.4.4 兩列寬度自適應 247
12.4.5 兩列右列寬度自適應 248
12.4.6 三列浮動中間寬度
自適應 249
第4部分 JavaScript網頁特效篇
第13章 JavaScript腳本基礎 252
13.1　JavaScript簡介 252
13.1.1　JavaScript的歷史 252
13.1.2　JavaScript特點 253
13.2　JavaScript的放置位置 253
13.2.1 script/使用方法 253
13.2.2 位于網頁之外的單
獨腳本文件 254
13.2.3 直接位于事件處理
部分的代碼中 254
13.3 JavaScript基本語法 254
13.3.1 常量和變量 255
13.3.2 表達式和運算符 256
13.3.3 基本語句 257
13.3.4 函數 261
第14章 JavaScript中的事件 262
14.1 onClick事件 262
14.2 onchange事件 264
14.3 onSelect事件 265
14.4 onFocus事件 266
14.5 onLoad事件 267
14.6 onBlur事件 268
14.7 onMouseOver事件 269
14.8 onMouseOut事件 271
14.9 onDblClick事件 272
14.10 其他常用事件 273
第15章 JavaScript函數和對象 275
15.1 什么是函數 275
15.2 函數的定義 276
15.2.1 函數的普通定義方式 276
15.2.2 函數的變量定義方式 277
15.2.3 函數的指針調用方式 278
15.3　JavaScript對象的聲明和引用 279
15.3.1　聲明和實例化 279
15.3.2　對象的引用 281
15.4　瀏覽器對象 282
15.4.1　navigator對象 282
15.4.2 windows對象 283
15.4.3　location對象 284
15.4.4　history對象 285
15.4.5　document對象 286
15.5 內置對象 287
15.5.1　date對象 287
15.5.2　數學對象math 290
15.5.3　字符串對象string 291
15.5.4　數組對象array 292
第5部分 Flash動畫設計篇
第16章 繪制圖形和編輯對象 296
16.1　Flash概述 296
16.2　Flash CC工作界面 296
16.2.1　菜單欄 297
16.2.2　工具箱 297
16.2.3　時間軸面板 298
16.2.4　舞臺 299
16.2.5　屬性面板 299
16.2.6　面板組 300
16.3　繪制圖形對象 300
16.3.1　線條工具 300
16.3.2　鉛筆工具 302
16.3.3　鋼筆工具 303
16.3.4　橢圓工具 304
16.3.5　矩形工具 305
16.3.6　多角星形工具 306
16.4　填充圖形對象 308
16.4.1　墨水瓶工具 308
16.4.2　顏料桶工具 309
16.4.3　滴管工具 310
16.4.4　刷子工具 311
16.4.5　漸變變形工具 313
16.5　對象的基本操作 314
16.5.1　使用選擇工具
選擇對象 314
16.5.2　使用套索工具
選擇對象 314
16.5.3　移動、復制和
刪除對象 315
16.6　實戰演練—繪制網頁標志 318
第17章 使用文本工具創建文字 322
17.1　使用文本工具 322
17.1.1　靜態文本 322
17.1.2　動態文本 323
17.1.3　輸入文本 324
17.2　設置文本樣式 325
17.2.1　消除文本鋸齒 325
17.2.2　設置文字屬性 326
17.2.3　創建文字鏈接 327
17.2.4　分離與打散文字 328
17.3　對文本使用濾鏡效果 330
17.3.1　給文本添加濾鏡 330
17.3.2　設置濾鏡效果 331
17.4 實戰演練——制作立體文字 335
第18章 使用時間軸與圖層 337
18.1　時間軸與幀 337
18.1.1　時間軸 337
18.1.2　幀 338
18.2　圖層概述 339
18.2.1　圖層的類型 339
18.2.2　創建圖層和圖層
文件夾 339
18.2.3　修改圖層屬性 340
18.2.4　編輯圖層 341
18.3　使用引導層 342
18.3.1　引導層動畫創建
方法和技巧 342
18.3.2　創建引導層動畫
實例 342
18.4　使用遮罩層 346
18.4.1　遮罩層動畫創建
方法和技巧 346
18.4.2　利用遮罩層創建
滾動圖片效果 346
18.5　實戰演練——利用遮罩層
制作動畫 351
第19章 創建基本Flash動畫 355
19.1　動畫的基本類型 355
19.2 利用逐幀動畫制作圣誕賀卡 355
19.3 創建動畫補間動畫 359
19.3.1 動畫補間動畫的創建
方法和技巧 359
19.3.2 利用動畫補間創建對象
的縮放與淡出效果 359
19.3.3 利用動畫補間創建對象的
旋轉與顏色變化效果 362
19.4 創建形狀補間動畫 365
19.5　制作帶音效的按鈕 369
第20章 使用ActionScript制作
交互動畫 373
20.1　ActionScript簡介 373
20.2　ActionScript基礎 373
20.2.1 ActionScript中的
相關術語 374
20.2.2　ActionScript 3.0基本
語法 374
20.3　常用ActionScript語句 376
20.3.1　for循環 376
20.3.2 while和do while
循環 377
20.3.3 if語句 377
20.3.4　特殊條件判斷 378
20.4　ActionScript的編輯環境 378
20.5 實戰演練 379
實例1——stop和play語句 379
實例2——制作下雪效果 383
第21章 HTML5動畫 388
21.1 HTML 5簡介 388
21.1.1 HTML5基礎 388
21.1.2 向后兼容 389
21.1.3 更加簡化 389
21.1.4 HTML 5語法中
的三個要點 389
21.2 新增的主體結構元素 390
21.2.1 實例應用——article
元素 390
21.2.2 實例應用——section
元素 392
21.2.3 實例應用——nav
元素 393
21.2.4 aside元素 396
21.3 canvas元素 397
21.3.1 繪制矩形 397
21.3.2 繪畫對角線 398
21.4　實戰演練——利用HTML5
制作3D愛心動畫 399
第6部分 Photoshop CC圖像處理篇
第22章 Photoshop基礎操作 402
22.1 Photoshop CC工作界面 402
22.1.1 菜單欄 403
22.1.2 工具箱及工具選項欄 403
22.1.3 文檔窗口及狀態欄 404
22.1.4 面板組 404
22.2 快速調整圖像 404
22.2.1 調整圖像大小 405
22.2.2 使用色階命令美
化圖像 406
22.2.3 使用曲線命令美
化圖像 407
22.2.4 調整圖像亮度與
對比度 408
22.2.5 使用色彩平衡 409
22.2.6 調整圖像色相與
飽和度 410
22.3 實戰演練 411
實例1——制作電影圖片效果 411
實例2——調整曝光不足的
照片 415
第23章 使用繪圖工具繪制圖像 417
23.1 創建選擇區域 417
23.1.1 選框工具 417
23.1.2 套索工具 419
23.1.3 魔棒工具 421
23.2 基本繪圖工具 421
23.2.1 畫筆工具 422
23.2.2 鉛筆工具 423
23.2.3 仿制圖章工具 424
23.2.4 圖案圖章工具 425
23.2.5 橡皮擦工具 426
23.2.6 油漆桶工具和漸變
工具 426
23.3 形狀工具 428
23.3.1 矩形工具 428
23.3.2 圓角矩形工具 429
23.3.3 橢圓工具 430
23.3.4 多邊形工具 431
23.4 實戰演練—繪制網頁標志 432
第24章 圖層與文本的使用 436
24.1 新建和刪除圖層 436
24.1.1 新建圖層 436
24.1.2 刪除圖層 437
24.1.3 新建圖層組 437
24.2 圖層的特殊混合 438
24.3 應用圖層樣式 440
24.4 使用文本工具 441
24.4.1 輸入文字 441
24.4.2 設置文字屬性 442
24.4.3 創建路徑文字 444
24.5 實戰演練 445
實例1——制作立體文字效果 445
實例2——制作圖案文字效果 447
第25章 設計制作網頁中的圖像 450
25.1 網站Logo的制作 450
25.1.1 Logo設計標準 450
25.1.2 網站Logo的規格 450
25.1.3 實戰演練1——設計
網站Logo 451
25.2 網絡廣告的制作 453
25.2.1 網頁廣告設計要素 453
25.2.2 網絡廣告設計技巧 453
25.2.3 實戰演練2——制作
宣傳廣告 454
25.3 網頁切片輸出 459
25.3.1 創建切片 459
25.3.2 編輯切片 459
25.3.3 優化和輸出切片 460
實戰演練3——設計網站主頁 461
第7部分 網站綜合案例篇
第26章 企業網站制作綜合實例 472
26.1　網站規劃 472
26.1.1 網站需求分析 472
26.1.2 確定網站的版式
設計 473
26.1.3 確定網站主要色彩
搭配 473
26.2 設計網站封面型首頁 474
26.2.1 設計網站首頁 474
26.2.2 切割網站首頁 478
26.3 使用CSS+div布局網站主頁 480
26.3.1 分析架構 480
26.3.2 頁面通用規則 481
26.3.3 制作網站header
導航部分 482
26.3.4 制作網站special
部分 486
26.3.5 制作會員登錄部分 488
26.3.6 制作裝修案例部分 491