網(wǎng)頁制作短訓(xùn)教程與上機(jī)指導(dǎo)

第1章 網(wǎng)頁設(shè)計(jì)常用軟件 1
1.1 Dreamweaver MX 2004基礎(chǔ) 1
1.1.1 操作界面 1
1.1.2 文檔窗口與狀態(tài)欄 3
1.1.3 【插入】工具欄和面板 6
1.1.4 【常規(guī)】首選參數(shù) 8
1.1.5 建立本地站點(diǎn) 9
1.2 Photoshop CS基礎(chǔ) 14
1.2.1 操作界面 15
1.2.2 圖像窗口與狀態(tài)欄 16
1.2.3 工具箱與工具欄 17
1.2.4 面板 18
1.3 Fireworks MX 2004基礎(chǔ) 19
1.3.1 操作界面 19
1.3.2 Fireworks面板 20
1.4 Flash MX 2004基礎(chǔ) 21
1.4.1 操作界面 21
1.4.2 場(chǎng)景 23
1.4.3 面板 23
1.5 操作題 26
第2章 Dreamweaver基礎(chǔ)應(yīng)用 27
2.1 設(shè)置網(wǎng)頁文字 27
2.1.1 創(chuàng)建與保存文檔 27
2.1.2 輸入和修改文本 28
2.1.3 設(shè)置文字屬性 31
2.1.4 編輯網(wǎng)頁段落屬性 33
2.1.5 在網(wǎng)頁中使用列表 34
2.2 在網(wǎng)頁中插入圖像 37
2.2.1 網(wǎng)頁圖像格式 37
2.2.2 插入圖像 37
2.2.3 設(shè)置網(wǎng)頁交換圖像 39
2.3 設(shè)置網(wǎng)頁中的超鏈接 42
2.3.1 文字超鏈接 42
2.3.2 圖片熱區(qū)超鏈接 44
2.3.3 站點(diǎn)導(dǎo)航條 45
2.4 操作題 49
第3章 表格與框架 50
3.1 使用表格 50
3.1.1 創(chuàng)建表格 50
3.1.2 設(shè)置表格屬性 51
3.1.3 格式化表格 54
3.2 框架的使用 58
3.2.1 創(chuàng)建與保存框架 58
3.2.2 編輯框架 60
3.3 層的使用 63
3.3.1 層的創(chuàng)建 64
3.3.2 層的嵌套 65
3.3.3 層順序的設(shè)置 67
3.4 操作題 70
第4章 網(wǎng)頁制作高級(jí)技術(shù) 71
4.1 層疊樣式表 71
4.1.1 什么是樣式表 71
4.1.2 樣式的創(chuàng)建 72
4.1.3 樣式的應(yīng)用 74
4.2 設(shè)計(jì)網(wǎng)頁布局 75
4.2.1 創(chuàng)建布局表格和單元格 75
4.2.2 設(shè)置布局單元格和表格 76
4.3 網(wǎng)頁中的模板與庫 79
4.3.1 制作模板 79
4.3.2 創(chuàng)建庫項(xiàng)目 80
4.3.3 使用庫項(xiàng)目 81
4.4 行為 85
4.4.1 常用事件 85
4.4.2 常用動(dòng)作 86
4.4.3 【行為】面板 86
4.5 設(shè)置Flash對(duì)象 94
4.5.1 插入Flash動(dòng)畫 94
4.5.2 編輯Flash文本 95
4.6 操作題 97
第5章 網(wǎng)頁圖像設(shè)計(jì)基礎(chǔ) 98
5.1 網(wǎng)頁圖像設(shè)計(jì)基本概念 98
5.1.1 矢量圖與位圖 98
5.1.2 圖像分辨率 99
5.1.3 使用顏色 99
5.2 Photoshop文件操作入門 100
5.2.1 文件操作 100
5.2.2 打開文件 102
5.2.3 輔助工具的使用 105
5.3 使用工具箱工具 105
5.3.1 選擇和移動(dòng)工具 106
5.3.2 前景色和背景色 109
5.3.3 Photoshop繪圖工具 110
5.3.4 填充工具 115
5.3.5 修飾工具 116
5.4 操作題 122
第6章 網(wǎng)頁圖像高級(jí)設(shè)計(jì)應(yīng)用 123
6.1 圖層 123
6.1.1 【圖層】面板 123
6.1.2 創(chuàng)建圖層 124
6.1.3 編輯圖層 126
6.1.4 設(shè)置圖層特效 130
6.1.5 編輯圖層樣式 134
6.2 路徑 136
6.2.1 【路徑】面板 136
6.2.2 創(chuàng)建路徑 137
6.2.3 編輯路徑 138
6.3 通道 140
6.3.1 【通道】面板 141
6.3.2 通道的分離與合并 141
6.3.3 通道的混合 142
6.3.4 通道的復(fù)制 142
6.4 蒙版 143
6.4.1 創(chuàng)建臨時(shí)蒙版 144
6.4.2 設(shè)置快速蒙版 145
6.4.3 存儲(chǔ)蒙版選區(qū) 145
6.5 操作題 146
第7章 圖形與圖像調(diào)整 147
7.1 繪制圖形 147
7.1.1 繪制矩形 148
7.1.2 繪制橢圓形 149
7.1.3 繪制多邊形 149
7.1.4 繪制直線 150
7.2 文字處理 154
7.2.1 輸入點(diǎn)文字 154
7.2.2 設(shè)置文字格式 155
7.3 網(wǎng)頁圖像色彩基礎(chǔ) 158
7.3.1 顏色特性 158
7.3.2 網(wǎng)頁配色 158
7.3.3 【直方圖】面板 158
7.4 調(diào)整圖像色調(diào) 159
7.4.1 色階與自動(dòng)色階 159
7.4.2 曲線 160
7.4.3 色彩平衡 162
7.5 設(shè)置圖像色相 163
7.5.1 色相/飽和度 163
7.5.2 替換顏色 164
7.6 配置特殊色彩 166
7.6.1 色調(diào)均化 166
7.6.2 閾值 167
7.6.3 變化 167
7.7 Photoshop濾鏡特效 168
7.7.1 濾鏡使用方法 169
7.7.2 【渲染】濾鏡組 170
7.8 操作題 175
第8章 Fireworks MX 2004應(yīng)用 176
8.1 Fireworks操作基礎(chǔ) 176
8.1.1 創(chuàng)建新文件 176
8.1.2 打開和保存文件 177
8.2 創(chuàng)建位圖對(duì)象 180
8.2.1 位圖工具 180
8.2.2 位圖工具屬性 181
8.3 創(chuàng)建矢量圖像 183
8.3.1 矢量工具屬性 184
8.3.2 繪制矢量對(duì)象 184
8.4 筆觸和填充 187
8.4.1 筆觸 187
8.4.2 使用填充 188
8.5 樣式、URL和文件批處理 190
8.5.1 樣式 191
8.5.2 URL 192
8.5.3 文件批處理 193
8.6 操作題 197
第9章 制作網(wǎng)頁GIF動(dòng)畫 198
9.1 ImageReady CS操作入門 198
9.1.1 ImageReady CS操作界面 198
9.1.2 ImageReady CS基本功能 200
9.2 Web圖像的優(yōu)化與輸出 200
9.2.1 【優(yōu)化】面板 200
9.2.2 【顏色表】面板 202
9.2.3 優(yōu)化圖像設(shè)置 203
9.3 切片 206
9.3.1 切片工具組 206
9.3.2 【切片】面板 206
9.3.3 創(chuàng)建切片 207
9.3.4 輸出切片 209
9.4 圖像映射 211
9.4.1 圖像映射工具 211
9.4.2 【圖像映射】面板 211
9.5 網(wǎng)頁GIF動(dòng)畫 213
9.5.1 制作GIF動(dòng)畫 213
9.5.2 動(dòng)畫播放的設(shè)置 215
9.5.3 優(yōu)化動(dòng)畫設(shè)置 216
9.6 操作題 220
第10章 Flash MX 2004基礎(chǔ) 221
10.1 繪圖工具 221
10.1.1 箭頭工具 222
10.1.2 部分選擇工具 223
10.1.3 套索工具 223
10.1.4 鋼筆工具 224
10.1.5 任意變形工具 225
10.1.6 橡皮工具 225
10.1.7 刷子工具 226
10.1.8 柔化填充邊緣 227
10.2 幀與圖層 227
10.2.1 幀編輯 227
10.2.2 圖層編輯 229
10.3 元件與實(shí)例 231
10.3.1 創(chuàng)建元件 231
10.3.2 編輯元件 234
10.3.3 創(chuàng)建實(shí)例 234
10.3.4 編輯實(shí)例 235
10.4 預(yù)覽和發(fā)布影片 239
10.4.1 預(yù)覽影片 239
10.4.2 發(fā)布和導(dǎo)出設(shè)置 239
10.5 基礎(chǔ)制作入門 240
10.5.1 制作運(yùn)動(dòng)動(dòng)畫 240
10.5.2 制作變形動(dòng)畫 242
10.5.3 制作遮罩動(dòng)畫 243
10.6 操作題 246
第11章 動(dòng)畫聲音及Action應(yīng)用 247
11.1 動(dòng)畫聲音 247
11.1.1 聲音導(dǎo)入 247
11.1.2 聲音元件屬性 248
11.2 Actions腳本 249
11.2.1 指定幀動(dòng)作 251
11.2.2 指定按鈕動(dòng)作 252
11.2.3 指定影片剪輯動(dòng)作 252
11.3 殘影效果動(dòng)畫 256
11.3.1 制作基本元件 256
11.3.2 添加Actions指令 257
11.4 操作題 260
第12章 網(wǎng)站色彩與制作實(shí)例 261
12.1 色彩效應(yīng)及應(yīng)用原理 261
12.1.1 色彩的心理效應(yīng) 261
12.1.2 網(wǎng)頁色彩應(yīng)用原理 263
12.2 網(wǎng)站色彩和搭配 265
12.2.1 確立網(wǎng)站色調(diào) 265
12.2.2 頁面色彩搭配 267
12.3 網(wǎng)站上傳 275
12.4 操作題 278