Dreamweaver+Flash+Photoshop網(wǎng)頁設(shè)計從入門到精通

第1章  網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)準備 1
1.1  網(wǎng)站類型概述 2
1.1.1  網(wǎng)站分類 2
1.1.2  網(wǎng)站類型定位 4
1.1.3  個人網(wǎng)站目標分析 6
1.2  網(wǎng)站盈利模式 8
1.2.1  廣告費 8
1.2.2  技術(shù)費 9
1.2.3  標準費 9
1.2.4  服務(wù)費 9
1.2.5  平臺費 9
1.2.6  會員費 10
1.2.7  增值費 10
1.2.8  游戲費 10
1.2.9  電商盈利費 11
1.3  網(wǎng)頁設(shè)計常用工具 11
1.3.1  Dreamweaver 11
1.3.2  Photoshop 11
1.3.3  Flash 11
1.4  網(wǎng)站開發(fā)籌備 12
1.4.1  了解網(wǎng)站工作方式 12
1.4.2  了解動態(tài)網(wǎng)站類型 13
1.4.3  申請域名和購買空間 14
1.5  網(wǎng)站規(guī)劃 18
1.5.1  設(shè)計規(guī)劃 18
1.5.2  素材籌備 18
1.5.3  風格設(shè)計 18
1.5.4  結(jié)構(gòu)設(shè)計 19
1.5.5  撰寫網(wǎng)站規(guī)劃書 19
第2章  Dreamweaver快速入門 25
  視頻講解：1小時36分鐘
2.1  熟悉Dreamweaver CS5操作界面 27
2.1.1  打開編輯窗口 28
2.1.2  標題欄 29
2.1.3  菜單欄 29
2.1.4  工具欄 29
2.1.5  狀態(tài)欄 31
2.1.6  屬性面板 31
2.1.7  浮動面板 31
2.2  Dreamweaver界面操作演練 32
2.2.1  使用標尺 32
2.2.2  使用網(wǎng)格 33
2.2.3  使用輔助線 34
2.2.4  使用歷史記錄 35
2.3  定義和管理站點 36
2.3.1  定義本地靜態(tài)站點 36
2.3.2  設(shè)置站點配置選項 37
2.3.3  管理站點 41
2.4  編輯站點內(nèi)容 42
2.4.1  熟悉文件面板 42
2.4.2  操作站點文件和文件夾 44
2.5  創(chuàng)建網(wǎng)頁 48
2.5.1  新建網(wǎng)頁 49
2.5.2  設(shè)置頁面基本屬性 50
2.5.3  設(shè)置網(wǎng)頁元信息 52
2.5.4  實戰(zhàn)演練：設(shè)置網(wǎng)頁元信息 53
第3章  文本之美 56
  視頻講解：54分鐘
3.1  輸入文本 57
3.2  設(shè)置文本屬性 58
3.2.1  實戰(zhàn)演練：定義文本格式類型 58
3.2.2  實戰(zhàn)演練：定義字體屬性 63
3.2.3  實戰(zhàn)演練：定義段落版式 69
3.3  設(shè)置列表樣式 72
3.3.1  實戰(zhàn)演練：創(chuàng)建項目列表 73
3.3.2  實戰(zhàn)演練：創(chuàng)建編號列表 74
3.3.3  實戰(zhàn)演練：創(chuàng)建嵌套列表 75
3.3.4  實戰(zhàn)演練：創(chuàng)建定義列表 78
第4章  用圖像和多媒體豐富頁面 80
  視頻講解：53分鐘
4.1  在網(wǎng)頁中插入圖像 81
4.1.1  實戰(zhàn)演練：在網(wǎng)頁中插入圖像 81
4.1.2  實戰(zhàn)演練：插入圖像占位符 83
4.1.3  實戰(zhàn)演練：插入鼠標經(jīng)過圖像 84
4.2  設(shè)置圖像屬性 87
4.3  編輯網(wǎng)頁圖像 88
4.4  實戰(zhàn)演練：圖文混排 90
4.5  插入Flash動畫 93
4.6  插入FLV視頻 97
4.7  插入音頻 102
4.8  插入視頻 104
第5章  設(shè)計超鏈接和導航菜單 106
  視頻講解：42分鐘
