學用一冊通

內容介紹

全書分為6篇共25章。詳細介紹了現在最流行的網頁設計工具組合——Dreamweaver CS6、Photoshop CS6、Fireworks CS6和Flash CS6的使用方法、操作技巧和實戰案例,涵蓋了網頁設計與製作過程中的常用技術和操作步驟。本書作者具有多年網站設計與教學經驗,在寫作本書時,作者對所有的實例都親自進行了實踐與測試,力求使每一個實例都真實而完整地呈現在讀者面前。

作品目錄

第1篇 網頁設計入門基礎篇
初識網頁設計 2
1.1網頁設計的相關術語 3
1.1.1什麼是靜態網頁 3
1.1.2什麼是動態網頁 3
1.2常見的網站類型 4
1.2.1個人網站 4
1.2.2企業類網站 4
1.2.3機構類網站 5
1.2.4娛樂休閒類網站 5
1.2.5行業信息類網站 6
1.2.6門戶類網站 6
1.2.7購物類網站 7
1.3網頁設計常用工具和技術 7
1.3.1網頁編輯排版軟體Dreamweaver CS6 8
1.3.2網頁圖像製作軟體Photoshop CS6和Fireworks CS6 8
1.3.3網頁動畫製作軟體Flash CS6 9
1.3.4網頁標記語言HTML 9
1.3.5網頁腳本語言JavaScript 10
1.3.6動態網頁程式語言ASP 10
1.4快速創建基本網頁 10
1.4.1確定網頁主要欄目和整體布局 11
1.4.2創建本地站點 11
1.4.3新建網頁文檔 12
1.4.4插入表格布局網頁 13
1.4.5插入多媒體 14
1.4.6插入文本內容 15
1.4.7插入圖像 15
1.4.8保存瀏覽網頁 16
1.5本章小結 16
打造賞心悅目的網頁 17
2.1文字與版式設計 18
2.1.1文字的字型、字號、行距 18
2.1.2文字的顏色 18
2.1.3文字的圖形化 19
2.2圖像與版式設計 20
2.2.1圖像的設計流程 20
2.2.2在網頁中套用圖像時的注意事項 20
2.3網頁配色技巧 21
2.3.1網頁色彩搭配原理 21
2.3.2網頁色彩搭配技巧 23
2.4本章小結 24
第2篇 Dreamweaver搭建與製作網頁篇
使用Dreamweaver輕鬆創建多彩的
文本網頁 26
3.1 Dreamweaver CS6的工作界面 27
3.1.1 選單欄 28
3.1.2 插入欄 29
3.1.3 屬性面板 29
3.1.4 面板組 29
3.1.5 文檔視窗 29
3.2 創建站點 30
3.2.1 上機練習——使用嚮導創建站點 30
3.2.2 上機練習——通過高級選項卡設定站點 31
3.3插入文本 34
3.3.1上機練習——插入普通文本 34
3.3.2上機練習——設定文本屬性 35
3.3.3上機練習——插入特殊字元 36
3.4使用列表 37
3.4.1上機練習——插入項目列表 37
3.4.2上機練習——插入編號列表 38
3.5在網頁中插入檔案頭部內容 39
3.5.1插入Meta信息 39
3.5.2設定基礎 40
3.5.3插入關鍵字 41
3.5.4插入說明文字 41
3.5.5設定刷新 41
3.6綜合套用——創建基本文本網頁 42
3.7專家秘籍 44
3.8 本章小結 45
巧用絢麗的圖像和多媒體讓網頁動起來 46
4.1在網頁中插入圖像 47
4.1.1上機練習——插入網頁圖像 47
4.1.2設定圖像屬性 48
4.1.3上機練習——裁剪圖像 50
4.1.4上機練習——使用Photoshop最佳化圖像 51
4.1.5上機練習——調整圖像的亮度和對比度 52
4.1.6上機練習——銳化圖像 53
4.2插入滑鼠經過圖像 54
4.3添加聲音和視頻檔案 56
4.3.1上機練習——添加聲音 56
4.3.2上機練習——插入視頻檔案 59
4.4添加Flash動畫 60
4.5插入其他媒體對象 62
4.5.1插入Shockwave影片 62
4.5.2插入Java小程式 63
4.6綜合套用 65
4.6.1綜合套用——創建圖文混排網頁 65
4.6.2綜合套用——在網頁中插入媒體實例 66
4.7專家秘籍 67
4.8 本章小結 68
使用超級連結:網頁互連的基礎 69
5.1了解超級連結 70
5.1.1絕對路徑 70
5.1.2相對路徑 70
5.1.3根目錄相對路徑 70
5.2創建超級連結的方法 70
5.2.1使用“屬性”面板創建連結 71
5.2.2使用“指向檔案”按鈕創建連結 71
5.2.3使用選單創建連結 72
5.3創建超級連結 72
5.3.1上機練習——創建下載檔案連結 72
5.3.2上機練習——創建電子郵件連結 74
5.3.3上機練習——創建圖像熱區連結 75
5.3.4上機練習——創建錨點連結 77
5.4綜合套用 79
5.4.1綜合套用——創建熱點連結導航 79
5.4.2綜合套用——創建錨點連結實例 80
5.5專家秘籍 83
5.6本章小結 84
使用表格輕鬆排列和布局網頁元素 85
6.1插入表格和表格元素 86
6.1.1上機練習——插入表格 86
6.1.2設定表格屬性 87
6.1.3添加內容到單元格 89
6.2選擇表格元素 89
6.2.1選取表格 89
6.2.2選取行或列 90
6.2.3選取單元格 91
6.3表格的基本操作 92
6.3.1調整表格和單元格的大小 92
6.3.2添加或刪除行或列 94
6.3.3拆分單元格 95
6.3.4合併單元格 96
6.3.5剪下、複製、貼上單元格 96
6.4排序及整理表格內容 97
6.4.1上機練習——導入表格式數據 97
6.4.2上機練習——表格排序 99
6.5綜合套用 101
6.5.1綜合套用——利用表格排列數據 101
6.5.2綜合套用——創建細線表格 104
6.6專家秘籍 106
6.7 本章小結 107
使用外掛程式擴展Dreamweaver的功能 108
7.1Dreamweaver CS6外掛程式簡介 108
7.2安裝外掛程式 109
7.3綜合套用 110
7.3.1綜合套用——使用外掛程式製作背景音樂網頁 110
7.3.2綜合套用——利用外掛程式創建隨機切換的廣告圖 112
7.4專家秘籍 122
7.5 本章小結 122
使用CSS樣式表美化網頁 123
8.1了解CSS樣式表 124
8.2CSS基本語法 124
8.3設定CSS屬性 125
8.3.1設定CSS類型屬性 125
8.3.2設定CSS背景屬性 127
8.3.3設定CSS區塊屬性 128
8.3.4設定CSS方框屬性 129
8.3.5設定CSS框線屬性 130
8.3.6設定CSS列表屬性 131
8.3.7設定CSS定位屬性 132
8.3.8設定CSS擴展屬性 133
8.3.9設定過渡屬性 134
8.4連結到或導出外部CSS樣式表 134
8.4.1上機練習——創建內部樣式表 134
8.4.2上機練習——創建外部樣式表 136
8.4.3上機練習——連結外部樣式表 137
8.5綜合套用 139
8.5.1綜合套用——套用CSS樣式定義字型大小 139
8.5.2綜合套用——套用CSS樣式製作陰影文字 141
8.6專家秘籍 143
8.7 本章小結 145
用CSS+Div靈活布局頁面 146
9.1 初識Div 147
9.1.1 Div概述 147
9.1.2 CSS+Div布局的優勢 147
9.2AP Div基本操作 148
9.2.1AP Div面板 148
9.2.2創建普通AP Div 148
9.2.3創建嵌套AP Div 149
9.3設定AP Div的屬性 150
9.3.1設定AP Div的顯示/隱藏屬性 150
9.3.2改變AP Div的堆疊順序 150
9.3.3為AP Div添加滾動條 151
9.3.4改變AP Div的可見性 152
9.4 CSS定位與DIV布局 152
9.4.1 盒子模型 152
9.4.2 元素的定位 153
9.5 CSS+Div布局的常用方法 156
9.5.1 使用Div對頁面整體進行規劃 156
9.5.2 設計各塊的位置 157
9.5.3 使用CSS定位 157
9.6專家秘籍 159
9.7本章小結 160
利用行為輕易實現網頁特效 161
10.1行為概述 162
10.1.1使用“行為”面板 162
10.1.2關於動作 162
10.1.3關於事件 163
10.2使用Dreamweaver內置行為 164
10.2.1上機練習——交換圖像 164
10.2.2上機練習——恢復交換圖像 165
10.2.3上機練習——打開瀏覽器視窗 166
10.2.4上機練習——調用JavaScript 168
10.2.5改變屬性 169
10.2.6上機練習——拖動AP元素 169
10.2.7上機練習——轉到URL 171
10.2.8上機練習——彈出信息 172
10.2.9上機練習——預先載入圖像 174
10.2.10上機練習——設定狀態欄文本 175
10.2.11跳轉選單 176
10.2.12顯示—隱藏元素 177
10.2.13上機練習——檢查表單 180
10.2.14上機練習——增大/收縮效果 181
10.2.15上機練習——擠壓效果 182
10.3使用JavaScript 183
10.3.1上機練習——套用JavaScript函式實現列印功能 183
10.3.2上機練習——套用JavaScript函式實現關閉視窗功能 184
10.4專家秘籍 185
10.5本章小結 186
使用模板、庫提高網頁製作效率 187
11.1創建模板 188
11.1.1上機練習——直接創建模板 188
11.1.2上機練習——從現有文檔創建模板 189
11.1.3上機練習——創建可編輯區域 190
11.2模板的套用 191
11.2.1上機練習——套用模板創建網頁 191
11.2.2上機練習——更新模板及其他網頁 193
11.3創建和套用庫 194
11.3.1將現有內容創建為庫 194
11.3.2在網頁中套用庫 195
11.3.3編輯並更新網頁 196
11.3.4將庫項目從源檔案中分離 197
11.4綜合套用 198
11.4.1綜合套用——創建企業網站模板 198
11.4.2綜合套用——利用模板創建網頁 204
11.5專家秘籍 206
11.6 本章小結 207
Dreamweaver CS6 動態網頁設計 208
12.1 創建表單 209
12.1.1創建表單域 209
12.1.2設定表單屬性 210
12.2 插入表單對象 211
12.3搭建動態網頁平台 213
12.3.1安裝網際網路信息伺服器(IIS) 213
12.3.2設定網際網路信息伺服器(IIS) 214
12.4創建資料庫連線 215
12.4.1創建ODBC連線 215
12.4.2建立系統DSN連線 216
12.5編輯數據表記錄 217
12.5.1創建記錄集 218
12.5.2插入記錄 219
12.5.3更新記錄 220
12.5.4刪除記錄 221
12.6添加伺服器行為 222
12.6.1插入重複區域 223
12.6.2插入顯示區域 223
12.6.3記錄集分頁 224
12.6.4轉到詳細頁面 225
12.6.5轉到相關頁面 225
12.6.6用戶身份驗證 226
12.7綜合套用 228
12.7.1創建資料庫 228
12.7.2定義資料庫連線 229
12.7.3製作發布留言頁面 231
12.7.4創建留言列表頁面 234
12.7.5創建留言詳細頁面 238
12.8專家秘籍 240
12.9 本章小結 242
第3篇 用Photoshop製作與處理圖像
使用Photoshop CS6繪製與修飾網頁圖像 244
13.1Photoshop CS6工作界面 245
13.1.1選單命令 246
13.1.2工具箱 248
13.1.3工具選項欄 249
13.1.4浮動面板 249
13.1.5文檔視窗 249
13.2 圖像的調整 250
13.2.1 上機練習——調整圖像大小 250
13.2.2 上機練習——調整畫布大小 251
13.3設定前景色和背景色 252
13.3.1 默認的前景色與背景色 252
13.3.2 更改和恢復前景色與背景色 253
13.4創建選擇區域 254
13.4.1選框工具 254
13.4.2套索工具 255
13.4.3魔棒工具 257
13.4.4上機練習——製作透明圖像 257
13.5基本繪圖工具 259
13.5.1畫筆工具 259
13.5.2鉛筆工具 260
13.5.3加深和減淡工具的套用 261
13.6綜合套用 262
13.6.1綜合套用——羽化網頁圖像 262
13.6.2綜合套用——繪製網頁標誌 263
13.7專家秘籍 266
13.8本章小結 267
設計網頁特效文字與按鈕 268
14.1創建文字 269
14.1.1上機練習——輸入文字 269
14.1.2設定文字屬性 269
14.1.3上機練習——文字的變形 270
14.2圖層與圖層樣式 271
14.2.1圖層基本操作 272
14.2.2上機練習——設定圖層樣式 274
14.3套用濾鏡 275
14.3.1渲染 275
14.3.2風格化 276
14.3.3模糊 279
14.4綜合套用 281
14.4.1綜合套用——設計特殊文字 281
14.4.2綜合套用——製作水晶按鈕 283
14.4.3綜合套用——製作圓角按鈕 284
14.5專家秘籍 286
14.6本章小結 287
設計網頁Logo與網路廣告 288
15.1網站Logo的製作 289
15.1.1網站Logo設計的標準 289
15.1.2網站Logo的規範 289
15.1.3網站Logo的規格 290
15.1.4上機練習——Logo設計實例 290
15.2網路廣告的製作 294
15.2.1網路廣告的形式 294
15.2.2網頁廣告設計要素 294
15.2.3網路廣告設計技巧 295
15.2.4上機練習——設計網路廣告實例 295
15.3專家秘籍 300
15.4本章小結 301
設計製作網頁中的圖像 302
16.1設計製作網頁背景圖像 302
16.2設計網頁廣告圖像 305
16.3設計網站封面首頁圖像 309
16.4使用切片對封面頁圖像進行切割 314
16.5專家秘籍 315
16.6本章小結 316
第4篇 Fireworks設計網頁圖像篇
Fireworks CS6 快速入門 318
17.1Fireworks CS6 簡介 319
17.2Fireworks CS6工作界面 319
17.2.1選單欄 320
17.2.2工具箱 320
17.2.3文檔視窗 320
17.2.4“屬性”面板 321
17.2.5“浮動”面板 321
17.3 常用點陣圖圖形工具 321
17.3.1 選取工具 322
17.3.2“鉛筆”工具 324
17.3.3“刷子”工具 325
17.3.4“橡皮圖章”工具 325
17.3.5“橡皮擦”工具 326
17.4常用矢量圖形工具 327
17.4.1直線工具 327
17.4.2“鋼筆”工具 328
17.5 對象的選擇與編輯 328
17.5.1 使用選擇工具 329
17.5.2 圖形的變形 329
17.6綜合套用 329
17.7專家秘籍 332
17.8本章小結 333
文本和樣式的使用 334
18.1文本的編輯 335
18.1.1上機練習——文本的輸入 335
18.1.2設定文本屬性 336
18.2文本路徑 336
18.2.1上機練習——附加文本到路徑 336
18.2.2上機練習——文本轉換為路徑 337
18.3濾鏡 338
18.3.1調整顏色 338
18.3.2查找邊緣 338
18.3.3模糊 339
18.4樣式 341
18.4.1上機練習——使用樣式 342
18.4.2上機練習——添加和刪除樣式 343
18.5綜合套用 343
18.5.1綜合套用——設計網頁特效文字 344
18.5.2綜合套用——設計網頁動畫 345
18.6專家秘籍 347
18.7本章小結 347
使用Fireworks設計網頁典型元素 348
19.1製作網頁特效字 348
19.2設計網路廣告 350
19.3製作網頁導航欄 353
19.4製作漸變按鈕 355
19.5創建圖像切片和熱區 357
19.6專家秘籍 359
19.7本章小結 360
第5篇 設計酷炫Flash動畫篇
Flash CS6繪圖基礎 362
20.1Flash CS6簡介 363
20.2Flash CS6的工作界面 365
20.2.l選單欄 365
20.2.2舞台 366
20.2.3工具箱 366
20.2.4時間軸 367
20.2.5屬性面板 367
20.3繪製圖形工具 368
20.3.1“線條”工具 368
20.3.2“橢圓”工具與“矩形”工具 369
20.3.3“多角星形”工具 370
20.3.4“鉛筆”工具 371
20.3.5“刷子”工具 372
20.3.6“鋼筆”工具 374
20.4選擇對象工具 374
20.4.1“選擇”工具 374
20.4.2“部分選取”工具 375
20.5編輯圖形工具 375
20.5.1“顏料桶”工具 376
20.5.2“墨水瓶”工具 377
20.5.3滴管工具 378
20.5.4橡皮擦工具 379
20.6文本工具的基本使用 380
20.7綜合套用 381
20.7.1綜合套用——製作立體投影文字 382
20.7.2綜合套用——創建簡單的Flash動畫 383
20.8專家秘籍 385
20.9本章小結 386
使用元件與庫管理好動畫素材 387
21.1元件和實例的概念 388
21.2創建元件 389
21.3編輯元件 390
21.3.1複製元件 390
21.3.2編輯元件的方法 390
21.4創建與編輯實例 392
21.4.1創建實例 392
21.4.2編輯實例 393
21.5創建和管理庫 395
21.5.1創建項目 395
21.5.2刪除項目 395
21.6使用公共庫 396
21.7綜合套用 396
21.7.1綜合套用——製作按鈕 396
21.7.2綜合套用——利用元件製作動畫 398
21.8專家秘籍 401
21.9本章小結 403
創建基本Flash動畫 404
22.1創建逐幀動畫 405
22.2創建補間動畫 406
22.2.1上機練習——創建運動補間動畫 406
22.2.2上機練習——創建形狀補間動畫 408
22.3遮罩動畫的創建 410
22.3.1創建遮罩層 411
22.3.2上機練習——遮罩動畫套用實例 411
22.4運動引導層動畫的創建 413
22.4.1創建運動引導層 413
22.4.2上機練習——運動引導層動畫套用實例 414
22.5專家秘籍 416
22.6本章小結 418
製作高級互動式動畫 419
23.1ActionScript基礎 420
23.1.1變數 420
23.1.2運算符和表達式 420
23.1.3函式 423
23.1.4ActionScript語法 423
23.2ActionScript編程界面 424
23.2.1打開“動作”面板的方法 425
23.2.2 “動作”面板的使用介紹 425
23.3添加ActionScript 426
23.3.1上機練習——為幀添加動作 426
23.3.2上機練習——為按鈕添加動作 427
23.3.3上機練習——為影片剪輯添加動作 427
23.4綜合套用 427
23.4.1綜合套用——利用geturl製作傳送電子郵件動畫 428
23.4.2綜合套用——利用stop和play語句控制動畫的播放 428
23.5專家秘籍 431
23.6本章小結 432
第6篇 網站開發實戰篇
設計製作企業網站 434
24.1網站設計規劃 435
24.1.1網頁設計原則 435
24.1.2主要功能頁面 436
24.2使用Fireworks CS6製作網頁標誌 437
24.3使用Flash CS6製作動畫 439
24.4創建本地站點 441
24.5使用Dreamweaver CS6製作頁面 443
24.5.1製作網站頂部導航 443
24.5.2製作網站滾動公告欄 447
24.5.3製作公司新聞動態 450
24.5.4製作產品展示 452
24.5.5製作底部著作權部分 454
24.6專家秘籍 455
24.7本章小結 456
設計製作購物網站 457
25.1購物網站設計概述 458
25.1.1電子商務網站分類 458
25.1.2購物網站特點分析 459
25.1.3網站主要功能頁面 460
25.2使用Photoshop設計網頁圖像 461
25.2.1設計網頁按鈕 461
25.2.2設計網頁Logo 463
25.3使用Flash製作網頁宣傳動畫 466
25.4創建資料庫表 468
25.5創建資料庫連線 469
25.6製作購物系統前台頁面 470
25.6.1製作商品分類展示頁面 470
25.6.2製作商品詳細信息頁面 474
25.7製作購物系統後台管理 476
25.7.1製作添加商品分類頁面 476
25.7.2製作商品管理頁面 480
25.7.3製作修改頁面 483
25.7.4製作刪除頁面 485
25.8專家秘籍 487
25.9本章小結 488

相關詞條

熱門詞條

聯絡我們