Dreamweaver+Flash+Photoshop網(wǎng)頁(yè)設(shè)計(jì)綜合應(yīng)用

了解網(wǎng)頁(yè)的基本知識(shí)Chapter 01
1.1 了解網(wǎng)頁(yè)的基本概念 2
1.1.1 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí) 2
1.1.2 網(wǎng)頁(yè)的基本構(gòu)成元素 2
1.1.3 網(wǎng)站的分類 4
1.1.4 HTML的基本語(yǔ)法 5
1.2 網(wǎng)頁(yè)的色彩搭配 6
1.2.1 網(wǎng)頁(yè)的配色基礎(chǔ) 6
1.2.2 網(wǎng)頁(yè)色彩搭配的方案 7
1.2.3 網(wǎng)頁(yè)配色的注意事項(xiàng) 8
1.3 網(wǎng)頁(yè)設(shè)計(jì)的常用軟件 9
1.3.1 Dreamweaver CC 9
1.3.2 Photoshop CC 9
1.3.3 Flash CC 9
1.4 網(wǎng)站建設(shè)的一般流程 10
1.4.1 確定網(wǎng)站主題 10
1.4.2 收集相關(guān)素材 10
1.4.3 規(guī)劃網(wǎng)頁(yè)布局 10
1.4.4 確定網(wǎng)頁(yè)的主色調(diào) 11
1.4.5 制作網(wǎng)頁(yè)頁(yè)面 11
1.4.6 測(cè)試和發(fā)布網(wǎng)站 11
1.4.7 網(wǎng)站的更新和維護(hù) 11
1.5 實(shí)戰(zhàn)問(wèn)答 13
NO.1 如何通過(guò)網(wǎng)頁(yè)查看HTML源碼… 13
NO.2 如何宣傳網(wǎng)站 14
NO.3 白色在網(wǎng)頁(yè)中的好處 14
1.6 思考與練習(xí) 14

Dreamweaver CC入門Chapter 02
2.1 Dreamweaver CC的新增功能 18
2.1.1 CSS設(shè)計(jì)器 18
2.1.2 首選項(xiàng)同步 18
2.1.3 jQuery UI Widget… 18
2.1.4 簡(jiǎn)化了用戶界面 19
2.1.5 CSS選擇器的代碼提示 19
2.2 Dreamweaver CC的工作界面 19
2.2.1 認(rèn)識(shí)Dreamweaver CC菜單欄 20
2.2.2 “屬性”面板 21
2.2.3 文檔工具欄窗口 21
2.2.4 “插入”面板 21
2.2.5 浮動(dòng)面板 22
2.3 創(chuàng)建站點(diǎn)及站點(diǎn)管理 22
2.3.1 使用向?qū)?chuàng)建本地站點(diǎn) 22
2.3.2 設(shè)置遠(yuǎn)程服務(wù)器 23
2.3.3 管理站點(diǎn) 24
2.4 網(wǎng)頁(yè)文件及文本的基礎(chǔ)操作 24
2.4.1 網(wǎng)頁(yè)文件的操作 24
2.4.2 在網(wǎng)頁(yè)中添加文本 27
2.4.3 設(shè)置文本屬性 28
2.5 插入頁(yè)面元素 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)建網(wǎng)頁(yè)鏈接 38
2.6.1 網(wǎng)頁(yè)鏈接的概念 38
2.6.2 創(chuàng)建網(wǎng)頁(yè)常用鏈接 39
2.7 實(shí)戰(zhàn)問(wèn)答 46
NO.1 如何輸入多個(gè)空格 46
NO.2 如何設(shè)置背景圖像的路徑 46
2.8 思考與練習(xí) 47