5.1  超鏈接概述 107
5.1.1  絕對路徑 107
5.1.2  相對路徑 108
5.1.3  根路徑 108
5.2  定義超鏈接的方法 108
5.2.1  使用屬性面板 108
5.2.2  使用指向文件圖標 109
5.2.3  使用【超級鏈接】對話框 110
5.2.4  使用快捷菜單 111
5.2.5  鼠標拖動 111
5.2.6  使用源代碼 111
5.3  使用超鏈接 112
5.3.1  實戰(zhàn)演練：創(chuàng)建錨點鏈接 112
5.3.2  實戰(zhàn)演練：創(chuàng)建E-Mail鏈接 114
5.3.3  實戰(zhàn)演練：創(chuàng)建腳本鏈接 116
5.3.4  實戰(zhàn)演練：創(chuàng)建空鏈接 117
5.3.5  實戰(zhàn)演練：創(chuàng)建下載鏈接 117
5.3.6  實戰(zhàn)演練：創(chuàng)建雙鏈接或多重鏈接 119
5.4  創(chuàng)建圖像地圖 120
第6章  使用表格布局網(wǎng)頁 123
  視頻講解：1小時18分鐘
6.1  插入表格 124
6.2  操作練習：選擇表格 126
6.2.1  選擇完整的表格 127
6.2.2  選擇行和列 128
6.2.3  選擇單元格 129
6.3  表格屬性 130
6.3.1  操作練習：設(shè)置表格框?qū)傩?nbsp;130
6.3.2  操作練習：設(shè)置表格對象屬性 131
6.3.3  操作練習：設(shè)置表格特殊屬性 134
6.4  實戰(zhàn)演練：操作表格 136
6.4.1  調(diào)整大小 136
6.4.2  清除、均化大小 138
6.4.3  增加行、列 139
6.4.4  刪除行、列、單元格內(nèi)容 140
6.4.5  剪切、復制和粘貼單元格 141
6.4.6  合并和拆分單元格 143
6.5  實戰(zhàn)演練：操作表格數(shù)據(jù) 144
6.5.1  導入數(shù)據(jù) 145
6.5.2  導出數(shù)據(jù) 147
6.5.3  數(shù)據(jù)排序 148
6.6  實戰(zhàn)演練：使用表格設(shè)計網(wǎng)頁 150
第7章  使用框架布局網(wǎng)頁 157
  視頻講解：55分鐘
7.1  認識框架 158
7.2  創(chuàng)建框架 158
7.2.1  預定義框架集 159
7.2.2  自定義框架集 160
7.2.3  自定義嵌套框架 161
7.2.4  用HTML定義框架集 162
7.3  操作練習：選擇框架 163
7.3.1  選擇框架集 163
7.3.2  選擇框架 164
7.4  框架屬性 164
7.4.1  操作練習：設(shè)置框架集屬性 164
7.4.2  操作練習：設(shè)置框架屬性 165
7.5  實戰(zhàn)演練：操作框架 166
7.5.1  導入網(wǎng)頁 166
7.5.2  設(shè)置鏈接 170
7.5.3  設(shè)置無框架提示 171
7.5.4  保存框架 173
7.6  實戰(zhàn)演練：設(shè)計浮動框架 173
7.6.1  插入浮動框架 173
7.6.2  設(shè)置懸浮框架頁面 176
第8章  使用CSS美化網(wǎng)頁 179
  視頻講解：2小時
8.1  CSS基礎(chǔ) 180
8.1.1  CSS特點 180
8.1.2  CSS基本語法 180
8.1.3  CSS基本用法 183
8.1.4  CSS屬性 184
8.1.5  CSS單位 186
8.1.6  CSS樣式優(yōu)先級 188
8.1.7  CSS類型 189
8.2  用Dreamweaver定義CSS樣式 190
8.2.1  操作練習：定義CSS樣式 190
8.2.2  實戰(zhàn)演練：定義文本樣式 193
8.2.3  實戰(zhàn)演練：定義背景樣式 196
8.2.4  實戰(zhàn)演練：定義區(qū)塊樣式 197
8.2.5  實戰(zhàn)演練：定義方框樣式 200
8.2.6  實戰(zhàn)演練：定義邊框樣式 201
8.2.7  實戰(zhàn)演練：定義列表樣式 203
8.2.8  實戰(zhàn)演練：定義定位樣式 206
8.2.9  實戰(zhàn)演練：定義擴展樣式 208
第9章  使用DIV+CSS布局網(wǎng)頁 211
  視頻講解：54分鐘
