第1部分 網(wǎng)頁設(shè)計(jì)基礎(chǔ)與HTML篇
第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí) 2
1．1　網(wǎng)頁基礎(chǔ)知識(shí)入門 2
1．1．1 認(rèn)識(shí)互聯(lián)網(wǎng) 2
1．1．2 域名與空間 3
1．1．3 網(wǎng)頁與網(wǎng)站 3
1．1．4 靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁 4
1．1．5 網(wǎng)站的類型 4
1．2 網(wǎng)頁的基本構(gòu)成元素 9
1．2．1 網(wǎng)站Logo 9
1．2．2 網(wǎng)站Banner 9
1．2．3 導(dǎo)航欄 10
1．2．4 文本 10
1．2．5 圖像 10
1．2．6 Flash動(dòng)畫 11
1．3　網(wǎng)頁設(shè)計(jì)的原則 12
1．4　常用網(wǎng)頁設(shè)計(jì)軟件 13
1．4．1 Dreamweaver CC概述 13
1．4．2 Photoshop CC概述 13
1．4．3 Flash CC概述 14
第2章 HTML基礎(chǔ) 15
2．1 HTML的基本概念 15
2．1．1 HTML簡介 15
2．1．2 HTML文件的基本結(jié)構(gòu) 16
2．1．3 認(rèn)識(shí)HTML標(biāo)記 16
2．2 HTML文件的編寫方法 16
2．2．1 使用記事本手工編寫
HTML 16
2．2．2 使用Dreamweave編寫
HTML文件 18
2．3 HTML頭部標(biāo)記head 19
2．4 網(wǎng)頁的主體標(biāo)記body 19
2．4．1 網(wǎng)頁背景色bgcolor 19
2．4．2 網(wǎng)頁背景圖片background 20
2．4．3 文字顏色text 21
2．4．4 鏈接文字屬性link 22