CSS樣式美化網(wǎng)頁(yè)與Div+CSS布局Chapter 03
3.1 認(rèn)識(shí)CSS… 50
3.1.1 CSS樣式概述 50
3.1.2 “CSS設(shè)計(jì)器”面板 50
3.1.3 CSS的基本語(yǔ)法 51
3.1.4 創(chuàng)建CSS樣式選擇器 52
3.2 設(shè)置CSS樣式屬性 58
3.2.1 設(shè)置布局樣式 58
3.2.2 設(shè)置文本樣式 60
3.2.3 設(shè)置邊框樣式 60
3.2.4 設(shè)置背景樣式 61
3.2.5 設(shè)置其他樣式 62
3.3 管理CSS樣式表 63
3.3.1 內(nèi)部樣式表 63
3.3.2 內(nèi)嵌樣式表 64
3.3.3 外聯(lián)樣式表 65
3.4 初識(shí)Div… 65
3.4.1 Div概述 66
3.4.2 插入Div… 66
3.4.3 塊級(jí)元素和行內(nèi)元素 67
3.4.4 Div+CSS的布局優(yōu)勢(shì) 68
3.5 CSS盒子模型 68
3.5.1 CSS盒子模型的概念 69
3.5.2 content(內(nèi)容) 69
3.5.3 padding(填充) 70
3.5.4 border(邊框) 70
3.5.5 margin(邊界) 71
3.6 Div+CSS常見(jiàn)的布局模式 71
3.6.1 單行單列固定寬度 72
3.6.2 一列自適應(yīng) 72
3.6.3 一列固定寬度居中 73
3.6.4 兩列固定寬度 73
3.6.5 兩列寬度自適應(yīng) 74
3.6.6 兩行右列寬度自適應(yīng) 74
3.7 實(shí)戰(zhàn)問(wèn)答 75
NO.1 CSS樣式的主要特點(diǎn)是什么 75
NO.2 Div標(biāo)簽到底有什么作用 75
3.8 思考與練習(xí) 76

運(yùn)用表格與jQuery UI制作網(wǎng)頁(yè)Chapter 04
4.1 創(chuàng)建和選擇表格 78
4.1.1 創(chuàng)建表格 78
4.1.2 選擇整個(gè)表格 78
4.1.3 選取行或列 80
4.1.4 選取單元格 80
4.2 設(shè)置表格屬性 81
4.2.1 設(shè)置表格的屬性 81
4.2.2 設(shè)置單元格的屬性 82
4.3 表格的基本操作 82
4.3.1 調(diào)整表格的大小 83
4.3.2 添加/刪除行和列 84
4.3.3 復(fù)制、粘貼和刪除單元格 86
4.3.4 合并與拆分單元格 88
4.4 表格的特殊處理 89
4.4.1 導(dǎo)入表格式數(shù)據(jù) 89
4.4.2 表格排序 90
4.5 使用jQuery UI構(gòu)件布局對(duì)象 91
4.5.1 關(guān)于jQuery UI構(gòu)件 91
4.5.2 jQuery UI可折疊式面板 91
4.5.3 jQuery UI選項(xiàng)卡式面板 92
4.6 實(shí)戰(zhàn)問(wèn)答 93
NO.1 如何通過(guò)命令一次性插入多行或多列 93
NO.2 表格布局和Div+CSS布局有何優(yōu)缺點(diǎn) 94
NO.3 jQuery UI和jQuery有何區(qū)別 94
4.7 思考與練習(xí) 94

表單元素、模板和庫(kù)的運(yùn)用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 插入復(fù)選框 101
5.2 使用模板 102
5.2.1 創(chuàng)建模板 102
5.2.2 插入可編輯區(qū)域 104
5.2.3 刪除可編輯區(qū)域 105
5.3 模板的應(yīng)用 105
5.3.1 基于模板創(chuàng)建頁(yè)面 105
5.3.2 分離頁(yè)面中所使用的模板… 106
5.4 創(chuàng)建和應(yīng)用庫(kù)項(xiàng)目 107
5.4.1 創(chuàng)建庫(kù)項(xiàng)目 107
5.4.2 插入庫(kù)項(xiàng)目 109
5.4.3 更新庫(kù)項(xiàng)目 110
5.5 實(shí)戰(zhàn)問(wèn)答 111
NO.1 有沒(méi)有什么方法可以調(diào)整表單的大小 111
NO.2 怎么才不會(huì)出現(xiàn)庫(kù)項(xiàng)目找不到路徑的問(wèn)題 111
5.6 思考與練習(xí) 112