9.1  認識AP Div 212
9.2  操作練習：定義AP Div 212
9.2.1  定義獨立的AP Div 212
9.2.2  定義嵌套的AP Div 214
9.3  設(shè)置AP Div屬性 217
9.3.1  選擇AP Div對象 217
9.3.2  設(shè)置單個AP Div屬性 218
9.3.3  設(shè)置多個AP Div屬性 219
9.4  操作練習：使用AP Div面板 219
9.5  實戰(zhàn)演練：操作AP Div 221
9.5.1  在AP Div中插入模塊內(nèi)容 221
9.5.2  編輯AP Div欄目 223
9.5.3  布局AP Div欄目 223
9.5.4  定位AP Div 224
9.5.5  表格布局與AP Div布局快速切換 226
第10章  使用JavaScript行為創(chuàng)建特效網(wǎng)頁 232
  視頻講解：1小時23分鐘
10.1  認識JavaScript行為 233
10.2  添加與編輯JavaScript行為 233
10.2.1  增加行為 234
10.2.2  操作行為 234
10.2.3  瀏覽器事件介紹 236
10.3  使用預定義行為 238
10.3.1  實戰(zhàn)演練：交換圖像和恢復交換圖像 238
10.3.2  實戰(zhàn)演練：彈出信息 241
10.3.3  實戰(zhàn)演練：打開新瀏覽器窗口 242
10.3.4  實戰(zhàn)演練：拖動AP元素 245
10.3.5  實戰(zhàn)演練：改變屬性 248
10.3.6  實戰(zhàn)演練：顯示-隱藏元素 250
10.3.7  實戰(zhàn)演練：檢查插件 251
10.3.8  實戰(zhàn)演練：設(shè)置文本 252
10.3.9  實戰(zhàn)演練：調(diào)用JavaScript 254
10.3.10  實戰(zhàn)演練：跳轉(zhuǎn)菜單 256
10.3.11  隱藏彈出式菜單 258
10.3.12  預先載入圖像 259
10.4  上機練習：使用Spry效果 259
10.4.1  添加顯示/漸隱效果 259
10.4.2  添加遮簾效果 260
10.4.3  添加增大/收縮效果 261
10.4.4  添加高亮顏色效果 262
10.4.5  添加晃動效果 263
10.4.6  添加擠壓效果 264
10.4.7  添加滑動效果 265
第11章  在網(wǎng)頁中加入Spry應(yīng)用 267
  視頻講解：1小時11分鐘
11.1  認識Spry框架 268
11.1.1  Ajax概述 268
11.1.2  Ajax原理分解 269
11.2  使用Spry顯示動態(tài)數(shù)據(jù) 270
11.2.1  定義Spry XML數(shù)據(jù)集 270
11.2.2  定義Spry區(qū)域 276
11.2.3  定義Spry重復項 277
11.2.4  定義Spry重復列表 279
11.3  使用Spry構(gòu)件 281
11.3.1  認識Spry構(gòu)件 281
11.3.2  實戰(zhàn)演練：定義Spry菜單欄 282
11.3.3  實戰(zhàn)演練：定義Spry選項卡式面板 286
11.3.4  實戰(zhàn)演練：定義Spry折疊式 289
11.3.5  實戰(zhàn)演練：使用Spry驗證文本域 292
第12章  建立動態(tài)數(shù)據(jù)庫網(wǎng)頁 296
  視頻講解：1小時41分鐘
