內 容 簡 介全書共15章，主要包括網頁制作基礎、Dreamweaver CC網頁制作、Photoshop CC網頁圖像設計、Flash CC網頁動畫設計以及綜合案例實戰5個部分。通過本書的學習，不僅能讓讀者學會三大軟件的基本操作，而且本書中列舉的實戰案例，還可以讓讀者舉一反三，在實戰工作中用得更好。此外，本書還提供了豐富的欄目板塊，如專家提醒、核心妙招和長知識。這些板塊不僅豐富了本書的知識，還可以教會讀者更多常用的技巧，提高讀者的實戰操作能力。本書淺顯易懂，指導性較強，主要定位于希望快速進入網頁設計領域的初、中級用戶，特別適合初級網頁設計和制作人員、大中專學生及網頁設計愛好者。此外，本書也適用于網頁設計培訓班學生和自學讀者使用。前 言
Preface
關于本叢書
如今，學會使用電腦已不再是為了休閑娛樂，在生活、工作節奏不斷加快的今天，電腦已成為各類人士工作中不可替代的一種辦公用具。然而僅僅學會如何使用電腦操作一些常見的軟件已經不能滿足人們當下的工作需求了。高效率、高品質的電腦辦公已經顯得越來越重要。
為了讓更多的初學者學會電腦和辦公軟件的操作，讓工作內容更符合當下的職場和行業要求，我們經過精心策劃，創作了“學以致用系列”這套叢書。
本叢書包含了電腦基礎與入門、網上開店、Office辦公軟件、圖形圖像和網頁設計等領域內的精華內容，每本書的內容和講解方式都根據其特有的應用要求進行了量身打造，目的是讓讀者真正學得會，用得好。本叢書具體包括如下書目。
◆《新手學電腦》
◆《中老年人學電腦》
◆《電腦組裝、維護與故障排除》
◆《電腦安全與黑客攻防》
◆《網上開店、裝修與推廣》
◆《Office 2013綜合應用》
◆《Excel財務應用》
◆《PowerPoint 2013設計與制作》
◆《AutoCAD 2014中文版繪圖基礎》
◆《Flash CC動畫設計與制作》
◆《Dreamweaver CC網頁設計與制作》
◆《Dreamweaver+Flash+Photoshop網頁設計綜合應用》
叢書兩大特色
本叢書之所以稱為“學以致用”，主要體現了我們的“理論知識和操作學得會，實戰工作中能夠用得好”這個策劃和創作宗旨。理論知識和操作學得會
◆講解上——實用為先，語言精練
本叢書在內容挑選方面注重3個“最”——內容最實用，操作最常見，案例最典型，并用精煉的文字講解理論部分，用最通俗的語言將知識講解清楚，提高讀者的閱讀和學習效率。
◆外觀上——單雙混排，全彩圖解
本叢書采用靈活的單雙混排方式，全程圖解式操作，每個操作步驟在內容和配圖上逐一對應，力求讓整個操作更清晰，讓讀者能夠輕松和快速地掌握。
◆結構上——布局科學，學習、解惑、鞏固三不誤
本叢書在每章的知識結構安排上，采取“主體知識+實戰問答+思考與練習”的結構，其中，“主體知識”是針對當前章節中涉及的所有理論知識進行講解；“實戰問答”是針對實戰工作中的常見問題進行答疑，為讀者掃清工作中的“攔路虎”；“思考與練習”中列舉了各種類型的習題，如填空題、判斷題、操作題等，目的是幫助讀者鞏固本章所學知識和操作。
◆信息上——欄目豐富，延展學習
本叢書在知識講解過程中，還穿插了各種欄目板塊，如專家提醒、核心妙招、長知識等。通過這些欄目，擴展讀者的學習寬度，幫助讀者掌握更多實用的技巧操作。
實戰工作中能夠用得好
本叢書在講解過程中，采用“知識點+實例操作”的結構來講解，為了讓讀者清楚這些知識在實戰中的具體應用，所有的案例均是實戰中的典型案例。通過這種講解方式，讓讀者在真實的環境中體會知識的應用，從而達到舉一反三，在工作中用得好的目的。
關于本書內容
本書是“學以致用系列叢書”中的一本，全書共15章，主要包括網頁制作基礎、Dreamweaver CC網頁制作、Photoshop CC網頁圖像設計、Flash CC網頁動畫設計以及綜合案例實戰5個部分，各部分的具體內容如下。
該部分是本書的第1章，其具體內容包括：網頁基本概念、網頁的色彩搭配、網頁設計的常用軟件、網站建設的一般流程。通過對本部分內容的學習，讀者可以為后面的學習打下堅實的基礎。網頁制作基礎該部分是本書的第2～6章，其具體內容包括：Dreamweaver CC的工作界面和文件的基本操作，使用CSS樣式美化網頁與Div+CSS布局，運用表格與jQuery UI制作網頁，表單元素、模板和庫的運用以及運用行為制作交互網頁等高級功能。通過對本部分內容的學習，讀者可以熟練掌握Dreamweaver CC軟件的操作，制作簡單的網頁。Dreamweaver CC網頁制作該部分是本書的第7～10章，其具體內容包括：Photoshop軟件的基本知識和輔助工具的使用，使用繪圖工具繪制圖像，圖層和文本的使用方法和技巧以及創建頁面動畫特效。通過對本部分內容的學習，讀者可以熟練掌握Photoshop CC的使用方法以及設計各種網頁元素。Photoshop CC網頁圖像設計該部分是本書的第11～14章，其具體內容包括：Flash CC的入門和一些基本的操作，使用時間軸、幀及圖層制作動畫效果，元件與庫的應用，結合ActionScript制作網頁動畫。通過對本部分內容的學習，讀者可以熟練掌握使用Flash制作各種動畫并將制作的動畫效果應用到網頁上。Flash CC網頁動畫設計該部分是本書的第15章，其具體內容包括：通過Photoshop制作網站首頁并將頁面切割成多個素材文件，使用Flash制作網頁動畫，在Dreamweaver中使用Div+CSS布局整合各個素材制作網頁。通過對本部分內容的學習，讀者可以掌握網頁設計的具體流程和設計技巧。綜合案例實戰
關于讀者對象
本書淺顯易懂，指導性較強，主要定位于希望快速進入網頁設計領域的初、中級用戶，特別適合初學網頁設計的人員、大中專學生及網頁設計愛好者。此外，本書也可用于網頁設計培訓班學生和自學者使用。
關于創作團隊
本書由智云科技編著，參與本書編寫的人員有邱超群、楊群、羅浩、馬英、邱銀春、羅丹丹、劉暢、林曉軍、林菊芳、周磊、蔣明熙、甘林圣、丁穎、蔣杰、何超等，在此對大家的辛勤工作表示衷心的感謝！
由于編者經驗有限，加之時間倉促，書中難免會有疏漏和不足，懇請專家和讀者不吝賜教。
編 者目 錄
Contents
了解網頁的基本知識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
