Photoshop CS/Dreamweaver MX 2004/Flash MX 2004/Fireworks MX 2004夢(mèng)幻網(wǎng)頁(yè)設(shè)計(jì)四合一

第1章 初識(shí)Photoshop CS
1.1 Photoshop CS簡(jiǎn)介 1
1.1.1 Photoshop CS的工作界面 1
1.1.2 Photoshop CS的新增功能 4
1.2 創(chuàng)建簡(jiǎn)單網(wǎng)頁(yè)圖像 5
1.2.1 新建文件 5
1.2.2 導(dǎo)入圖像 6
1.2.3 添加文字和應(yīng)用樣式 7
1.2.4 保存輸出圖像 8
1.3 思考與練習(xí) 10
第2章 利用工具繪制網(wǎng)頁(yè)圖像
2.1 創(chuàng)建選擇區(qū)域 11
2.1.1 選框工具 11
2.1.2 套索工具 14
2.1.3 魔棒工具 15
2.1.4 利用魔棒工具摳取透明圖像 17
2.1.5 羽化圖像 18
2.2 基本繪圖工具 19
2.2.1 畫筆工具 19
2.2.2 鉛筆工具 19
2.2.3 仿制圖章工具和圖案圖章工具 20
2.2.4 橡皮工具 21
2.2.5 油漆桶工具和漸變工具 21
2.2.6 圖形工具 23
2.3 利用基本繪圖工具制作大眾汽車標(biāo)志 24
2.4 思考與練習(xí) 27
第3章 處理網(wǎng)頁(yè)圖像
3.1 色彩模式 29
3.2 調(diào)整圖像色彩 29
3.2.1 利用色階調(diào)整圖像色彩 30
3.2.2 利用曲線調(diào)整圖像色彩 31
3.2.3 調(diào)整圖像亮度與對(duì)比度 32
3.2.4 使用色彩平衡調(diào)整圖像色彩 33
3.2.5 調(diào)整圖像色相與飽和度 34
3.3 處理網(wǎng)頁(yè)圖像實(shí)例 35
3.4 思考與練習(xí) 39
第4章 利用圖層設(shè)計(jì)網(wǎng)頁(yè)圖像
4.1 利用圖層制作網(wǎng)頁(yè)廣告 41
4.2 設(shè)計(jì)首頁(yè) 46
4.3 思考與練習(xí) 50
第5章 使用文字工具制作
第5章 網(wǎng)頁(yè)特效字
5.1 創(chuàng)建文字 51
5.1.1 輸入文字 51
5.1.2 在文本框中輸入文字 52
5.2 文字的變形 53
5.3 制作網(wǎng)頁(yè)特效文字 54
5.3.1 制作變形文字 55
5.3.2 制作陰影字 57
5.4 思考與練習(xí) 58
第6章 使用樣式制作網(wǎng)頁(yè)按鈕
6.1 制作透明質(zhì)感按鈕 61
6.2 制作發(fā)光按鈕 64
6.3 思考與練習(xí) 66
第7章 切割和優(yōu)化網(wǎng)頁(yè)圖像
7.1 切割網(wǎng)頁(yè)圖像 67
7.1.1 創(chuàng)建切片 67
7.1.2 改變切片的位置和大小 69
7.1.3 編輯切片鏈接 69
7.1.4 保存切片 71
7.2 圖像的優(yōu)化與輸出 71
7.2.1 圖像的優(yōu)化 72
7.2.2 輸出優(yōu)化圖像 73
7.2.3 輸出透明GIF圖像 74
7.3 思考與練習(xí) 74
第8章 利用ImageReady制作
第8章 網(wǎng)頁(yè)動(dòng)畫
8.1 ImageReady工作界面 77
8.2 制作網(wǎng)頁(yè)廣告宣傳動(dòng)畫 80
8.3 制作翻轉(zhuǎn)按鈕動(dòng)畫 83
8.4 思考與練習(xí) 85
第9章 初識(shí)Dreamweaver MX 2004
9.1 Dreamweaver MX 2004簡(jiǎn)介 87
9.1.1 Dreamweaver MX 2004工作界面 87
9.1.2 Dreamweaver MX 2004新增功能 88
9.2 創(chuàng)建站點(diǎn) 89
9.3 在站點(diǎn)中創(chuàng)建網(wǎng)頁(yè) 90
9.3.1 創(chuàng)建網(wǎng)頁(yè) 91
9.3.2 設(shè)置頁(yè)面屬性 91
9.3.3 插入網(wǎng)頁(yè)元素 92
9.3.4 保存預(yù)覽網(wǎng)頁(yè) 93
9.4 思考與練習(xí) 94
第10章 插入網(wǎng)頁(yè)元素創(chuàng)建精彩網(wǎng)頁(yè)
10.1 插入文本 95
10.1.1 設(shè)置文本屬性 95
10.1.2 用樣式表格式化文本 96
10.2 插入圖像 97
10.2.1 常見(jiàn)的網(wǎng)頁(yè)圖像格式 97
10.2.2 在網(wǎng)頁(yè)中插入圖像 98
10.2.3 插入鼠標(biāo)經(jīng)過(guò)圖像 99
10.2.4 使用外部圖像編輯器 102
10.3 插入多媒體文件 103
10.3.1 插入Flash動(dòng)畫 103
10.3.2 利用Applet制作動(dòng)感網(wǎng)頁(yè) 104
10.3.3 利用插件制作背景音樂(lè)網(wǎng)頁(yè) 106
10.4 創(chuàng)建超級(jí)鏈接 108
10.4.1 創(chuàng)建文本超鏈接 108
10.4.2 創(chuàng)建電子郵件超鏈接 111
10.4.3 創(chuàng)建圖像熱點(diǎn)超鏈接 111
10.4.4 創(chuàng)建錨點(diǎn)超鏈接 112
10.5 思考與練習(xí) 114
第11章 利用表格、框架和層布局網(wǎng)頁(yè)
11.1 表格的基本操作 115
11.1.1 插入表格 115
11.1.2 修改表格 117
11.1.3 利用表格布局網(wǎng)頁(yè)實(shí)例 117
11.2 創(chuàng)建框架網(wǎng)頁(yè) 122
11.2.1 創(chuàng)建框架和框架集 123
11.2.2 保存框架網(wǎng)頁(yè) 125
11.2.3 拆分框架 127
11.2.4 選擇框架和框架集 127
11.2.5 設(shè)置框架和框架集的屬性 128
11.2.6 制作框架網(wǎng)頁(yè)實(shí)例 129
11.3 使用層精確定位網(wǎng)頁(yè)元素 135
11.3.1 創(chuàng)建層 135
11.3.2 使用層制作下拉菜單 136
11.4 思考與練習(xí) 140
第12章 利用模板和庫(kù)制作網(wǎng)頁(yè)
12.1 創(chuàng)建模板 141
12.1.1 應(yīng)用模板創(chuàng)建網(wǎng)頁(yè) 143
12.1.2 修改模板更新網(wǎng)頁(yè) 146
12.2 使用庫(kù) 147
12.2.1 創(chuàng)建庫(kù)項(xiàng)目 147
12.2.2 插入庫(kù)項(xiàng)目 147
12.2.3 將庫(kù)項(xiàng)目與源文件分離 148
12.3 思考與練習(xí) 149
第13章 利用行為制作特效網(wǎng)頁(yè)
13.1 使用行為制作網(wǎng)頁(yè) 151
13.1.1 制作彈出廣告網(wǎng)頁(yè) 151
13.1.2 在狀態(tài)欄顯示消息 153
13.1.3 制作自動(dòng)跳轉(zhuǎn)頁(yè)面 154
13.1.4 制作帶有聲音的網(wǎng)頁(yè) 155
13.1.5 交換圖像 156
13.2 制作滾動(dòng)公告欄 157
13.3 利用JavaScript制作特效網(wǎng)頁(yè) 159
13.3.1 制作飄浮廣告 159
13.3.2 自動(dòng)顯示日期和時(shí)間 163
13.3.3 制作自動(dòng)滾屏網(wǎng)頁(yè) 164
13.3.4 制作自動(dòng)關(guān)閉的網(wǎng)頁(yè) 166
13.3.5 制作鼠標(biāo)跟隨網(wǎng)頁(yè) 167
13.4 思考與練習(xí) 170
第14章 使用樣式表美化網(wǎng)頁(yè)
14.1 CSS概述 171
14.1.1 CSS基本概念 171
14.1.2 CSS基本語(yǔ)法 172
14.2 應(yīng)用CSS樣式美化網(wǎng)頁(yè) 172
14.2.1 創(chuàng)建嵌入式樣式表網(wǎng)頁(yè) 173
14.2.2 鏈接外部CSS文件 174
14.2.3 導(dǎo)出到外部CSS樣式表 175
14.3 CSS屬性設(shè)置 176
14.3.1 設(shè)置類型屬性 176
14.3.2 設(shè)置背景屬性 177
14.3.3 設(shè)置區(qū)塊屬性 177
14.3.4 設(shè)置方框?qū)傩?178
14.3.5 設(shè)置邊框?qū)傩?179
14.3.6 設(shè)置列表屬性 179
14.3.7 設(shè)置定位屬性 180
14.3.8 設(shè)置擴(kuò)展屬性 181
14.4 CSS綜合應(yīng)用實(shí)例 182
14.4.1 利用CCS固定字體大小 182
14.4.2 利用CSS去掉文字下劃線 183
14.5 思考與練習(xí) 185
第15章 創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)
15.1 制作反饋表單 187
15.1.1 創(chuàng)建表單 187
15.1.2 插入文本字段 189
15.1.3 插入列表/菜單 190
15.1.4 插入單選按鈕 192
15.1.5 插入復(fù)選框 192
15.1.6 插入文件域 193
15.1.7 插入隱藏域 194
15.1.8 插入按鈕 195
15.1.9 插入圖像域 195
15.2 安裝和配置服務(wù)器 196
15.2.1 安裝IIS服務(wù)器 196
15.2.2 配置服務(wù)器 198
15.3 創(chuàng)建數(shù)據(jù)庫(kù) 200
15.3.1 新建數(shù)據(jù)庫(kù) 200
15.3.2 創(chuàng)建表和字段 201
15.4 連接數(shù)據(jù)庫(kù) 202
15.4.1 創(chuàng)建ODBC數(shù)據(jù)源 202
15.4.2 創(chuàng)建DSN連接 202
15.5 創(chuàng)建記錄集 203
15.6 給頁(yè)面綁定動(dòng)態(tài)內(nèi)容 205
15.7 思考與練習(xí) 206
第16章 站點(diǎn)管理
16.1 站點(diǎn)管理概述 207
16.1.1 打開(kāi)站點(diǎn) 207
16.1.2 使用站點(diǎn)地圖 207
16.2 站點(diǎn)的測(cè)試與上傳 208
16.2.1 檢查站點(diǎn) 208
16.2.2 定義遠(yuǎn)程文件夾 210
16.2.3 上傳文件 210
16.3 思考與練習(xí) 211
第17章 初識(shí)Flash MX 2004
17.1 Flash簡(jiǎn)介 213
17.1.1 Flash的歷史 213
17.1.2 Flash MX 2004的特點(diǎn) 214
17.2 Flash MX 2004的工作界面 214
17.3 Flash MX 2004的新增功能 215
17.4 Flash MX 2004的基本概念 216
17.4.1 幀 216
17.4.2 層 216
17.4.3 場(chǎng)景 217
17.4.4 元件 217
17.4.5 時(shí)間軸 218
17.4.6 標(biāo)尺工具 218
17.4.7 動(dòng)作腳本 218
17.5 Flash動(dòng)畫創(chuàng)作流程 219
17.5.1 新建文檔和設(shè)置場(chǎng)景 219
17.5.2 創(chuàng)建簡(jiǎn)單動(dòng)畫 219
17.6 思考與練習(xí) 221
第18章 利用基本工具繪制圖形
18.1 繪制房子圖形 223
18.2 填充圖形 224
18.3 混色器的應(yīng)用 225
18.4 動(dòng)畫中的文字應(yīng)用 226
18.5 彩虹文字制作實(shí)例 227
18.6 思考與練習(xí) 229
第19章 位圖和圖層的使用
19.1 導(dǎo)入位圖 231
19.2 矢量化位圖 232
19.3 圖層的使用 233
19.4 制作彩圖文字 234
19.5 思考與練習(xí) 236
第20章 元件與實(shí)例
20.1 “庫(kù)”面板 237
20.2 元件類型 237
20.3 創(chuàng)建元件 238
20.3.1 創(chuàng)建圖形元件 238
20.3.2 創(chuàng)建按鈕元件 239
20.3.3 創(chuàng)建影片剪輯元件 241
20.4 實(shí)例 242
20.4.1 編輯實(shí)例 242
20.4.2 使用元件庫(kù)創(chuàng)建實(shí)例 244
20.5 思考與練習(xí) 245
第21章 創(chuàng)建動(dòng)畫
21.1 幀動(dòng)畫 247
21.1.1 制作文字逐幀動(dòng)畫 247
21.1.2 制作動(dòng)作補(bǔ)間動(dòng)畫 249
21.1.3 制作形狀補(bǔ)間動(dòng)畫 251
21.2 時(shí)間軸動(dòng)畫 252
21.2.1 制作對(duì)象陰影效果 253
21.2.2 制作爆炸效果 254
21.3 創(chuàng)建遮罩層動(dòng)畫 255
21.3.1 遮罩的概念 255
21.3.2 創(chuàng)建文字遮罩動(dòng)畫 255
21.3.3 制作百葉窗 258
21.4 利用引導(dǎo)層制作動(dòng)畫 261
21.5 利用模板制作動(dòng)畫 264
21.6 思考與練習(xí) 265
第22章 為動(dòng)畫添加音效
22.1 導(dǎo)入聲音 267
22.2 編輯音頻 268
22.3 為按鈕添加聲音 269
22.4 為動(dòng)畫添加聲音 270
22.5 思考與練習(xí) 272
第23章 制作交互動(dòng)畫
23.1 動(dòng)作腳本基礎(chǔ) 273
23.1.1 “動(dòng)作”面板 273
23.1.2 Action簡(jiǎn)介 274
23.2 制作交互式網(wǎng)頁(yè)按鈕 275
23.3 制作動(dòng)畫載入效果 276
23.4 制作網(wǎng)頁(yè)導(dǎo)航條 279
23.5 思考與練習(xí) 283
第24章 優(yōu)化和發(fā)布動(dòng)畫
24.1 Flash動(dòng)畫的優(yōu)化 285
24.1.1 動(dòng)畫文件的優(yōu)化 285
24.1.2 動(dòng)畫的測(cè)試 286
24.2 Flash 動(dòng)畫的發(fā)布 287
24.2.1 SWF文件的發(fā)布設(shè)置 287
24.2.2 HTML文件的發(fā)布設(shè)置 288
24.2.3 GIF文件的發(fā)布設(shè)置 290
24.2.4 QuickTime文件的發(fā)布設(shè)置 291
24.2.5 預(yù)覽發(fā)布動(dòng)畫 292
24.3 思考與練習(xí) 292
第25章 初識(shí)Fireworks MX 2004
25.1 Fireworks MX 2004工作界面 295
25.1.1 工具箱 296
25.1.2 文檔窗口 297
25.2 Fireworks MX 2004新增功能 298
25.3 圖像文檔操作 299
25.3.1 修改畫布大小 299
25.3.2 修改畫布顏色 299
25.3.3 修改圖像大小 300
25.3.4 旋轉(zhuǎn)畫布 300
25.3.5 圖像變形 301
25.4 優(yōu)化圖像 301
25.4.1 利用“優(yōu)化”面板優(yōu)化圖像 302
25.4.2 優(yōu)化方案選擇 303
25.4.3 優(yōu)化GIF設(shè)置 304
25.4.4 優(yōu)化JPEG設(shè)置 304
25.5 導(dǎo)出圖像 305
25.6 思考與練習(xí) 306
第26章 利用繪圖工具處理網(wǎng)頁(yè)圖像
26.1 創(chuàng)建位圖選區(qū) 307
26.1.1 規(guī)則區(qū)域的選取 307
26.1.2 不規(guī)則區(qū)域的選取 309
26.1.3 羽化選區(qū) 310
26.1.4 設(shè)置圖像背景為透明 311
26.2 編輯位圖 312
26.2.1 使用鉛筆工具和刷子工具 312
26.2.2 使用油漆桶工具和漸變工具 313
26.2.3 模糊工具與銳化工具 314
26.2.4 減淡工具和加深工具 315
26.3 編輯與調(diào)整對(duì)象 315
26.4 思考與練習(xí) 316
第27章 應(yīng)用樣式與特效編輯
第27章 網(wǎng)頁(yè)文字
27.1 輸入與編輯文字 317
27.2 創(chuàng)建環(huán)繞文字效果 318
27.3 應(yīng)用樣式 320
27.4 創(chuàng)建與刪除樣式 321
27.5 創(chuàng)建晶瑩文字效果 322
27.6 創(chuàng)建網(wǎng)頁(yè)立體特效字 324
27.7 思考與練習(xí) 325
第28章 創(chuàng)建網(wǎng)頁(yè)按鈕與動(dòng)畫
28.1 制作按鈕 327
28.1.1 制作漸變按鈕 327
28.1.2 制作動(dòng)態(tài)按鈕 328
28.2 制作GIF動(dòng)畫 331
28.2.1 制作幀幀動(dòng)畫 332
28.2.2 制作淡入淡出動(dòng)畫 334
28.3 思考與練習(xí) 336
第29章 創(chuàng)建網(wǎng)頁(yè)切片與熱點(diǎn)
29.1 創(chuàng)建切片概述 337
29.1.1 創(chuàng)建切片 337
29.1.2 編輯切片 338
29.1.3 導(dǎo)出切片 339
29.2 使用熱點(diǎn) 340
29.2.1 創(chuàng)建熱點(diǎn) 340
29.2.2 編輯熱點(diǎn) 341
29.2.3 為熱點(diǎn)添加鏈接 343
29.3 思考與練習(xí) 343
第30章 企業(yè)宣傳網(wǎng)站制作
30.1 企業(yè)宣傳網(wǎng)站設(shè)計(jì)概述 345
30.2 用Photoshop設(shè)計(jì)首頁(yè) 346
30.2.1 制作首頁(yè)頂部 347
30.2.2 制作首頁(yè)中間部分 349
30.2.3 制作首頁(yè)底部部分 353
30.2.4 切割首頁(yè) 353
30.3 給主頁(yè)添加特效 355
30.3.1 制作彈出廣告 355
30.3.2 給首頁(yè)添加背景音樂(lè) 356
30.4 使用模板創(chuàng)建二級(jí)頁(yè)面 357
30.4.1 創(chuàng)建模板 357
30.4.2 利用模板創(chuàng)建網(wǎng)頁(yè) 361
30.4.3 從模板分離文檔 363
30.5 思考與練習(xí) 363
第31章 電子商務(wù)網(wǎng)站制作
31.1 網(wǎng)站設(shè)計(jì)概述 365
31.2 制作網(wǎng)頁(yè)圖片 367
31.2.1 用Flash制作Banner動(dòng)畫 367
31.2.2 用Fireworks制作LOGO 370
31.3 定義本地站點(diǎn) 371
31.4 創(chuàng)建網(wǎng)頁(yè) 372
31.4.1 新建網(wǎng)頁(yè) 372
31.4.2 定義文檔標(biāo)題 372
31.4.3 設(shè)置網(wǎng)頁(yè)關(guān)鍵字 373
31.5 給網(wǎng)頁(yè)添加內(nèi)容 374
31.5.1 制作網(wǎng)頁(yè)導(dǎo)航 374
31.5.2 制作滾動(dòng)公告 378
31.5.3 制作產(chǎn)品分類導(dǎo)航欄 379
31.5.4 制作產(chǎn)品展示部分 381
31.5.5 制作信息發(fā)布部分 382
31.5.6 制作商家展示廣告 384
31.5.7 用CSS美化網(wǎng)頁(yè) 386
31.6 站點(diǎn)發(fā)布 387
31.6.1 申請(qǐng)域名 387
31.6.2 申請(qǐng)空間 388
31.6.3 站點(diǎn)的上傳與推廣 389
31.7 思考與練習(xí) 391
附錄A HTML速查表
附錄B CSS屬性
附錄C JavaScript語(yǔ)法手冊(cè)