12.1  動態(tài)網(wǎng)站開發(fā)基礎(chǔ) 297
12.1.1  動態(tài)網(wǎng)頁制作方法 297
12.1.2  定義服務(wù)器 298
12.2  搭建虛擬服務(wù)器環(huán)境 300
12.2.1  ASP服務(wù)器概述 300
12.2.2  安裝IIS 301
12.2.3  定義站點 302
12.2.4  設(shè)置站點屬性 303
12.2.5  定義虛擬目錄 306
12.2.6  實戰(zhàn)演練：建立動態(tài)網(wǎng)站 307
12.3  建立數(shù)據(jù)庫連接 310
12.3.1  認識ODBC、ADO、DSN 310
12.3.2  上機練習：啟動ODBC連接服務(wù) 310
12.3.3  實戰(zhàn)演練：定義DSN連接 312
12.3.4  實戰(zhàn)演練：定義字符串連接 314
12.4  定義記錄集 316
12.4.1  實戰(zhàn)演練：定義簡單記錄集 316
12.4.2  實戰(zhàn)演練：定義高級記錄集 318
12.4.3  操作記錄集 319
12.5  實戰(zhàn)演練：在網(wǎng)頁中顯示動態(tài)數(shù)據(jù) 321
12.5.1  插入動態(tài)文本 322
12.5.2  插入動態(tài)圖像 323
12.5.3  設(shè)計動態(tài)下拉列表 324
12.5.4  設(shè)計動態(tài)文本框 325
12.5.5  設(shè)計動態(tài)復選框 326
12.5.6  設(shè)計動態(tài)單選按鈕 327
12.5.7  設(shè)計動態(tài)HTML屬性 328
12.5.8  設(shè)計重復區(qū)域 330
12.5.9  設(shè)計記錄集分頁 332
12.5.10  設(shè)計顯示區(qū)域 334
12.5.11  設(shè)計轉(zhuǎn)到詳細頁面 335
12.5.12  操作記錄 337
12.5.13  設(shè)計用戶管理 342
第13章  Photoshop網(wǎng)頁界面設(shè)計基礎(chǔ) 345
  視頻講解：1小時57分鐘
13.1  熟悉Photoshop主界面 346
13.1.1  菜單和命令 346
13.1.2  工具箱 347
13.1.3  選項欄 348
13.1.4  浮動面板 348
13.1.5  狀態(tài)欄 349
13.2  選取范圍 349
13.2.1  選取規(guī)則區(qū)域 349
13.2.2  選取不規(guī)則區(qū)域 350
13.3  操作選區(qū) 355
13.3.1  移動選區(qū) 355
13.3.2  編輯選區(qū) 356
13.3.3  修改選區(qū) 356
13.3.4  變換選區(qū) 357
13.3.5  羽化選區(qū) 358
13.3.6  案例實戰(zhàn)：快速摳字 359
13.4  使用繪圖工具 360
13.4.1  使用畫筆工具 360
13.4.2  使用鉛筆工具 361
13.4.3  使用橡皮擦工具 361
13.4.4  案例實戰(zhàn)：繪制球形 361
13.5  繪制矢量圖 362
13.5.1  使用鋼筆工具 362
13.5.2  轉(zhuǎn)換點類型 365
13.5.3  繪制形狀 365
第14章  使用圖層和文本 367
  視頻講解：1小時30分鐘
14.1  Photoshop圖層概述 368
14.2  創(chuàng)建圖層 369
14.2.1  新建普通圖層 369
14.2.2  新建背景圖層 370
14.2.3  新建調(diào)整圖層 371
14.2.4  新建文本圖層 372
14.2.5  新建填充圖層 372
14.2.6  新建形狀圖層 373
14.3  操作圖層 374
14.3.1  圖層基本操作 374
14.3.2  多圖層操作 378
14.3.3  合并圖層 380
14.3.4  使用圖層蒙版 382
14.3.5  使用剪貼組圖層 384
14.4  操作文本 386
14.4.1  輸入文本 386
14.4.2  設(shè)置文本格式 387
14.5  案例實戰(zhàn)：制作雙環(huán) 388
14.6  案例實戰(zhàn)：設(shè)計倒影文字 390
第15章  設(shè)計網(wǎng)頁元素 392
  視頻講解：1小時26分鐘
15.1  制作主圖 393
15.2  制作標題文字 393
15.3  制作網(wǎng)頁按鈕 395
15.4  制作導航條圖像 397
15.5  制作網(wǎng)頁背景圖像 398
15.6  設(shè)計網(wǎng)頁Logo 400
15.6.1  Logo規(guī)格 400
15.6.2  Logo表現(xiàn)形式 400
15.6.3  Logo定位 400
15.6.4  Logo設(shè)計技巧 401
15.6.5  案例實戰(zhàn)：制作Google標志 401
15.6.6  案例實戰(zhàn)：制作迅雷標志 403
15.7  設(shè)計網(wǎng)頁Banner 407
15.7.1  網(wǎng)頁Banner設(shè)計策劃 407
15.7.2  網(wǎng)頁Banner設(shè)計技巧 410
15.7.3  案例實戰(zhàn)：設(shè)計產(chǎn)品促銷廣告 414
15.8  制作其他網(wǎng)頁元素 417
第16章  設(shè)計宣傳展示網(wǎng)站 418
  視頻講解：1小時03分鐘
