Dreamweaver+Flash+Photoshop網頁設計綜合應用

了解網頁的基本知識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 規(guī)劃網頁布局 10
1.4.4 確定網頁的主色調 11
1.4.5 制作網頁頁面 11
1.4.6 測試和發(fā)布網站 11
1.4.7 網站的更新和維護 11
1.5 實戰(zhàn)問答 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 創(chuàng)建站點及站點管理 22
2.3.1 使用向導創(chuàng)建本地站點 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 創(chuàng)建網頁鏈接 38
2.6.1 網頁鏈接的概念 38
2.6.2 創(chuàng)建網頁常用鏈接 39
2.7 實戰(zhàn)問答 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 創(chuàng)建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 外聯(lián)樣式表 65
3.4 初識Div… 65
3.4.1 Div概述 66
3.4.2 插入Div… 66
3.4.3 塊級元素和行內元素 67
3.4.4 Div+CSS的布局優(yōu)勢 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 實戰(zhàn)問答 75
NO.1 CSS樣式的主要特點是什么 75
NO.2 Div標簽到底有什么作用 75
3.8 思考與練習 76

運用表格與jQuery UI制作網頁Chapter 04
4.1 創(chuàng)建和選擇表格 78
4.1.1 創(chuàng)建表格 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 導入表格式數(shù)據(jù) 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 實戰(zhàn)問答 93
NO.1 如何通過命令一次性插入多行或多列 93
NO.2 表格布局和Div+CSS布局有何優(yōu)缺點 94
NO.3 jQuery UI和jQuery有何區(qū)別 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 創(chuàng)建模板 102
5.2.2 插入可編輯區(qū)域 104
5.2.3 刪除可編輯區(qū)域 105
5.3 模板的應用 105
5.3.1 基于模板創(chuàng)建頁面 105
5.3.2 分離頁面中所使用的模板… 106
5.4 創(chuàng)建和應用庫項目 107
5.4.1 創(chuàng)建庫項目 107
5.4.2 插入庫項目 109
5.4.3 更新庫項目 110
5.5 實戰(zhàn)問答 111
NO.1 有沒有什么方法可以調整表單的大小 111
NO.2 怎么才不會出現(xiàn)庫項目找不到路徑的問題 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 設置瀏覽器環(huán)境 119
6.2.5 設置文本域文字 121
6.3 設置網頁特殊效果 122
6.3.1 晃動效果 122
6.3.2 漸隱效果 123
6.3.3 滑動效果 123
6.4 實戰(zhàn)問答 125
NO.1 行為、事件及動作之間有什么聯(lián)系 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 狀態(tài)欄 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 實戰(zhàn)問答 137
NO.1 怎樣隱藏而不刪除文檔中的參考線 137
NO.2 位圖與矢量圖的主要區(qū)別是什么 138
7.5 思考與練習 138

使用繪圖工具繪制圖像Chapter 08
8.1 調整圖像 142
8.1.1 調整圖像大小 142
8.1.2 調整畫布大小 142
8.2 選擇繪圖區(qū)域 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 實戰(zhàn)問答 157
NO.1 鉛筆工具和畫筆工具有何區(qū)別 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 外發(fā)光圖層樣式 165
9.3 創(chuàng)建文字 167
9.3.1 橫排文字工具 167
9.3.2 直排文字工具 168
9.3.3 橫排文字蒙版工具… 169
9.4 編輯文字 170
9.4.1 認識“字符”面板 170
9.4.2 創(chuàng)建變形文字 171
9.4.3 創(chuàng)建路徑文字 172
9.5 實戰(zhàn)問答 173
NO.1 可不可以為文字圖層添加描邊效果 173
NO.2 橫排文字工具和橫排文字蒙版工具有何區(qū)別 174
NO.3 如何重置文字變形 174
9.6 思考與練習 174

創(chuàng)建網頁動畫特效Chapter 10
10.1 圖像的優(yōu)化與輸出 176
10.1.1 圖像的格式 176
10.1.2 優(yōu)化圖像 176
10.1.3 輸出圖像 178
10.2 創(chuàng)建動態(tài)圖像 178
10.2.1 認識“時間軸”面板 178
10.2.2 創(chuàng)建動態(tài)圖像 179
10.2.3 保存動態(tài)圖像 181
10.3 創(chuàng)建和編輯切片 182
10.3.1 切片的類型 182
10.3.2 創(chuàng)建切片 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 實戰(zhàn)問答… 190
NO.1 瀏覽器不顯示輸出的動畫怎么辦 190
NO.2 怎樣刪除基于圖層創(chuàng)建的切片 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 根據(jù)模板新建Flash文件 198
11.3.4 設置Flash文檔屬性 200
11.3.5 使用繪圖工具繪圖 201
11.4 使用文本工具 203
11.4.1 使用靜態(tài)文本 203
11.4.2 使用動態(tài)文本 206
11.4.3 使用輸入文本 209
11.5 文本的編輯處理 211
11.5.1 分離文本 211
11.5.2 為文本添加超鏈接 212
11.6 實戰(zhàn)問答 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 創(chuàng)建圖層和圖層文件夾 223
12.2.3 編輯和修改圖層 225
12.3 實戰(zhàn)問答 229
NO.1 如何刪除圖層 229
NO.2 如何轉換幀類型 230
12.4 思考與練習 230

Flash CC中庫和元件的使用Chapter 13
13.1 元件應用 234
13.1.1 元件類型 234
13.1.2 創(chuàng)建圖形元件 234
13.1.3 創(chuàng)建影片剪輯元件 236
13.1.4 創(chuàng)建按鈕元件 238
13.1.5 在不同模式下編輯元件 241
13.2 使用實例 243
13.2.1 創(chuàng)建元件實例 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 實戰(zhàn)問答 252
NO.1 如何將Flash中的實例直接轉換為元件 252
NO.2 如何處理庫沖突 252
13.5 思考與練習 253

制作網頁動畫Chapter 14
14.1 創(chuàng)建簡單Flash動畫 256
14.1.1 創(chuàng)建逐幀動畫 256
14.1.2 創(chuàng)建補間動畫 258
14.1.3 創(chuàng)建形狀補間動畫 260
14.1.4 制作遮罩動畫 262
14.1.5 制作引導動畫 263
14.2 ActionScript應用開發(fā) 265
14.2.1 常用命令 265
14.2.2 常用語句 268
14.3 實戰(zhàn)問答 269
NO.1 如何創(chuàng)建3D動畫 269
NO.2 如何刪除形狀提示 270
14.4 思考與練習 270

企業(yè)網站綜合實例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 實戰(zhàn)問答 291
NO.1 參考線有什么作用 291
NO.2 為什么要刪除素材中的內容 291
NO.3 如何做文字的變形動畫 291
NO.4 如何將文字或圖像鏤空 292
NO.5 怎么設置指定文本居中顯示 292
NO.6 如何連續(xù)輸入多個空格 292
NO.7 如何設置頁面邊距 292
習題答案 293