內容簡介
Adobe公司推出的Dreamweaver CS5、Photoshop CS5和Flash CS5是製作網頁和網路動畫的常用軟體。本書從零開始,逐步深入地講解了使用這些軟體製作網頁和建設網站的方法與技巧。本書注重網頁製作、圖像處理和動畫製作技巧的運用和實際創作方法,共分為5篇26章,對網頁製作基礎知識、Dreamweaver CS5、Photoshop本書附光碟一張,內容包括書中相關內容的視頻講解檔案、原始碼以及PPT等。 CS5、Flash CS5、案例實戰進行了由淺及深、循序漸進的講解;各章節注重實例間的聯繫和各功能間的難易層次,並對軟體套用過程中可能出現的問題、難點和重點給予了詳細講解和特別提示;同時以實例的形式帶領讀者一步步領略各個軟體的功能,完成從入門到精通的轉變。
本書內容全面、實例豐富、可操作性強、圖文並茂、生動易懂,不僅適合作為網站設計與網頁製作初學者的入門指導書,也可以作為相關培訓班的教材。
基本介紹
作者:宋岩峰、張巍譯、楊波 等編著
叢書名:炫動網頁設計叢書
出版日期:2012年8月書號:978-7-122-14467-6
開本:16
裝幀:平
版次:1版1次
頁數:388頁
目錄
第1篇 網頁製作基礎知識
第1章 網頁設計的一般步驟2
1.1 網站的發布條件2
1.2 網站的CI形象設計3
1.3 規劃網站的欄目與版塊3
1.4 規劃網站的目錄結構和連結結構4
1.5 製作頁面效果圖5
1.6 製作Flash動畫5
1.7 切圖6
1.8 製作靜態Web頁面6
1.9 添加程式7
1.10 發布Web站點7
1.11 推廣和維護7
1.12 小結7
1.13 習題與思考7
第2章 網頁設計的基礎知識8
2.1 全球資訊網簡介8
2.2 網頁的本質8
2.3 常用的網頁瀏覽器9
2.4 構成網頁的文本元素10
2.5 構成網頁的圖像元素11
2.5.1 矢量圖和點陣圖11
2.5.2 網頁設計中常用的圖片格式12
2.5.3 使用圖片13
2.6 構成網頁的多媒體元素14
2.7 構成網頁的互動元素15
2.8 網頁製作的常用軟體15
2.9 小結16
2.10 習題與思考16
第3章 網頁中的色彩17
3.1 色彩的基本常識17
3.2 色彩的心情18
3.3 網頁色彩搭配的方法18
3.3.1 同種色彩的搭配18
3.3.2 對比色彩的搭配19
3.3.3 暖色色彩搭配19
3.3.4 冷色色彩搭配20
3.4 網頁色彩搭配原則20
3.4.1 色彩的鮮明性21
3.4.2 色彩的獨特性21
3.4.3 色彩的藝術性22
3.4.4 色彩搭配的合理性22
3.5 網頁色彩搭配技巧23
3.6 網頁色彩搭配的注意事項23
3.7 小結23
3.8 習題與思考24
第2篇 Photoshop CS5使用精解
第4章 Photoshop CS5界面與基本操作26
4.1 Photoshop CS5界面介紹26
4.1.1 選單欄27
4.1.2 工具箱27
4.1.3 工具選項欄27
4.1.4 調板28
4.1.5 畫布視窗28
4.2 Photoshop CS5基本操作29
4.2.1 新建檔案29
4.2.2 打開檔案29
4.2.3 存儲檔案30
4.2.4 使用標尺、參考線和格線32
4.3 選取圖像33
4.3.1 選區的基礎知識33
4.3.2 使用選框工具34
4.3.3 使用套索工具34
4.3.4 使用魔棒工具35
4.3.5 選區的相加、相減和交叉36
4.4 圖像處理37
4.4.1 圖像的模式38
4.4.2 圖像和畫布的大小38
4.4.3 旋轉畫布和裁剪圖像39
4.4.4 調整色階40
4.4.5 調整曲線40
4.4.6 調整色彩平衡41
4.4.7 調整色相/飽和度41
4.4.8 調整亮度/對比度41
4.4.9 複製、貼上、移動圖像42
4.5 使用圖層42
4.5.1 圖層的基本操作42
4.5.2 圖層的分組43
4.5.3 圖層的混合模式44
4.5.4 圖層的樣式45
4.5.5 圖層蒙板52
4.6 使用繪圖與圖像編輯工具53
4.6.1 畫筆工具54
4.6.2 圖章工具55
4.6.3 填充工具56
4.7 處理文本57
4.7.1 文本工具57
4.7.2 使用字型58
4.7.3 字元和段落調板58
4.8 使用路徑59
4.8.1 形狀工具59
4.8.2 路徑面板60
4.8.3 鋼筆工具61
4.8.4 製作路徑文字61
4.9 通道62
4.10 使用濾鏡63
4.10.1 濾鏡工具的操作63
4.10.2 濾鏡的使用63
4.11 製作GIF動畫69
4.11.1 動畫面板和動畫原理69
4.11.2 製作GIF動畫70
4.12 小結72
4.13 習題與思考72
第5章 製作網站Logo73
5.1 網站Logo的一般形式73
5.2 製作時尚空間感的文字Logo74
5.2.1 製作背景74
5.2.2 製作文字內容75
5.2.3 製作立體感文字75
5.2.4 為文字添加空間背景76
5.3 製作圖案Logo77
5.3.1 製作背景77
5.3.2 製作方形效果圖案78
5.3.3 調節背景顏色和效果80
5.3.4 整體調節80
5.4 圖文結合Logo81
5.5 小結83
5.6 習題與思考84
第6章 製作網站Banner85
6.1 製作英文Banner85
6.1.1 製作背景85
6.1.2 製作文本86
6.1.3 製作文本倒影效果87
6.1.4 添加背景紋理89
6.2 製作中文Banner90
6.2.1 製作背景90
6.2.2 製作傾斜紋理90
6.2.3 製作圖案91
6.2.4 製作文字92
6.3 小結93
6.4 習題與思考93
第7章 製作網頁導航條94
7.1 網頁導航條簡介94
7.2 製作橫嚮導航條95
7.2.1 製作背景95
7.2.2 製作空間效果96
7.2.3 添加文本97
7.3 製作縱嚮導航條97
7.3.1 勾勒形狀97
7.3.2 製作木板底紋效果98
7.3.3 製作其他木板條99
7.3.4 繪製文本100
7.4 小結100
7.5 習題與思考100
第8章 製作網頁按鈕101
8.1 製作文字為主的按鈕101
8.1.1 製作背景102
8.1.2 製作時尚漸變圖案102
8.1.3 添加文本103
8.2 製作圖文結合的按鈕104
8.2.1 製作背景104
8.2.2 繪製圖案105
8.2.3 添加文本107
8.3 小結108
8.4 習題與思考108
第9章 製作區域框和分隔線109
9.1 製作區域框、分隔線和虛線109
9.1.1 製作區域框109
9.1.2 製作分隔線110
9.1.3 製作虛線110
9.2 製作複雜框線111
9.3 小結112
9.4 習題與思考112
第10章 製作個人部落格頁面效果圖113
10.1 大致構架113
10.2 製作時尚標題115
10.3 製作部落格主頭像116
10.4 製作導航選單117
10.5 製作搜尋欄和分隔設定118
10.6 製作分欄文本內容和日誌120
10.7 小結122
10.8 習題與思考122
第3篇 Dreamweaver CS5使用精解
第11章 Dreamweaver CS5基礎124
11.1 Dreamweaver CS5界面介紹124
11.1.1 標題欄125
11.1.2 選單欄125
11.1.3 文檔視窗126
11.1.4 “屬性”面板127
11.1.5 面板和面板組128
11.2 管理站點128
11.2.1 新建站點128
11.2.2 管理和編輯站點129
11.3 文檔管理與定義頁面屬性130
11.3.1 新建文檔130
11.3.2 定義頁面屬性131
11.3.3 保存和顯示文檔133
11.3.4 定義首選參數134
11.4 小結135
11.5 習題與思考135
第12章 使用表格136
12.1 表格的基礎知識136
12.2 創建表格136
12.3 選擇表格137
12.3.1 選擇整個表格137
12.3.2 選擇表格的行或列138
12.3.3 選擇單元格138
12.4 定義表格屬性139
12.4.1 表格的整體屬性139
12.4.2 表格的行、列或單元格屬性140
12.5 處理表格內部元素141
12.5.1 添加或刪除行和列142
12.5.2 合併和拆分單元格142
12.5.3 處理表格元素144
12.6 調整表格的大小144
12.6.1 調整表格的整體大小144
12.6.2 調整表格行或列的大小145
12.6.3 清除寬度和高度145
12.6.4 衝突的寬度和高度146
12.7 嵌套的表格146
12.8 使用表格布局147
12.9 表格與代碼148
12.9.1 表格結構與代碼148
12.9.2 表格屬性與代碼149
12.10 小結150
12.11 習題與思考150
第13章 文本與圖像151
13.1 插入文本151
13.1.1 設定複製/貼上參數151
13.1.2 輸入或複製/貼上文本152
13.1.3 導入Word或者Excel文本153
13.2 設定文本的格式154
13.2.1 設定段落格式154
13.2.2 對齊和縮進文本154
13.2.3 使用水平分隔線155
13.3 定義列表156
13.4 定義文本的格式156
13.4.1 定義文本的字型和大小156
13.4.2 定義文本的顏色157
13.4.3 定義文本的格式157
13.5 插入日期和字元157
13.5.1 插入日期158
13.5.2 插入特殊字元158
13.6 使用圖像159
13.6.1 插入圖像159
13.6.2 插入圖像占位符160
13.6.3 定義圖像的屬性160
13.6.4 定義背景圖像161
13.7 小結162
13.8 習題與思考162
第14章 使用表單164
14.1 創建表單164
14.2 創建表單對象並定義相關屬性165
14.2.1 創建文本域165
14.2.2 創建按鈕166
14.2.3 單選按鈕167
14.2.4 複選框168
14.2.5 檔案域169
14.2.6 圖像域169
14.2.7 列表/選單170
14.2.8 文本區域171
14.2.9 隱藏域172
14.2.10 跳轉選單173
14.3 小結174
14.4 習題與思考174
第15章 超連結175
15.1 連結和路徑175
15.1.1 超連結的概念175
15.1.2 路徑176
15.2 創建超連結177
15.2.1 創建到其他文檔的連結177
15.2.2 創建文檔內部的連結179
15.2.3 創建電子郵件連結181
15.3 創建圖像連結181
15.3.1 創建圖像連結182
15.3.2 創建圖像熱點連結182
15.4 連結管理183
15.4.1 定義更新連結的首選參數和快取183
15.4.2 修改和刪除連結184
15.4.3 檢查連結185
15.5 小結186
15.6 習題與思考186
第16章 使用Div元素187
16.1 插入Div標籤187
16.2 編輯Div標籤188
16.3 相鄰和嵌套的Div標籤190
16.4 AP Div簡介190
16.5 定義AP Div的首選參數192
16.6 插入AP Div193
16.7 定義AP Div的屬性194
16.7.1 單個AP Div的屬性194
16.7.2 多個AP Div的屬性195
16.8 使用“AP元素”面板197
16.9 編輯AP Div198
16.10 定義AP Div的層次199
16.11 AP Div和表格之間的轉換200
16.11.1 將AP Div轉換為表格200
16.11.2 將表格轉換為AP Div201
16.12 小結202
16.13 習題與思考202
第17章 使用樣式表203
17.1 樣式表簡介203
17.1.1 樣式表的概念203
17.1.2 樣式表的作用205
17.1.3 W3C推薦的頁面布局205
17.2 新建CSS樣式205
17.2.1 新建CSS樣式206
17.2.2 使用類207
17.2.3 使用標籤208
17.2.4 使用ID208
17.2.5 使用複合內容209
17.3 新建CSS樣式檔案和附加樣式210
17.3.1 新建CSS樣式檔案210
17.3.2 使用附加樣式211
17.4 使用“CSS樣式”面板212
17.5 設定CSS屬性214
17.5.1 類型屬性215
17.5.2 背景屬性218
17.5.3 區塊屬性219
17.5.4 方框屬性220
17.5.5 框線屬性221
17.5.6 列表屬性222
17.5.7 定位屬性223
17.5.8 擴展屬性224
17.5.9 CSS濾鏡224
17.6 定義連結的樣式227
17.7 小結229
17.8 習題與思考229
第18章 使用行為231
18.1 行為簡介231
18.2 創建、修改和刪除行為231
18.3 使用行為233
18.3.1 交換圖像233
18.3.2 打開瀏覽器視窗234
18.3.3 拖動AP元素235
18.3.4 改變屬性237
18.3.5 效果238
18.3.6 設定狀態欄文本239
18.4 小結240
18.5 習題與思考240
第19章 使用媒體241
19.1 插入Flash241
19.2 插入FLV243
19.3 插入Shockwave影片243
19.4 插入程式和控制項244
19.5 小結244
19.6 習題與思考244
第4篇 Flash CS5使用精解
第20章 Flash CS5簡介和基本操作246
20.1 Flash CS5界面介紹246
20.1.1 舞台247
20.1.2 時間軸248
20.1.3 圖層251
20.1.4 工具箱255
20.1.5 “屬性”面板256
20.1.6 “顏色”和“樣本”面板256
20.1.7 “庫”面板257
20.1.8 定義首選參數257
20.2 Flash CS5基本操作258
20.2.1 新建和保存文檔258
20.2.2 新建圖形元件259
20.2.3 新建按鈕元件260
20.2.4 新建影片剪輯元件261
20.2.5 編輯和刪除元件261
20.2.6 創建和編輯元件的實例262
20.2.7 創建補間動畫263
20.2.8 創建補間形狀264
20.2.9 在關鍵幀中添加動作265
20.2.10 在元件實例中添加動作266
20.2.11 測試影片267
20.2.12 發布和導出影片268
20.3 製作動畫269
20.3.1 製作引導層動畫269
20.3.2 製作遮罩層動畫271
20.3.3 製作逐幀動畫272
20.4 繪圖和處理圖片273
20.4.1 繪圖模型273
20.4.2 使用鉛筆和刷子工具273
20.4.3 使用線條和形狀工具275
20.4.4 使用鋼筆工具276
20.4.5 使用選取和選區工具277
20.4.6 定義框線和填充顏色278
20.4.7 定義漸變顏色279
20.4.8 導入圖像280
20.4.9 設定和編輯點陣圖281
20.4.10 分離點陣圖和將點陣圖轉換為矢量圖282
20.4.11 組合對象284
20.4.12 處理對象285
20.5 使用文本287
20.5.1 創建文本287
20.5.2 定義文本的屬性287
20.5.3 拼寫設定289
20.5.4 分離文本290
20.6 使用聲音290
20.6.1 添加聲音290
20.6.2 控制聲音的播放291
20.6.3 壓縮聲音293
20.7 使用視頻293
20.8 小結295
20.9 習題與思考296
第21章 製作網頁Logo297
21.1 製作殘影文字Logo297
21.1.1 製作殘影效果297
21.1.2 製作閃光效果299
21.2 製作滾動文字Logo301
21.3 環繞圖案Logo302
21.3.1 製作按鈕302
21.3.2 製作影片剪輯303
21.3.3 製作影片305
21.4 小結306
21.5 習題與思考306
第22章 製作Banner307
22.1 製作舞台Banner307
22.1.1 製作圖像顯示效果307
22.1.2 製作文本效果310
22.2 製作下雪Banner311
22.2.1 製作雪花動畫311
22.2.2 製作動畫313
22.3 製作產品Banner314
22.4 小結317
22.5 習題與思考317
第23章 製作導航條318
23.1 製作垂直導航條318
23.1.1 製作導航條背景318
23.1.2 製作導航動畫319
23.1.3 製作動畫中的腳本321
23.1.4 完成動畫322
23.2 製作橫嚮導航欄323
23.2.1 製作導航按鈕323
23.2.2 製作動畫324
23.3 製作含有二級選單的導航條325
23.3.1 製作影片剪輯325
23.3.2 製作動畫326
23.4 小結328
23.5 習題與思考328
第24章 製作Loading329
24.1 製作Loading的原理329
24.2 製作百分比進度條的Loading331
24.3 製作逐漸顯示的Loading333
24.4 製作顯示動畫的Loading334
24.5 小結335
24.6 習題與思考335
第25章 製作廣告動畫336
25.1 製作節日廣告336
25.1.1 製作背景動畫336
25.1.2 製作燈籠動畫337
25.1.3 製作爆竹動畫339
25.1.4 製作文本動畫341
25.1.5 完成動畫343
25.2 製作對聯廣告344
25.3 製作產品廣告347
25.3.1 製作汽車動畫347
25.3.2 製作遮罩動畫349
25.3.3 完成動畫353
25.4 小結356
25.5 習題與思考356
第5篇 綜合套用——首頁的製作
第26章 製作企業站點358
26.1 製作站點效果圖358
26.1.1 製作背景358
26.1.2 製作頂部內容360
26.1.3 製作頁面導航363
26.1.4 製作中部導航364
26.1.5 製作左側導航和列表365
26.1.6 製作右側欄內容367
26.1.7 製作底部內容368
26.2 製作Flash動畫368
26.2.1 Loading部分368
26.2.2 背景部分370
26.2.3 製作文字部分動畫371
26.2.4 按鈕部分372
26.2.5 導航條的製作374
26.2.6 導入音頻完成動畫378
26.3 製作Web頁面378
26.3.1 切圖和規劃站點378
26.3.2 製作頁面背景和基礎樣式379
26.3.3 製作頁面內容381
26.3.4 製作頁面底部387
26.4 小結388