16.1  網(wǎng)站配色 419
16.2  網(wǎng)站結(jié)構(gòu)設(shè)計 421
16.3  輸出設(shè)計圖 423
16.4  網(wǎng)站結(jié)構(gòu)重構(gòu) 425
16.5  網(wǎng)站效果重現(xiàn) 428
第17章  設(shè)計娛樂時尚網(wǎng)站 440
  視頻講解：45分鐘
17.1  網(wǎng)站配色 441
17.2  網(wǎng)站結(jié)構(gòu)設(shè)計 442
17.3  輸出設(shè)計圖 444
17.4  網(wǎng)站結(jié)構(gòu)重構(gòu) 446
17.5  網(wǎng)站效果重現(xiàn) 449
第18章  Flash動畫設(shè)計基礎(chǔ) 461
  視頻講解：42分鐘
18.1  Flash網(wǎng)頁動畫設(shè)計概述 462
18.1.1  Flash在網(wǎng)站設(shè)計中的應(yīng)用 462
18.1.2  Flash網(wǎng)頁動畫設(shè)計特性 464
18.2  熟悉Flash工作環(huán)境 469
18.2.1  認識Flash主界面 469
18.2.2  上機練習：操作Flash文檔 470
18.2.3  Flash繪圖工具與動畫場景設(shè)置 471
18.2.4  使用標尺、輔助線、網(wǎng)格 473
18.2.5  使用場景 474
18.3  實戰(zhàn)演練：設(shè)計第一個Flash動畫 475
18.3.1  設(shè)定舞臺場景 475
18.3.2  創(chuàng)建動畫效果 477
18.3.3  測試動畫 479
18.3.4  保存、導出和發(fā)布影片 479
第19章  使用元件、實例和庫 481
  視頻講解：52分鐘
19.1  使用元件 482
19.1.1  元件類型 482
19.1.2  創(chuàng)建圖形元件 482
19.1.3  創(chuàng)建按鈕元件 485
19.1.4  實戰(zhàn)演練：設(shè)計Apple按鈕 487
19.1.5  實戰(zhàn)演練：設(shè)計交互式按鈕 491
19.1.6  創(chuàng)建影片剪輯元件 493
19.1.7  編輯元件 496
19.2  使用實例 497
19.2.1  創(chuàng)建元件實例 497
19.2.2  修改元件實例 498
19.3  操作元件庫 500
19.3.1  使用元件庫 500
19.3.2  調(diào)用動畫庫 502
19.3.3  公用庫 503
第20章  創(chuàng)建Flash動畫 504
  視頻講解：2小時05分鐘
20.1  Flash幀基礎(chǔ) 505
20.1.1  操作幀 505
20.1.2  編輯幀 507
20.1.3  使用洋蔥皮 508
20.2  Flash層基礎(chǔ) 510
20.2.1  操作層 510
20.2.2  引導層 514
20.2.3  遮罩層 515
20.3  設(shè)計逐幀動畫 516
20.3.1  導入逐幀動畫 516
20.3.2  制作逐幀動畫 517
20.3.3  實戰(zhàn)演練：設(shè)計網(wǎng)絡(luò)廣告 519
20.4  設(shè)計補間動畫 522
20.4.1  制作傳統(tǒng)補間動畫 522
20.4.2  制作補間形狀動畫 525
20.4.3  控制形狀變化 526
20.4.4  制作補間動畫 528
20.4.5  巧用動畫編輯器 530
20.4.6  使用動畫預設(shè) 532
20.4.7  實戰(zhàn)演練：設(shè)計跳動的小球 533
20.5  設(shè)計引導線動畫 535
20.5.1  制作引導線動畫 535
20.5.2  實戰(zhàn)演練：設(shè)計科技動畫 537
20.6  設(shè)計遮罩動畫 539
20.6.1  制作遮罩層動畫 539
20.6.2  實戰(zhàn)演練：制作旋轉(zhuǎn)的地球 541
20.6.3  實戰(zhàn)演練：設(shè)計探照燈效果 544
20.7  設(shè)計骨骼動畫 546
20.7.1  為元件添加骨骼 546
20.7.2  為形狀添加骨骼 548
第21章  用Flash制作動畫元素 551
  視頻講解：1小時26分鐘