第2部分 Dreamweaver CC網(wǎng)頁制作篇 
第3章 Dreamweaver CC創(chuàng)建基本
文本網(wǎng)頁 26
3．1 Dreamweaver CC工作環(huán)境 26
3．1．1 菜單欄 27
3．1．2 文檔窗口 27
3．1．3 屬性面板 28
3．1．4 面板組 28
3．1．5 插入欄 29
3．2 創(chuàng)建站點(diǎn) 29
3．2．1 使用向?qū)Ы�立站點(diǎn) 29
3．2．2 使用高級(jí)設(shè)置建立站點(diǎn) 32
3．3　添加文本元素 36
3．3．1　在網(wǎng)頁中添加文本 36
3．3．2　插入日期 38
3．3．3　插入特殊字符 40
3．3．4 插入水平線 41
3．4　編輯文本格式 44
3．4．1　設(shè)置文本字體 44
3．4．2　設(shè)置文本大小 45
3．4．3　設(shè)置文本顏色 46
3．5　設(shè)置頭信息 47
3．5．1　設(shè)置META 47
3．5．2　插入關(guān)鍵字 47
3．5．3　插入說明 48
3．5．4　插入腳本 48
3．6　實(shí)戰(zhàn)演練——?jiǎng)?chuàng)建基本文本
網(wǎng)頁 49
第4章 創(chuàng)建超級(jí)鏈接 53
4．1 超級(jí)鏈接的基本概念 53
4．2 創(chuàng)建超級(jí)鏈接的方法 53
4．2．1 使用屬性面板創(chuàng)建
鏈接 53
4．2．2 使用指向文件圖標(biāo)創(chuàng)建
鏈接 54
4．2．3 使用菜單命令創(chuàng)建鏈接 54
4．3 實(shí)戰(zhàn)演練 55
4．3．1 實(shí)例1——?jiǎng)?chuàng)建外部
鏈接 55
4．3．2　實(shí)例2——?jiǎng)?chuàng)建E-mail
鏈接 56
4．3．3　實(shí)例3——?jiǎng)?chuàng)建下載文
件的鏈接 58
4．3．4　實(shí)例4——?jiǎng)?chuàng)建圖像熱
點(diǎn)鏈接 60
4．3．5　實(shí)例5——?jiǎng)?chuàng)建腳本鏈接 63
4．3．6　實(shí)例6——?jiǎng)?chuàng)建空鏈接 65
第5章 使用圖像和多媒體創(chuàng)建
豐富多彩的網(wǎng)頁 67
5．1 網(wǎng)頁中圖像的使用常識(shí) 67
5．2 在網(wǎng)頁中插入圖像 68
5．2．1 插入普通圖像 68
5．2．2 設(shè)置圖像的屬性 71
5．2．3 裁剪圖像 73
5．3 插入其他網(wǎng)頁圖像 75
5．3．1 背景圖像 75
5．3．2 創(chuàng)建鼠標(biāo)經(jīng)過圖像 77
5．4 添加Flash影片 81
5．5 使用代碼提示添加背景音樂 84
5．6 實(shí)戰(zhàn)演練 87
實(shí)例1——?jiǎng)?chuàng)建翻轉(zhuǎn)圖像導(dǎo)航 87
實(shí)例2——?jiǎng)?chuàng)建圖文混排網(wǎng)頁 90
第6章 使用表格布局排版網(wǎng)頁 94
6．1 插入表格 94
6．1．1 表格的基本概念 94
6．1．2 插入表格 95
6．2 設(shè)置表格的各項(xiàng)屬性 96
6．2．1 設(shè)置表格的屬性 96
6．2．2 設(shè)置單元格屬性 97
6．3 選擇表格 98
6．3．1 選擇整個(gè)表格 98
6．3．2 選取行或列 100
6．3．3 選取單元格 101
6．4　表格的基本操作 102
6．4．1　調(diào)整表格高度和寬度 102
6．4．2　添加或刪除行或列 103
6．4．3　拆分單元格 105
6．4．4　合并單元格 106
6．4．5　剪切、復(fù)制、粘貼
單元格 107
6．5　排序及整理表格內(nèi)容 108
6．5．1　導(dǎo)入表格式數(shù)據(jù) 108
6．5．2　排序表格 110
6．6　實(shí)戰(zhàn)演練 112
6．6．1　實(shí)例1——?jiǎng)?chuàng)建細(xì)線
表格 112
6．6．2　實(shí)例2——?jiǎng)?chuàng)建圓角
表格 116
第7章 使用模板和庫批量制作風(fēng)格
統(tǒng)一的網(wǎng)頁 122
7．1 創(chuàng)建模板 122
7．1．1 新建模板 122
7．1．2 從現(xiàn)有文檔創(chuàng)建模板 124
7．2 創(chuàng)建可編輯區(qū)域 125
7．2．1 插入可編輯區(qū)域 125
7．2．2　刪除可編輯區(qū)域 126
7．2．3 更改可編輯區(qū)域 127
7．3 使用模板創(chuàng)建新網(wǎng)頁 127
7．4 管理站點(diǎn)中的模板 132
7．4．1 從模板中脫離 132
7．4．2 修改模板 133
7．5 創(chuàng)建與應(yīng)用庫項(xiàng)目 135
7．5．1 創(chuàng)建庫項(xiàng)目 135
7．5．2 應(yīng)用庫項(xiàng)目 137
7．5．3 修改庫項(xiàng)目 139
7．6 實(shí)戰(zhàn)演練 141
7．6．1 實(shí)例1——?jiǎng)?chuàng)建模板 141
7．6．2 實(shí)例2——利用模板
創(chuàng)建網(wǎng)頁 150
第8章 使用行為創(chuàng)建特效網(wǎng)頁 155
8．1 行為的概述 155
8．1．1 認(rèn)識(shí)事件 156
8．1．2 動(dòng)作類型 156
8．2　制作指定大小的彈出窗口 157
8．3　調(diào)用JavaScript 160
8．3．1　利用JavaScript實(shí)現(xiàn)
打印功能 160
8．3．2　利用JavaScript實(shí)現(xiàn)
關(guān)閉網(wǎng)頁 162
8．4　設(shè)置瀏覽器環(huán)境 164
8．4．1　檢查表單 164
8．4．2　檢查插件 166
8．5 對(duì)圖像設(shè)置動(dòng)作 167
8．5．1　預(yù)先載入圖像 167
8．5．2　交換圖像 169
8．6 設(shè)置狀態(tài)欄文本 172
8．7 轉(zhuǎn)到URL 174
第9章 創(chuàng)建動(dòng)態(tài)數(shù)據(jù)庫網(wǎng)頁 177
9．1 搭建服務(wù)器平臺(tái) 177
9．2 設(shè)計(jì)數(shù)據(jù)庫 182
9．3 建立數(shù)據(jù)庫連接 184
9．3．1 了解DSN 184
9．3．2 定義系統(tǒng)DSN 184
9．4　SQL語言簡介 185
9．4．1　SQL語言概述 186
9．4．2　SQL的優(yōu)點(diǎn) 187
9．5　常用的SQL語句 187
9．5．1　表的建立：
CREATE TABLE 187
9．5．2　插入數(shù)據(jù)：
INSERT INTO 188
9．5．3　修改數(shù)據(jù)：UPDATE 189
9．5．4　刪除數(shù)據(jù)：DELETE 190
9．5．5　SQL查詢語句：SELECT 190