運(yùn)用行為制作交互網(wǎng)頁(yè)Chapter 06
6.1 行為的概念 114
6.1.1 認(rèn)識(shí)“行為”面板 114
6.1.2 事件 114
6.1.3 熟悉動(dòng)作類型 114
6.2 網(wǎng)頁(yè)添加行為 115
6.2.1 設(shè)置圖像的行為 115
6.2.2 “打開瀏覽器窗口”行為 117
6.2.3 調(diào)用JavaScript 118
6.2.4 設(shè)置瀏覽器環(huán)境 119
6.2.5 設(shè)置文本域文字 121
6.3 設(shè)置網(wǎng)頁(yè)特殊效果 122
6.3.1 晃動(dòng)效果 122
6.3.2 漸隱效果 123
6.3.3 滑動(dòng)效果 123
6.4 實(shí)戰(zhàn)問(wèn)答 125
NO.1 行為、事件及動(dòng)作之間有什么聯(lián)系 125
NO.2 如何設(shè)置“打開瀏覽器窗口”行為的屬性 125
6.5 思考與練習(xí) 125

Photoshop CC入門Chapter 07
7.1 Photoshop CC的操作界面 128
7.1.1 菜單欄 128
7.1.2 工具選項(xiàng)欄 129
7.1.3 圖像窗口 129
7.1.4 工具箱 131
7.1.5 狀態(tài)欄 132
7.1.6 浮動(dòng)面板 132
7.2 圖像的分辨率和類型 132
7.2.1 分辨率 132
7.2.2 圖像的類型 133
7.3 掌握頁(yè)面布局輔助工具 134
7.3.1 使用標(biāo)尺 134
7.3.2 使用參考線 135
7.3.3 使用網(wǎng)格 136
7.3.4 使用注釋工具 136
7.4 實(shí)戰(zhàn)問(wèn)答 137
NO.1 怎樣隱藏而不刪除文檔中的參考線 137
NO.2 位圖與矢量圖的主要區(qū)別是什么 138
7.5 思考與練習(xí) 138

使用繪圖工具繪制圖像Chapter 08
8.1 調(diào)整圖像 142
8.1.1 調(diào)整圖像大小 142
8.1.2 調(diào)整畫布大小 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 實(shí)戰(zhàn)問(wèn)答 157
NO.1 鉛筆工具和畫筆工具有何區(qū)別 157
NO.2 如何繪制圓形 158
8.6 思考與練習(xí) 158

圖層和文本的使用Chapter 09
9.1 認(rèn)識(shí)圖層 160
9.1.1 了解“圖層”面板 160
9.1.2 新建圖層 160
9.1.3 刪除圖層 161
9.1.4 復(fù)制圖層 161
9.1.5 調(diào)整圖層 162
9.2 應(yīng)用圖層樣式 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 認(rèn)識(shí)“字符”面板 170
9.4.2 創(chuàng)建變形文字 171
9.4.3 創(chuàng)建路徑文字 172
9.5 實(shí)戰(zhàn)問(wèn)答 173
NO.1 可不可以為文字圖層添加描邊效果 173
NO.2 橫排文字工具和橫排文字蒙版工具有何區(qū)別 174
NO.3 如何重置文字變形 174
9.6 思考與練習(xí) 174

