Dreamweaver+Photoshop+Flash+Fireworks 網站建設與網頁設計完全實用手冊
基本介紹
- 書名:Dreamweaver+Photoshop+Flash+Fireworks 網站建設與網頁設計完全實用手冊
- 作者:郭娜
- ISBN:9787121124242
- 出版社:電子工業出版社
- 出版時間:2011年02月
基本信息,內容簡介,目錄,
基本信息
出版日期:2011年02月
開本:16開
頁碼:523
版次:1
內容簡介
《dreamweaver+photoshop+flash+fireworks 網站建設與網頁設計完全實用手冊》是一本由淺入深的網站建設與網頁設計類百科全書式教程,全書分為5篇共25章。詳細介紹了現在最流行的網頁設計工具組合——dreamweaver cs5、photoshop cs5、fireworks cs5和flash cs5的使用方法、操作技巧和實戰案例,涵蓋了網頁設計與製作過程中的常用技術和操作步驟。本書作者具有多年網站設計與教學經驗,在寫作本書時,作者對所有的實例都親自實踐與測試,力求使每一個實例都真實而完整地呈現在讀者面前。
第1篇介紹網頁設計基礎知識、網站管理和網頁設計軟體dreamweaver cs5;第2~4篇依次介紹網頁圖像製作軟體photoshop cs5與fireworks cs5,以及網頁動畫製作軟體flash cs5;第5篇詳細介紹企業網站建設和購物網站建設的具體方法,旨在幫助讀者融會貫通所學知識,並最終步入網站建設與網頁設計高手的行列。
《dreamweaver+photoshop+flash+fireworks 網站建設與網頁設計完全實用手冊》語言簡練、內容豐富、結構合理,採用循序漸進的講述方法,通過豐富的實戰案例對知識點進行講解,按照講練結合的形式編排內容,並在光碟中提供了豐富的教學資源,不僅適合網頁製作初學者和愛好者使用,同時也是培訓班和各院校相關專業理想的教學用書。
目錄
《dreamweaver+photoshop+flash+fireworks 網站建設與網頁設計完全實用手冊》
第一篇 dreamweaver網頁製作篇
第1章 初識網頁設計
1.1 網頁設計的相關術語 3
1.1.1 什麼是靜態網頁 3
1.1.2 什麼是動態網頁 4
1.2 常見的網站類型 5
1.2.1 個人網站 5
1.2.2 企業類網站 5
1.2.3 機構類網站 6
1.2.4 娛樂休閒類網站 7
1.2.5 行業信息類網站 7
1.2.6 門戶類網站 8
1.2.7 購物類網站 9
1.3 網頁設計常用工具和技術 9
1.3.1 網頁圖像製作軟體photoshop cs5和fireworks cs5 9
1.3.2 網頁編輯排版軟體dreamweaver cs5 10
1.3.3 網頁動畫製作軟體flash cs5 11
1.3.4 網頁標記語言html介紹 11
1.3.5 網頁腳本語言javascript 12
.1.3.6 動態網頁程式語言asp 12
1.4 快速創建基本網頁 13
1.4.1 確定網頁主要欄目和整體布局 13
1.4.2 創建本地站點 13
1.4.3 新建網頁文檔 14
1.4.4 插入表格布局網頁 15
1.4.5 插入多媒體 16
1.4.6 插入文本內容 17
1.4.7 插入圖像 17
1.4.8 網頁的保存 18
1.5 本章小結 19
第2章 初次接觸網頁製作軟體dreamweaver cs5
2.1 dreamweaver cs5簡述 21
2.2 dreamweaver cs5的工作界面 22
2.2.1 選單欄 22
2.2.2 插入欄 23
2.2.3 浮動面板 23
2.2.4 “屬性”面板 23
2.2.5 文檔視窗 24
2.3 創建和管理站點 24
2.3.1 上機練習——使用嚮導搭建站點 24
2.3.2 上機練習——通過高級面板設定站點 25
2.4 管理多個站點 28
2.4.1 編輯站點 28
2.4.2 刪除站點 28
2.4.3 複製站點 29
2.5 實例精講——創建本地站點 29
2.6 本章小結 30
第3章 輕鬆創建多彩的文本網頁
3.1 設定頁面屬性 32
3.1.1 外觀(css) 32
3.1.2 外觀(html) 33
3.1.3 連結(css) 34
3.1.4 標題(css) 34
3.1.5 標題/編碼 35
3.1.6 跟蹤圖像 36
3.2 插入文本 36
3.2.1 上機練習——插入普通文本 36
3.2.2 上機練習——設定文本屬性 37
3.2.3 上機練習——插入特殊字元 39
3.3 使用列表 40
3.3.1 插入項目列表 40
3.3.2 插入編號列表 40
3.4 在網頁中插入檔案頭部內容 41
3.4.1 插入m eta信息 41
3.4.2 設定基礎 42
3.4.3 插入關鍵字 43
3.4.4 插入說明文字 43
3.4.5 設定刷新 43
3.5 插入其他對象 44
3.5.1 插入日期 44
3.5.2 插入水平線 45
3.6 實例精講——創建基本文本網頁 47
3.7 本章小結 49
第4章 巧用絢麗的圖像和多媒體讓網頁動起來
4.1 在網頁中插入圖像 51
4.1.1 上機練習——插入網頁圖像 52
4.1.2 設定圖像屬性 53
4.1.3 裁剪圖像 54
4.1.4 調整圖像亮度和對比度 56
4.1.5 銳化圖像 56
4.1.6 使用photoshop最佳化圖像 57
4.2 插入其他網頁圖像 57
4.2.1 上機練習——創建滑鼠經過圖像 57
4.2.2 上機練習——插入圖像占位符 59
4.3 添加聲音和視頻檔案 61
4.3.1 上機練習——添加聲音 61
4.3.2 上機練習——插入視頻檔案 63
4.4 插入flash與其他媒體對象 65
4.4.1 插入flash動畫 65
4.4.2 插入shockwave動畫 67
4.4.3 插入java applet 68
4.5 實例精講 69
4.5.1 實例1——創建網頁導航 70
4.5.2 實例2——在網頁中插入媒體 72
4.6 本章小結 74
第5章 使用超級連結:網頁互連的基礎
5.1 了解超級連結 76
5.1.1 絕對路徑 76
5.1.2 相對路徑 77
5.1.3 根目錄相對路徑 77
5.2 創建超級連結的方法 77
5.2.1 使用“屬性”面板創建連結 77
5.2.2 使用“指向檔案”按鈕創建連結 78
5.2.3 使用選單創建連結 79
5.3 創建超級連結 79
5.3.1 上機練習——創建下載檔案連結 79
5.3.2 上機練習——創建電子郵件連結 81
5.3.3 上機練習——創建圖像熱區連結 82
5.3.4 上機練習——創建錨點連結 84
5.4 實例精講 85
5.4.1 實例1——創建熱區連結導航 86
5.4.2 實例2——創建錨點連結 88
5.5 本章小結 90
第6章 使用表格輕鬆排列和布局網頁元素
6.1 插入表格和表格元素 92
6.1.1 上機練習——插入表格 92
6.1.2 設定表格屬性 94
6.1.3 添加內容到單元格 95
6.2 選擇表格元素 95
6.2.1 選取表格 95
6.2.2 選取行或列 96
6.2.3 選取單元格 97
6.3 表格的基本操作 98
6.3.1 調整表格和單元格的大小 99
6.3.2 添加或刪除行或列 100
6.3.3 拆分單元格 102
6.3.4 合併單元格 102
6.3.5 剪下、複製和貼上單元格 103
6.4 排序及整理表格內容 103
6.4.1 上機練習——導入表格式數據 103
6.4.2 上機練習——表格排序 106
6.5 實例精講 108
6.5.1 實例1——創建網頁細線表格 108
6.5.2 實例2——利用表格排列數據 111
6.6 本章小結 117
第7章 使用框架靈活布局網頁
7.1 框架網頁概述 119
7.2 創建框架和框架集 120
7.2.1 上機練習——創建框架集 120
7.2.2 上機練習——插入預定義框架集 120
7.2.3 上機練習——保存框架和框架集檔案 121
7.3 選擇框架和框架集 122
7.3.1 在框架面板中選擇框架或框架集 122
7.3.2 在文檔視窗中選擇框架或框架集 123
7.4 設定框架和框架集屬性 124
7.4.1 設定框架屬性 124
7.4.2 設定框架集屬性 124
7.5 實例精講 125
7.5.1 實例1——創建浮動框架 125
7.5.2 實例2——創建完整的框架網頁 127
7.6 本章小結 138
第8章 利用行為輕易實現網頁特效
8.1 行為概述 140
8.1.1 使用“行為”面板 140
8.1.2 常見動作 141
8.1.3 常見事件 142
8.2 使用dreamweaver內置行為 143
8.2.1 上機練習——交換圖像 143
8.2.2 上機練習——恢復交換圖像 144
8.2.3 上機練習——打開瀏覽器視窗 145
8.2.4 上機練習——調用javascript 146
8.2.5 改變屬性 147
8.2.6 上機練習——拖動ap元素 148
8.2.7 上機練習——轉到url 149
8.2.8 上機練習——彈出信息 151
8.2.9 上機練習——預先載入圖像 152
8.2.10 上機練習——設定狀態欄文本 153
8.2.11 跳轉選單 154
8.2.12 顯示-隱藏元素 156
8.2.13 上機練習——檢查表單 159
8.2.14 上機練習——增大/收縮效果 160
8.2.15 上機練習——擠壓效果 161
8.3 使用javascript 162
8.3.1 上機練習——利用javascript函式實現列印功能 162
8.3.2 上機練習——利用javascript的函式實現關閉視窗的功能 164
8.4 本章小結 166
第9章 使用css樣式表美化網頁
9.1 了解css樣式表 168
9.2 css基本語法 169
9.3 設定css屬性 170
9.3.1 設定css類型屬性 170
9.3.2 設定css背景屬性 171
9.3.3 設定css區塊屬性 171
9.3.4 設定css方框屬性 172
9.3.5 設定css框線屬性 173
9.3.6 設定css列表屬性 173
9.3.7 設定css定位屬性 174
9.3.8 設定css擴展屬性 175
9.4 連結到或導出外部css樣式表 175
9.4.1 上機練習——創建內部樣式表 176
9.4.2 上機練習——創建外部樣式表 178
9.4.3 上機練習——連結外部樣式表 179
9.5 實例精講 181
9.5.1 實例1——套用css樣式定義字型大小 181
9.5.2 實例2——套用css樣式製作陰影文字 183
9.6 本章小結 186
第10章 用css+div靈活布局頁面
10.1 初識div 188
10.1.1 div概述 188
10.1.2 css+div布局的優勢 189
10.2 ap div基本操作 190
10.2.1 ap div面板 190
10.2.2 創建普通ap div 190
10.2.3 創建嵌套ap div 191
10.3 設定ap div的屬性 192
10.3.1 設定ap div的顯示/隱藏屬性 192
10.3.2 改變ap div的堆疊順序 193
10.3.3 為ap div添加滾動條 193
10.3.4 改變ap div的可見性 194
10.4 css定位與div布局 195
10.4.1 盒子模型 195
10.4.2 元素的定位 195
10.5 css+div布局的常用方法 199
10.5.1 使用div對頁面整體規劃 199
10.5.2 設計各塊的位置 200
10.5.3 使用css定位 200
10.6 本章小結 202
第11章 使用模板、庫和外掛程式提高網頁製作效率
11.1 創建模板 204
11.1.1 上機練習——從空白文檔直接創建模板 205
11.1.2 上機練習——從現有的文檔創建模板 206
11.1.3 上機練習——創建可編輯區域 207
11.2 模板的套用 208
11.2.1 上機練習——套用模板創建網頁 208
11.2.2 上機練習——更新模板及其他網頁 211
11.3 創建和套用庫 213
11.3.1 將現有內容創建為庫 213
11.3.2 在網頁中套用庫 213
11.3.3 編輯並更新網頁 215
11.3.4 將庫項目從源檔案中分離 216
11.4 外掛程式的安裝和套用 217
11.4.1 外掛程式的安裝 218
11.4.2 外掛程式的套用 218
11.5 實例精講 220
11.5.1 實例1——創建企業網站模板 220
11.5.2 實例2——利用模板創建網頁 226
11.5.3 實例3——使用飄浮圖像外掛程式創建飄浮廣告
11.5.3 網頁 229
11.6 本章小結 231
第12章 使用dreamweaver cs5設計動態網頁
12.1 在網頁中插入表單 233
12.1.1 插入表單域 234
12.1.2 創建表單對象 235
12.2 搭建動態網頁開發環境 241
12.2.1 安裝網際網路信息伺服器(iis) 241
12.2.2 設定網際網路信息伺服器(iis) 242
12.3 創建資料庫 244
12.4 創建資料庫(odbc)連線 245
12.4.1 上機練習——創建odbc連線 245
12.4.2 上機練習——使用dsn創建ado連線 246
12.5 編輯數據表記錄集 246
12.5.1 創建記錄集(查詢) 247
12.5.2 插入記錄 248
12.5.3 更新記錄 249
12.5.4 刪除記錄 249
12.6 添加伺服器行為 250
12.6.1 插入重複區域 251
12.6.2 插入顯示區域 251
12.6.3 記錄集分頁 252
12.6.4 轉到詳細頁面 252
12.6.5 轉到相關頁面 253
12.6.6 用戶身份驗證 254
12.7 本章小結 256
第二篇 photoshop設計網頁圖像篇
第13章 使用photoshop cs5繪製網頁圖像
13.1 photoshop cs5工作界面 259
13.1.1 選單命令 260
13.1.2 工具箱 263
13.1.3 工具選項欄 264
13.1.4 浮動面板 264
13.1.5 文檔視窗 264
13.2 圖像的調整 265
13.2.1 上機練習——調整圖像大小 265
13.2.2 上機練習——調整畫布大小 266
13.3 設定前景色和背景色 267
13.4 創建選擇區域 268
13.4.1 選框工具 268
13.4.2 套索工具 270
13.4.3 魔棒工具 271
13.4.4 上機練習——製作透明圖像 272
13.5 基本繪圖工具 273
13.5.1 畫筆工具 273
13.5.2 鉛筆工具 274
13.5.3 加深和減淡工具的套用 275
13.6 實例精講 276
13.6.1 實例1——羽化網頁圖像 276
13.6.2 實例2——繪製網頁標誌 278
13.7 本章小結 280
第14章 設計網頁特效文字與按鈕
14.1 創建文字 282
14.1.1 上機練習——輸入文字 282
14.1.2 設定文字屬性 283
14.1.3 文字的變形 284
14.2 圖層與圖層樣式 285
14.2.1 圖層基本操作 285
14.2.2 上機練習——設定圖層樣式 287
14.3 套用濾鏡 288
14.3.1 渲染 288
14.3.2 風格化 289
14.3.3 模糊 292
14.4 實例精講 294
14.4.1 實例1——設計特殊文字 295
14.4.2 實例2——設計立體水晶字 297
14.4.3 實例3——製作透明按鈕 299
14.4.4 實例4——製作質感按鈕 302
14.5 本章小結 305
第15章 設計網站logo與網路廣告
15.1 網站logo的製作 307
15.1.1 網站logo設計的標準 307
15.1.2 網站logo的規範 308
15.1.3 網站logo的規格 308
15.1.4 上機練習——logo設計實例 309
15.2 網路廣告的製作 311
15.2.1 網路廣告的形式 311
15.2.2 網路廣告設計要素 312
15.2.3 網路廣告設計技巧 312
15.2.4 網路廣告設計實例 313
15.3 本章小結 318
第16章 設計製作網頁中的圖像
16.1 設計製作網頁背景圖像 320
16.2 設計網頁廣告圖像 322
16.3 設計網站封面頁 327
16.3.1 設計網站封面頁圖像 327
16.3.2 使用切片對封面頁圖像進行切割 333
16.4 本章小結 335
第三篇 fireworks設計網頁圖像篇
第17章 fireworks cs5快速入門
17.1 fireworks cs5概述 339
17.2 fireworks cs5工作界面 340
17.2.1 選單欄 340
17.2.2 工具箱 340
17.2.3 狀態欄 341
17.2.4 文檔視窗 341
17.2.5 “屬性”面板 342
17.2.6 “浮動”面板 342
17.3 常用點陣圖圖形工具 342
17.3.1 選取工具 342
17.3.2 “鉛筆”工具 345
17.3.3 “刷子”工具 346
17.3.4 “橡皮圖章”工具 346
17.3.5 “橡皮擦”工具 348
17.4 常用矢量圖形工具 348
17.4.1 “直線”工具 349
17.4.2 “鋼筆”工具 349
17.5 選擇矢量圖形對象 350
17.5.1 “指針”工具 350
17.5.2 “選擇後方對象”工具 351
17.5.3 “部分選定”工具 351
17.6 實例精講——使用繪圖工具設計網站標誌 352
17.7 本章小結 354
第18章 文本和樣式的使用
18.1 文本的編輯 356
18.1.1 上機練習——文本的輸入 356
18.1.2 設定文本屬性 358
18.2 文本路徑 358
18.2.1 上機練習——附加文本到路徑 358
18.2.2 上機練習——文本轉換為路徑 359
18.3 濾鏡 360
18.3.1 調整顏色濾鏡 360
18.3.2 查找邊緣濾鏡 360
18.3.3 模糊濾鏡 361
18.4 樣式 363
18.4.1 上機練習——使用樣式 364
18.4.2 上機練習——導入和導出樣式 365
18.5 實例精講 365
18.5.1 實例1——設計網頁特效文字 365
18.5.2 實例2——設計石雕字 367
18.6 本章小結 369
第19章 設計製作網頁中的圖像
19.1 製作網頁特效字 371
19.2 設計網路廣告 373
19.3 製作網頁導航欄 378
19.4 製作漸變按鈕 380
19.5 創建圖像切片 382
19.6 本章小結 384
第四篇 flash設計網頁動畫篇
第20章 flash cs5繪圖基礎
20.1 flash cs5簡介 387
20.2 flash cs5的工作界面 388
20.2.1 選單欄 389
20.2.2 舞台 389
20.2.3 工具箱 389
20.2.4 時間軸 390
20.2.5 “屬性”面板 391
20.3 繪製圖形工具 391
20.3.1 “線條”工具 391
20.3.2 “橢圓”工具與“矩形”工具 393
20.3.3 “多角星形”工具 393
20.3.4 “鉛筆”工具 395
20.3.5 “刷子”工具 396
20.3.6 “鋼筆”工具 397
20.4 選擇對象工具 398
20.4.1 “選擇”工具 398
20.4.2 “部分選取”工具 398
20.5 編輯圖形工具 399
20.5.1 “顏料桶”工具 399
20.5.2 “墨水瓶”工具 401
20.5.3 “滴管”工具 402
20.5.4 “橡皮擦”工具 403
20.6 文本工具的基本使用 404
20.7 實例精講 406
20.7.1 實例1——製作描邊文字 406
20.7.2 實例2——創建簡單的flash動畫 408
20.8 本章小結 411
第21章 使用元件和實例
21.1 元件和實例的概念 413
21.2 創建元件 414
21.3 元件的管理 415
21.3.1 編輯元件 415
21.3.2 複製元件 417
21.4 創建與編輯實例 418
21.4.1 創建實例 419
21.4.2 編輯實例 419
21.5 創建和管理庫 422
21.5.1 創建項目 422
21.5.2 刪除項目 422
21.6 使用公共庫 423
21.7 實例精講 423
21.7.1 實例1——製作按鈕 424
21.7.2 實例2——利用元件製作動畫 426
21.8 本章小結 429
第22章 創建基本flash動畫
22.1 創建逐幀動畫 431
22.2 創建補間動畫 433
22.2.1 創建運動補間動畫 433
22.2.2 創作形狀補間動畫 436
22.3 遮罩動畫的創建 438
22.3.1 創建遮罩文字 438
22.3.2 上機練習——遮罩動畫套用實例 440
22.4 運動引導層動畫的創建 443
22.5 本章小結 445
第23章 製作高級互動式動畫
23.1 actionscript基礎 447
23.1.1 變數 447
23.1.2 運算符和表達式 447
23.1.3 函式 449
23.1.4 actionscript語法 449
23.2 actionscript編程界面 451
23.2.1 打開“動作”面板的方法 451
23.2.2 “動作”面板的使用介紹 451
23.3 添加actionscript 452
23.3.1 上機練習——為幀添加動作 452
23.3.2 上機練習——為按鈕添加動作 453
23.3.3 上機練習——為影片剪輯添加動作 454
23.4 實例精講 454
23.4.1 實例1——製作個性化滑鼠 454
23.4.2 實例2——利用geturl製作傳送電子郵件動畫 457
23.4.3 實例3——利用stop和play語句控制動畫的播放 459
23.5 本章小結 462
第五篇 網站建設綜合案例篇
第24章 設計製作企業網站
24.1 網站規劃 465
24.1.1 網站設計主要原則 465
24.1.2 網站主要功能頁面 466
24.2 設計網頁圖像 467
24.2.1 用photoshop設計網頁logo 467
24.2.2 用flash設計網頁banner動畫 469
24.3 創建本地站點 475
24.4 使用dreamweaver cs5製作頁面 477
24.4.1 製作網站頂部導航 477
24.4.2 製作分類導航 480
24.4.3 製作酒店滾動公告 483
24.4.4 製作酒店新聞 486
24.4.5 製作服務項目推薦部分 489
24.4.6 製作底部著作權部分 490
24.5 本章小結 492
第25章 設計製作購物網站
25.1 購物網站設計概述 494
25.1.1 電子商務網站分類 494
25.1.2 購物網站特點分析 495
25.1.3 網站主要功能頁面 496
25.2 創建資料庫表 498
25.3 創建資料庫連線 499
25.4 製作購物系統前台頁面 501
25.4.1 製作商品分類展示頁面 501
25.4.2 製作商品詳細信息頁面 506
25.5 製作購物系統後台管理 507
25.5.1 製作添加商品分類頁面 508
25.5.2 製作添加商品頁面 511
25.5.3 製作商品管理頁面 513
25.5.4 製作修改頁面 517
25.5.5 製作刪除頁面 520
25.6 本章小結 523