21.1  繪制圖形 552
21.1.1  繪制路徑 552
21.1.2  繪制圖形 557
21.1.3  實戰(zhàn)演練：繪制頭像 561
21.1.4  實戰(zhàn)演練：繪制Logo標識 565
21.1.5  修飾圖形 567
21.2  動畫上色 569
21.2.1  使用墨水瓶 569
21.2.2  使用顏料桶 570
21.2.3  使用滴管 571
21.2.4  使用漸變變形 572
21.2.5  實戰(zhàn)演練：設(shè)計立體按鈕 574
21.2.6  使用混色器 576
21.2.7  實戰(zhàn)演練：給衣服上色 577
21.3  使用文本 579
21.3.1  輸入靜態(tài)文本 579
21.3.2  修改文本 580
21.3.3  設(shè)置文本屬性 580
21.3.4  分離文本 582
21.3.5  動態(tài)文本 583
21.3.6  輸入文本 583
21.3.7  實戰(zhàn)演練：設(shè)計左進右出文字 583
21.3.8  實戰(zhàn)演練：設(shè)計空心文字 585
21.3.9  實戰(zhàn)演練：設(shè)計披雪文字 586
21.3.10  實戰(zhàn)演練：設(shè)計立體文字 588
第22章  用Flash導入外部素材 590
  視頻講解：1小時
22.1  導入外部素材 591
22.1.1  外部素材概述 591
22.1.2  導入外部素材基本方法 593
22.1.3  導入外部圖像素材 596
22.2  編輯圖像 597
22.2.1  設(shè)置位圖屬性 597
22.2.2  使用套索工具 598
22.2.3  實戰(zhàn)演練：制作賀卡 599
22.2.4  轉(zhuǎn)換位圖為矢量圖 602
22.3  編輯圖形 604
22.3.1  變形 604
22.3.2  實戰(zhàn)演練：設(shè)計倒影效果 607
22.3.3  組合與分散到圖層 609
22.3.4  對齊圖形 610
22.3.5  使用變形面板和信息面板 612
22.3.6  實戰(zhàn)演練：制作折扇 613
22.4  添加聲音 615
22.4.1  導入聲音文件 615
22.4.2  為關(guān)鍵幀添加聲音 616
22.4.3  為按鈕添加聲音 616
22.4.4  編輯聲音 617
22.5  實戰(zhàn)演練：添加視頻 620
第23章  創(chuàng)建復雜交互式動畫 623
  視頻講解：1小時16分鐘
23.1  ActionScript概述 624
23.2  在Flash中使用ActionScript 625
23.2.1  使用動作面板 625
23.2.2  使用行為面板 626
23.2.3  添加ActionScript動作 627
23.3  實戰(zhàn)演練：ActionScript應(yīng)用開發(fā) 628
23.3.1  播放和停止 629
23.3.2  跳轉(zhuǎn)動畫 630
23.3.3  停止聲音播放 631
23.3.4  控制Flash播放器 632
23.3.5  訪問網(wǎng)頁 633
23.3.6  加載/卸載影片剪輯 634
23.3.7  加載變量 635
23.3.8  設(shè)置影片剪輯屬性 636
23.3.9  復制影片剪輯 639
23.4  綜合實戰(zhàn)：開發(fā)Flash網(wǎng)站 640
23.4.1  Flash網(wǎng)站設(shè)計概述 641
23.4.2  Flash網(wǎng)站開發(fā)必須掌握的幾個函數(shù) 641
23.4.3  網(wǎng)站策劃 643
23.4.4  首頁場景設(shè)計 644
23.4.5  次場景的制作 645
23.4.6  二級次場景制作 646
23.4.7  設(shè)計Loading 647
23.4.8  制作導航條 649
23.4.9  加載外部動畫影片 650
23.4.10  加載外部文本文件 652
23.4.11  開發(fā)小結(jié) 653