創(chuàng)建網(wǎng)頁(yè)動(dò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)建動(dòng)態(tài)圖像 178
10.2.1 認(rèn)識(shí)“時(shí)間軸”面板 178
10.2.2 創(chuàng)建動(dòng)態(tài)圖像 179
10.2.3 保存動(dòng)態(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 選擇、移動(dòng)和調(diào)整切片 184
10.4.2 轉(zhuǎn)換和鎖定切片 185
10.4.3 組合和刪除切片 186
10.4.4 將切片輸入到網(wǎng)頁(yè) 187
10.5 實(shí)戰(zhàn)問(wèn)答… 190
NO.1 瀏覽器不顯示輸出的動(dòng)畫怎么辦 190
NO.2 怎樣刪除基于圖層創(chuàng)建的切片 190
10.6 思考與練習(xí) 191

認(rèn)識(shí)Flash CCChapter 11
11.1 Flash CC的新增功能 194
11.2 認(rèn)識(shí)Flash CC 的工作界面 195
11.3 Flash CC的基本操作 196
11.3.1 啟動(dòng)Flash程序 196
11.3.2 新建空白Flash文件 197
11.3.3 根據(jù)模板新建Flash文件 198
11.3.4 設(shè)置Flash文檔屬性 200
11.3.5 使用繪圖工具繪圖 201
11.4 使用文本工具 203
11.4.1 使用靜態(tài)文本 203
11.4.2 使用動(dòng)態(tài)文本 206
11.4.3 使用輸入文本 209
11.5 文本的編輯處理 211
11.5.1 分離文本 211
11.5.2 為文本添加超鏈接 212
11.6 實(shí)戰(zhàn)問(wèn)答 213
NO.1 如何使舞臺(tái)自動(dòng)適應(yīng)對(duì)象大小 213
NO.2 如何在Flash中打開已有Flash文件 213
11.7 思考與練習(xí) 214

使用時(shí)間軸、幀及圖層Chapter 12
12.1 幀的類型和基本操作 216
12.1.1 幀類型 216
12.1.2 選擇幀 217
12.1.3 插入幀 218
12.1.4 復(fù)制和翻轉(zhuǎn)幀 219
12.1.5 清除和刪除幀 220
12.1.6 移動(dòng)幀 221
12.2 圖層概述 222
12.2.1 圖層的類型 222
12.2.2 創(chuàng)建圖層和圖層文件夾 223
12.2.3 編輯和修改圖層 225
12.3 實(shí)戰(zhàn)問(wèn)答 229
NO.1 如何刪除圖層 229
NO.2 如何轉(zhuǎn)換幀類型 230
12.4 思考與練習(xí) 230

Flash CC中庫(kù)和元件的使用Chapter 13
13.1 元件應(yīng)用 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 使用實(shí)例 243
13.2.1 創(chuàng)建元件實(shí)例 243
13.2.2 交換元件實(shí)例 245
13.2.3 改變實(shí)例類型 246
13.2.4 查看實(shí)例信息 247
13.3 庫(kù)的管理… 247
13.3.1 將庫(kù)資源歸類 248
13.3.2 刪除、復(fù)制和排序資源項(xiàng) 249
13.3.3 調(diào)用外部庫(kù) 251
13.4 實(shí)戰(zhàn)問(wèn)答 252
NO.1 如何將Flash中的實(shí)例直接轉(zhuǎn)換為元件 252
NO.2 如何處理庫(kù)沖突 252
13.5 思考與練習(xí) 253

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

企業(yè)網(wǎng)站綜合實(shí)例Chapter 15
15.1 使用Photoshop設(shè)計(jì)網(wǎng)站頁(yè)面 272
15.1.1 案例制作思路 272
15.1.2 案例制作過(guò)程 273
15.1.3 案例制作總結(jié) 282
15.1.4 案例制作答疑 282
15.2 使用Flash制作網(wǎng)站動(dòng)畫 282
15.2.1 案例制作思路 283
15.2.2 案例制作過(guò)程 283
15.2.3 案例制作總結(jié) 286
15.2.4 案例制作答疑 286
15.3 使用Dreamweaver制作網(wǎng)站 286
15.3.1 案例制作思路 287
15.3.2 案例制作過(guò)程 287
15.3.3 案例制作總結(jié) 291
15.3.4 案例制作答疑 291
15.4 實(shí)戰(zhàn)問(wèn)答 291
NO.1 參考線有什么作用 291
NO.2 為什么要?jiǎng)h除素材中的內(nèi)容 291
NO.3 如何做文字的變形動(dòng)畫 291
NO.4 如何將文字或圖像鏤空 292
NO.5 怎么設(shè)置指定文本居中顯示 292
NO.6 如何連續(xù)輸入多個(gè)空格 292
NO.7 如何設(shè)置頁(yè)面邊距 292
習(xí)題答案 293