第3部分 CSS美化布局網(wǎng)頁篇 
第10章 使用CSS美化網(wǎng)頁 194
10．1　了解CSS樣式表 194
10．2　CSS的使用 195
10．2．1　CSS基本語法 195
10．2．2　添加CSS的方法 195
10．3　設(shè)置CSS屬性 197
10．3．1　設(shè)置CSS類型屬性 197
10．3．2　設(shè)置CSS背景屬性 198
10．3．3　設(shè)置CSS區(qū)塊屬性 198
10．3．4　設(shè)置CSS方框?qū)傩?199
10．3．5　設(shè)置CSS邊框?qū)傩?200
10．3．6　設(shè)置CSS列表屬性 200
10．3．7　設(shè)置CSS定位屬性 201
10．3．8　設(shè)置CSS擴(kuò)展屬性 202
10．3．9 設(shè)置過渡樣式 202
10．4　實(shí)戰(zhàn)演練 203
10．4．1　實(shí)例1——應(yīng)用CSS
樣式定義字體大小 203
10．4．2 實(shí)例2——應(yīng)用CSS
樣式制作陰影文字 205
第11章 CSS屬性基礎(chǔ) 209
11．1 字體屬性 209
11．1．1 字體font-family 209
11．1．2 字號(hào)font-size 210
11．1．3 字體風(fēng)格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 垂直對(duì)齊方式
vertical-align 218
11．2．5 文本轉(zhuǎn)換
text-transform 220
11．2．6 水平對(duì)齊方式
text-align 221
11．2．7 文本縮進(jìn)
text-indent 222
11．2．8 文本行高
line-height 223
11．3 圖片樣式設(shè)置 224
11．3．1 定義圖片邊框 225
11．3．2 文字環(huán)繞圖片 227
11．4 背景樣式設(shè)置 228
11．4．1 設(shè)置頁面背景顏色 228
11．4．2 定義背景圖片 229
11．5　濾鏡概述 230
11．5．1 動(dòng)感模糊 230
11．5．2 對(duì)顏色進(jìn)行透明處理 232
11．5．3 設(shè)置陰影 233
第12章 CSS+Div布局網(wǎng)頁 235
12．1 初識(shí)Div 235
12．1．1　Div概述 235
12．1．2　Div與span的區(qū)別 236
12．1．3　Div與CSS布局優(yōu)勢(shì) 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　設(shè)計(jì)各塊的位置 242
12．3．3　用CSS定位 242
12．4 常見的布局類型 244
12．4．1 一列固定寬度 244
12．4．2 一列自適應(yīng) 245
12．4．3 兩列固定寬度 246
12．4．4 兩列寬度自適應(yīng) 247
12．4．5 兩列右列寬度自適應(yīng) 248
12．4．6 三列浮動(dòng)中間寬度
自適應(yīng) 249 
第4部分 JavaScript網(wǎng)頁特效篇 
第13章 JavaScript腳本基礎(chǔ) 252
13．1　JavaScript簡介 252
13．1．1　JavaScript的歷史 252
13．1．2　JavaScript特點(diǎn) 253
13．2　JavaScript的放置位置 253
13．2．1 《script/》使用方法 253
13．2．2 位于網(wǎng)頁之外的單
獨(dú)腳本文件 254
13．2．3 直接位于事件處理
部分的代碼中 254
13．3 JavaScript基本語法 254
13．3．1 常量和變量 255
13．3．2 表達(dá)式和運(yùn)算符 256
13．3．3 基本語句 257
13．3．4 函數(shù) 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函數(shù)和對(duì)象 275
15．1 什么是函數(shù) 275
15．2 函數(shù)的定義 276
15．2．1 函數(shù)的普通定義方式 276
15．2．2 函數(shù)的變量定義方式 277
15．2．3 函數(shù)的指針調(diào)用方式 278
15．3　JavaScript對(duì)象的聲明和引用 279
15．3．1　聲明和實(shí)例化 279
15．3．2　對(duì)象的引用 281
15．4　瀏覽器對(duì)象 282
15．4．1　navigator對(duì)象 282
15．4．2 windows對(duì)象 283
15．4．3　location對(duì)象 284
15．4．4　history對(duì)象 285
15．4．5　document對(duì)象 286
15．5 內(nèi)置對(duì)象 287
15．5．1　date對(duì)象 287
15．5．2　數(shù)學(xué)對(duì)象math 290
15．5．3　字符串對(duì)象string 291
15．5．4　數(shù)組對(duì)象array 292 
第5部分 Flash動(dòng)畫設(shè)計(jì)篇 
第16章 繪制圖形和編輯對(duì)象 296
16．1　Flash概述 296
16．2　Flash CC工作界面 296
16．2．1　菜單欄 297
16．2．2　工具箱 297
16．2．3　時(shí)間軸面板 298
16．2．4　舞臺(tái) 299
16．2．5　屬性面板 299
16．2．6　面板組 300
16．3　繪制圖形對(duì)象 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　填充圖形對(duì)象 308
16．4．1　墨水瓶工具 308
16．4．2　顏料桶工具 309
16．4．3　滴管工具 310
16．4．4　刷子工具 311
16．4．5　漸變變形工具 313
16．5　對(duì)象的基本操作 314
16．5．1　使用選擇工具
選擇對(duì)象 314
16．5．2　使用套索工具
選擇對(duì)象 314
16．5．3　移動(dòng)、復(fù)制和
刪除對(duì)象 315
16．6　實(shí)戰(zhàn)演練—繪制網(wǎng)頁標(biāo)志 318
第17章 使用文本工具創(chuàng)建文字 322
17．1　使用文本工具 322
17．1．1　靜態(tài)文本 322
17．1．2　動(dòng)態(tài)文本 323
17．1．3　輸入文本 324
17．2　設(shè)置文本樣式 325
17．2．1　消除文本鋸齒 325
17．2．2　設(shè)置文字屬性 326
17．2．3　創(chuàng)建文字鏈接 327
17．2．4　分離與打散文字 328
17．3　對(duì)文本使用濾鏡效果 330
17．3．1　給文本添加濾鏡 330
17．3．2　設(shè)置濾鏡效果 331
17．4 實(shí)戰(zhàn)演練——制作立體文字 335
第18章 使用時(shí)間軸與圖層 337
18．1　時(shí)間軸與幀 337
18．1．1　時(shí)間軸 337
18．1．2　幀 338
18．2　圖層概述 339
18．2．1　圖層的類型 339
18．2．2　創(chuàng)建圖層和圖層
文件夾 339
18．2．3　修改圖層屬性 340
18．2．4　編輯圖層 341
18．3　使用引導(dǎo)層 342
18．3．1　引導(dǎo)層動(dòng)畫創(chuàng)建
方法和技巧 342
18．3．2　創(chuàng)建引導(dǎo)層動(dòng)畫
實(shí)例 342
18．4　使用遮罩層 346
18．4．1　遮罩層動(dòng)畫創(chuàng)建
方法和技巧 346
18．4．2　利用遮罩層創(chuàng)建
滾動(dòng)圖片效果 346
18．5　實(shí)戰(zhàn)演練——利用遮罩層
制作動(dòng)畫 351
第19章 創(chuàng)建基本Flash動(dòng)畫 355
19．1　動(dòng)畫的基本類型 355
19．2 利用逐幀動(dòng)畫制作圣誕賀卡 355
19．3 創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫 359
19．3．1 動(dòng)畫補(bǔ)間動(dòng)畫的創(chuàng)建
方法和技巧 359
19．3．2 利用動(dòng)畫補(bǔ)間創(chuàng)建對(duì)象
的縮放與淡出效果 359
19．3．3 利用動(dòng)畫補(bǔ)間創(chuàng)建對(duì)象的
旋轉(zhuǎn)與顏色變化效果 362
19．4 創(chuàng)建形狀補(bǔ)間動(dòng)畫 365
19．5　制作帶音效的按鈕 369
第20章 使用ActionScript制作
交互動(dòng)畫 373
20．1　ActionScript簡介 373
20．2　ActionScript基礎(chǔ) 373
20．2．1 ActionScript中的
相關(guān)術(shù)語 374
20．2．2　ActionScript 3．0基本
語法 374
20．3　常用ActionScript語句 376
20．3．1　for循環(huán) 376
20．3．2 while和do while
循環(huán) 377
20．3．3 if語句 377
20．3．4　特殊條件判斷 378
20．4　ActionScript的編輯環(huán)境 378
20．5 實(shí)戰(zhàn)演練 379
實(shí)例1——stop和play語句 379
實(shí)例2——制作下雪效果 383
第21章 HTML5動(dòng)畫 388
21．1 HTML 5簡介 388
21．1．1 HTML5基礎(chǔ) 388
21．1．2 向后兼容 389
21．1．3 更加簡化 389
21．1．4 HTML 5語法中
的三個(gè)要點(diǎn) 389
21．2 新增的主體結(jié)構(gòu)元素 390
21．2．1 實(shí)例應(yīng)用——article
元素 390
21．2．2 實(shí)例應(yīng)用——section
元素 392
21．2．3 實(shí)例應(yīng)用——nav
元素 393
21．2．4 aside元素 396
21．3 canvas元素 397
21．3．1 繪制矩形 397
21．3．2 繪畫對(duì)角線 398
21．4　實(shí)戰(zhàn)演練——利用HTML5
制作3D愛心動(dòng)畫 399 
第6部分 Photoshop CC圖像處理篇 
第22章 Photoshop基礎(chǔ)操作 402
22．1 Photoshop CC工作界面 402
22．1．1 菜單欄 403
22．1．2 工具箱及工具選項(xiàng)欄 403
22．1．3 文檔窗口及狀態(tài)欄 404
22．1．4 面板組 404
22．2 快速調(diào)整圖像 404
22．2．1 調(diào)整圖像大小 405
22．2．2 使用色階命令美
化圖像 406
22．2．3 使用曲線命令美
化圖像 407
22．2．4 調(diào)整圖像亮度與
對(duì)比度 408
22．2．5 使用色彩平衡 409
22．2．6 調(diào)整圖像色相與
飽和度 410
22．3 實(shí)戰(zhàn)演練 411
實(shí)例1——制作電影圖片效果 411
實(shí)例2——調(diào)整曝光不足的
照片 415
第23章 使用繪圖工具繪制圖像 417
23．1 創(chuàng)建選擇區(qū)域 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 實(shí)戰(zhàn)演練—繪制網(wǎng)頁標(biāo)志 432
第24章 圖層與文本的使用 436
24．1 新建和刪除圖層 436
24．1．1 新建圖層 436
24．1．2 刪除圖層 437
24．1．3 新建圖層組 437
24．2 圖層的特殊混合 438
24．3 應(yīng)用圖層樣式 440
24．4 使用文本工具 441
24．4．1 輸入文字 441
24．4．2 設(shè)置文字屬性 442
24．4．3 創(chuàng)建路徑文字 444
24．5 實(shí)戰(zhàn)演練 445
實(shí)例1——制作立體文字效果 445
實(shí)例2——制作圖案文字效果 447
第25章 設(shè)計(jì)制作網(wǎng)頁中的圖像 450
25．1 網(wǎng)站Logo的制作 450
25．1．1 Logo設(shè)計(jì)標(biāo)準(zhǔn) 450
25．1．2 網(wǎng)站Logo的規(guī)格 450
25．1．3 實(shí)戰(zhàn)演練1——設(shè)計(jì)
網(wǎng)站Logo 451
25．2 網(wǎng)絡(luò)廣告的制作 453
25．2．1 網(wǎng)頁廣告設(shè)計(jì)要素 453
25．2．2 網(wǎng)絡(luò)廣告設(shè)計(jì)技巧 453
25．2．3 實(shí)戰(zhàn)演練2——制作
宣傳廣告 454
25．3 網(wǎng)頁切片輸出 459
25．3．1 創(chuàng)建切片 459
25．3．2 編輯切片 459
25．3．3 優(yōu)化和輸出切片 460
實(shí)戰(zhàn)演練3——設(shè)計(jì)網(wǎng)站主頁 461 
第7部分 網(wǎng)站綜合案例篇 
第26章 企業(yè)網(wǎng)站制作綜合實(shí)例 472
26．1　網(wǎng)站規(guī)劃 472
26．1．1 網(wǎng)站需求分析 472
26．1．2 確定網(wǎng)站的版式
設(shè)計(jì) 473
26．1．3 確定網(wǎng)站主要色彩
搭配 473
26．2 設(shè)計(jì)網(wǎng)站封面型首頁 474
26．2．1 設(shè)計(jì)網(wǎng)站首頁 474
26．2．2 切割網(wǎng)站首頁 478
26．3 使用CSS+div布局網(wǎng)站主頁 480
26．3．1 分析架構(gòu) 480
26．3．2 頁面通用規(guī)則 481
26．3．3 制作網(wǎng)站header
導(dǎo)航部分 482
26．3．4 制作網(wǎng)站special
部分 486
26．3．5 制作會(huì)員登錄部分 488
26．3．6 制作裝修案例部分 491