內容簡介
全書共15章,主要包括網頁製作基礎、Dreamweaver CC網頁製作、Photoshop CC網頁圖像設計、Flash CC網頁動畫設計以及綜合案例實戰5個部分。通過本書的學習,不僅能讓讀者學會三大軟體的基本操作,而且本書中列舉的實戰案例,還可以讓讀者舉一反三,在實戰工作中用得更好。
此外,本書還提供了豐富的欄目板塊,如專家提醒、核心妙招和長知識。這些板塊不僅豐富了本書的知識,還可以教會讀者更多常用的技巧,提高讀者的實戰操作能力。
本書淺顯易懂,指導性較強,主要定位於希望快速進入網頁設計領域的初、中級用戶,特別適合初級網頁設計和製作人員、大中專學生及網頁設計愛好者。此外,本書也適用於網頁設計培訓班學生和自學讀者使用。
目錄
了解網頁的基本知識Chapter 01
1.1 了解網頁的基本概念 2
1.1.1 網頁設計基礎知識 2
1.1.2 網頁的基本構成元素 2
1.1.3 網站的分類 4
1.1.4 HTML的基本語法 5
1.2 網頁的色彩搭配 6
1.2.1 網頁的配色基礎 6
1.2.2 網頁色彩搭配的方案 7
1.2.3 網頁配色的注意事項 8
1.3 網頁設計的常用軟體 9
1.3.1 Dreamweaver CC 9
1.3.2 Photoshop CC 9
1.3.3 Flash CC 9
1.4 網站建設的一般流程 10
1.4.1 確定網站主題 10
1.4.2 收集相關素材 10
1.4.3 規劃網頁布局 10
1.4.4 確定網頁的主色調 11
1.4.5 製作網頁頁面 11
1.4.6 測試和發布網站 11
1.4.7 網站的更新和維護 11
1.5 實戰問答 13
NO.1 如何通過網頁查看HTML源碼… 13
NO.2 如何宣傳網站 14
NO.3 白色在網頁中的好處 14
1.6 思考與練習 14
Dreamweaver CC入門Chapter 02
2.1 Dreamweaver CC的新增功能 18
2.1.1 CSS設計器 18
2.1.2 首選項同步 18
2.1.3 jQuery UI Widget… 18
2.1.4 簡化了用戶界面 19
2.1.5 CSS選擇器的代碼提示 19
2.2 Dreamweaver CC的工作界面 19
2.2.1 認識Dreamweaver CC選單欄 20
2.2.2 “屬性”面板 21
2.2.3 文檔工具列視窗 21
2.2.4 “插入”面板 21
2.2.5 浮動面板 22
2.3 創建站點及站點管理 22
2.3.1 使用嚮導創建本地站點 22
2.3.2 設定遠程伺服器 23
2.3.3 管理站點 24
2.4 網頁檔案及文本的基礎操作 24
2.4.1 網頁檔案的操作 24
2.4.2 在網頁中添加文本 27
2.4.3 設定文本屬性 28
2.5 插入頁面元素 31
2.5.1 插入圖像 31
2.5.2 插入日期 32
2.5.3 插入水平線 32
2.5.4 插入特殊字元 33
2.5.5 插入表單… 34
2.5.6 插入多媒體 35
2.6 創建網頁連結 38
2.6.1 網頁連結的概念 38
2.6.2 創建網頁常用連結 39
2.7 實戰問答 46
NO.1 如何輸入多個空格 46
NO.2 如何設定背景圖像的路徑 46
2.8 思考與練習 47
CSS樣式美化網頁與Div+CSS布局Chapter 03
3.1 認識CSS… 50
3.1.1 CSS樣式概述 50
3.1.2 “CSS設計器”面板 50
3.1.3 CSS的基本語法 51
3.1.4 創建CSS樣式選擇器 52
3.2 設定CSS樣式屬性 58
3.2.1 設定布局樣式 58
3.2.2 設定文本樣式 60
3.2.3 設定框線樣式 60
3.2.4 設定背景樣式 61
3.2.5 設定其他樣式 62
3.3 管理CSS樣式表 63
3.3.1 內部樣式表 63
3.3.2 內嵌樣式表 64
3.3.3 外聯樣式表 65
3.4 初識Div… 65
3.4.1 Div概述 66
3.4.2 插入Div… 66
3.4.3 塊級元素和行內元素 67
3.4.4 Div+CSS的布局優勢 68
3.5 CSS盒子模型 68
3.5.1 CSS盒子模型的概念 69
3.5.2 content(內容) 69
3.5.3 padding(填充) 70
3.5.4 border(框線) 70
3.5.5 margin(邊界) 71
3.6 Div+CSS常見的布局模式 71
3.6.1 單行單列固定寬度 72
3.6.2 一列自適應 72
3.6.3 一列固定寬度居中 73
3.6.4 兩列固定寬度 73
3.6.5 兩列寬度自適應 74
3.6.6 兩行右列寬度自適應 74
3.7 實戰問答 75
NO.1 CSS樣式的主要特點是什麼 75
NO.2 Div標籤到底有什麼作用 75
3.8 思考與練習 76
運用表格與jQuery UI製作網頁Chapter 04
4.1 創建和選擇表格 78
4.1.1 創建表格 78
4.1.2 選擇整個表格 78
4.1.3 選取行或列 80
4.1.4 選取單元格 80
4.2 設定表格屬性 81
4.2.1 設定表格的屬性 81
4.2.2 設定單元格的屬性 82
4.3 表格的基本操作 82
4.3.1 調整表格的大小 83
4.3.2 添加/刪除行和列 84
4.3.3 複製、貼上和刪除單元格 86
4.3.4 合併與拆分單元格 88
4.4 表格的特殊處理 89
4.4.1 導入表格式數據 89
4.4.2 表格排序 90
4.5 使用jQuery UI構件布局對象 91
4.5.1 關於jQuery UI構件 91
4.5.2 jQuery UI可摺疊式面板 91
4.5.3 jQuery UI選項卡式面板 92
4.6 實戰問答 93
NO.1 如何通過命令一次性插入多行或多列 93
NO.2 表格布局和Div+CSS布局有何優缺點 94
NO.3 jQuery UI和jQuery有何區別 94
4.7 思考與練習 94
表單元素、模板和庫的運用Chapter 05
5.1 插入表單元素 98
5.1.1 什麼是表單 98
5.1.2 插入表單域 98
5.1.3 插入文本域 99
5.1.4 插入密碼域 100
5.1.5 插入按鈕 101
5.1.6 插入複選框 101
5.2 使用模板 102
5.2.1 創建模板 102
5.2.2 插入可編輯區域 104
5.2.3 刪除可編輯區域 105
5.3 模板的套用 105
5.3.1 基於模板創建頁面 105
5.3.2 分離頁面中所使用的模板… 106
5.4 創建和套用庫項目 107
5.4.1 創建庫項目 107
5.4.2 插入庫項目 109
5.4.3 更新庫項目 110
5.5 實戰問答 111
NO.1 有沒有什麼方法可以調整表單的大小 111
NO.2 怎么才不會出現庫項目找不到路徑的問題 111
5.6 思考與練習 112
運用行為製作互動網頁Chapter 06
6.1 行為的概念 114
6.1.1 認識“行為”面板 114
6.1.2 事件 114
6.1.3 熟悉動作類型 114
6.2 網頁添加行為 115
6.2.1 設定圖像的行為 115
6.2.2 “打開瀏覽器視窗”行為 117
6.2.3 調用JavaScript 118
6.2.4 設定瀏覽器環境 119
6.2.5 設定文本域文字 121
6.3 設定網頁特殊效果 122
6.3.1 晃動效果 122
6.3.2 漸隱效果 123
6.3.3 滑動效果 123
6.4 實戰問答 125
NO.1 行為、事件及動作之間有什麼聯繫 125
NO.2 如何設定“打開瀏覽器視窗”行為的屬性 125
6.5 思考與練習 125
Photoshop CC入門Chapter 07
7.1 Photoshop CC的操作界面 128
7.1.1 選單欄 128
7.1.2 工具選項欄 129
7.1.3 圖像視窗 129
7.1.4 工具箱 131
7.1.5 狀態欄 132
7.1.6 浮動面板 132
7.2 圖像的解析度和類型 132
7.2.1 解析度 132
7.2.2 圖像的類型 133
7.3 掌握頁面布局輔助工具 134
7.3.1 使用標尺 134
7.3.2 使用參考線 135
7.3.3 使用格線 136
7.3.4 使用注釋工具 136
7.4 實戰問答 137
NO.1 怎樣隱藏而不刪除文檔中的參考線 137
NO.2 點陣圖與矢量圖的主要區別是什麼 138
7.5 思考與練習 138
使用繪圖工具繪製圖像Chapter 08
8.1 調整圖像 142
8.1.1 調整圖像大小 142
8.1.2 調整畫布大小 142
8.2 選擇繪圖區域 143
8.2.1 使用矩形選框工具 143
8.2.2 使用魔棒工具 144
8.2.3 套索工具 145
8.3 基本繪圖工具… 146
8.3.1 鉛筆工具 146
8.3.2 畫筆工具 147
8.3.3 圖案圖章工具 148
8.3.4 仿製圖章工具 149
8.3.5 橡皮擦工具 150
8.4 矢量繪圖工具 151
8.4.1 矩形工具 151
8.4.2 圓角矩形工具 152
8.4.3 多邊形工具 154
8.4.4 自定義形狀工具 156
8.5 實戰問答 157
NO.1 鉛筆工具和畫筆工具有何區別 157
NO.2 如何繪製圓形 158
8.6 思考與練習 158
圖層和文本的使用Chapter 09
9.1 認識圖層 160
9.1.1 了解“圖層”面板 160
9.1.2 新建圖層 160
9.1.3 刪除圖層 161
9.1.4 複製圖層 161
9.1.5 調整圖層 162
9.2 套用圖層樣式 163
9.2.1 斜面和浮雕圖層樣式 163
9.2.2 投影圖層樣式 164
9.2.3 外發光圖層樣式 165
9.3 創建文字 167
9.3.1 橫排文字工具 167
9.3.2 直排文字工具 168
9.3.3 橫排文字蒙版工具… 169
9.4 編輯文字 170
9.4.1 認識“字元”面板 170
9.4.2 創建變形文字 171
9.4.3 創建路徑文字 172
9.5 實戰問答 173
NO.1 可不可以為文字圖層添加描邊效果 173
NO.2 橫排文字工具和橫排文字蒙版工具有何區別 174
NO.3 如何重置文字變形 174
9.6 思考與練習 174
創建網頁動畫特效Chapter 10
10.1 圖像的最佳化與輸出 176
10.1.1 圖像的格式 176
10.1.2 最佳化圖像 176
10.1.3 輸出圖像 178
10.2 創建動態圖像 178
10.2.1 認識“時間軸”面板 178
10.2.2 創建動態圖像 179
10.2.3 保存動態圖像 181
10.3 創建和編輯切片 182
10.3.1 切片的類型 182
10.3.2 創建切片 182
10.3.3 編輯切片 183
10.4 管理切片 184
10.4.1 選擇、移動和調整切片 184
10.4.2 轉換和鎖定切片 185
10.4.3 組合和刪除切片 186
10.4.4 將切片輸入到網頁 187
10.5 實戰問答… 190
NO.1 瀏覽器不顯示輸出的動畫怎么辦 190
NO.2 怎樣刪除基於圖層創建的切片 190
10.6 思考與練習 191
認識Flash CCChapter 11
11.1 Flash CC的新增功能 194
11.2 認識Flash CC 的工作界面 195
11.3 Flash CC的基本操作 196
11.3.1 啟動Flash程式 196
11.3.2 新建空白Flash檔案 197
11.3.3 根據模板新建Flash檔案 198
11.3.4 設定Flash文檔屬性 200
11.3.5 使用繪圖工具繪圖 201
11.4 使用文本工具 203
11.4.1 使用靜態文本 203
11.4.2 使用動態文本 206
11.4.3 使用輸入文本 209
11.5 文本的編輯處理 211
11.5.1 分離文本 211
11.5.2 為文本添加超連結 212
11.6 實戰問答 213
NO.1 如何使舞台自動適應對象大小 213
NO.2 如何在Flash中打開已有Flash檔案 213
11.7 思考與練習 214
使用時間軸、幀及圖層Chapter 12
12.1 幀的類型和基本操作 216
12.1.1 幀類型 216
12.1.2 選擇幀 217
12.1.3 插入幀 218
12.1.4 複製和翻轉幀 219
12.1.5 清除和刪除幀 220
12.1.6 移動幀 221
12.2 圖層概述 222
12.2.1 圖層的類型 222
12.2.2 創建圖層和圖層資料夾 223
12.2.3 編輯和修改圖層 225
12.3 實戰問答 229
NO.1 如何刪除圖層 229
NO.2 如何轉換幀類型 230
12.4 思考與練習 230
Flash CC中庫和元件的使用Chapter 13
13.1 元件套用 234
13.1.1 元件類型 234
13.1.2 創建圖形元件 234
13.1.3 創建影片剪輯元件 236
13.1.4 創建按鈕元件 238
13.1.5 在不同模式下編輯元件 241
13.2 使用實例 243
13.2.1 創建元件實例 243
13.2.2 交換元件實例 245
13.2.3 改變實例類型 246
13.2.4 查看實例信息 247
13.3 庫的管理… 247
13.3.1 將庫資源歸類 248
13.3.2 刪除、複製和排序資源項 249
13.3.3 調用外部庫 251
13.4 實戰問答 252
NO.1 如何將Flash中的實例直接轉換為元件 252
NO.2 如何處理庫衝突 252
13.5 思考與練習 253
製作網頁動畫Chapter 14
14.1 創建簡單Flash動畫 256
14.1.1 創建逐幀動畫 256
14.1.2 創建補間動畫 258
14.1.3 創建形狀補間動畫 260
14.1.4 製作遮罩動畫 262
14.1.5 製作引導動畫 263
14.2 ActionScript套用開發 265
14.2.1 常用命令 265
14.2.2 常用語句 268
14.3 實戰問答 269
NO.1 如何創建3D動畫 269
NO.2 如何刪除形狀提示 270
14.4 思考與練習 270
企業網站綜合實例Chapter 15
15.1 使用Photoshop設計網站頁面 272
15.1.1 案例製作思路 272
15.1.2 案例製作過程 273
15.1.3 案例製作總結 282
15.1.4 案例製作答疑 282
15.2 使用Flash製作網站動畫 282
15.2.1 案例製作思路 283
15.2.2 案例製作過程 283
15.2.3 案例製作總結 286
15.2.4 案例製作答疑 286
15.3 使用Dreamweaver製作網站 286
15.3.1 案例製作思路 287
15.3.2 案例製作過程 287
15.3.3 案例製作總結 291
15.3.4 案例製作答疑 291
15.4 實戰問答 291
NO.1 參考線有什麼作用 291
NO.2 為什麼要刪除素材中的內容 291
NO.3 如何做文字的變形動畫 291
NO.4 如何將文字或圖像鏤空 292
NO.5 怎么設定指定文本居中顯示 292
NO.6 如何連續輸入多個空格 292
NO.7 如何設定頁面邊距 292
習題答案 293