網(wǎng)頁制作三合一實(shí)用教程（中等職業(yè)學(xué)校計算機(jī)技能型緊缺人才培養(yǎng)規(guī)劃教材計算機(jī)軟件專業(yè)）

第1章　在網(wǎng)頁中插入文本和圖像　1
1.1　Dreamweaver MX 2004的工作界面和基本操作　1
1.1.1　工作界面　1
1.1.2　文檔窗口　2
1.1.3　標(biāo)尺和網(wǎng)格　4
1.1.4　“屬性”欄和“插入”欄　5
1.1.5　面板的常用操作　6
1.1.6　新建、打開、保存和關(guān)閉網(wǎng)頁文檔　7
1.2　建立本地站點(diǎn)和制作第1個網(wǎng)頁　9
1.2.1　建立本地站點(diǎn)的方法　9
1.2.2　建立本地站點(diǎn)的文件夾和網(wǎng)頁文檔　10
1.2.3　項(xiàng)目實(shí)現(xiàn)　11
1.2.4　項(xiàng)目拓展　14
1．撤消與重做　14
2．“頁面屬性”(觀)話框中其他屬性的設(shè)置　14
1.3　“Dreamweaver MX 2004學(xué)習(xí)天地”網(wǎng)頁　14
1.3.1　文本輸入　15
1.3.2　文本屬性設(shè)置　16
1.3.3　項(xiàng)目實(shí)現(xiàn)　17
1.3.4　項(xiàng)目拓展　19
1．列表屬性的高級設(shè)置　19
2．文本拼寫的檢查　20
3．文本的查找與替換　20
1.4　“星座圖片瀏覽”網(wǎng)頁　20
1.4.1　插入和編輯圖像　20
1.4.2　圖文混排　23
1.4.3　翻轉(zhuǎn)圖和拼圖　23
1.4.4　項(xiàng)目實(shí)現(xiàn)　25
1.4.5　項(xiàng)目拓展　28
1．使外部軟件作為Dreamweaver附屬圖像處理軟件　28
2．利用Fireworks優(yōu)化圖像　29
3．設(shè)置配色方案　29
思考與練習(xí)　30
第2章　在網(wǎng)頁中插入其他對象　31
2.1　“課程表”網(wǎng)頁　31
2.1.1　制作簡單的表格與調(diào)整表格大小　31
2.1.2　表格屬性的設(shè)置　32
2.1.3　編輯表格　34
2.1.4　項(xiàng)目實(shí)現(xiàn)　35
2.1.5　項(xiàng)目拓展　36
1．在表格中插入對象　36
2．格式化表格　36
2.2　“版畫圖像和Flash動畫瀏覽”網(wǎng)頁　36
2.2.1　插入Applet　37
2.2.2　插入Flash對象和圖像查看器　37
2.2.3　項(xiàng)目實(shí)現(xiàn)　40
2.2.4　項(xiàng)目拓展　42
1．插入水平條　42
2．插入Fireworks HTML　42
2.3　“隨身聽世界”網(wǎng)頁　43
2.3.1　插入導(dǎo)航條　43
2.3.2　插入時間和插入插件　44
2.3.3　項(xiàng)目實(shí)現(xiàn)　45
2.3.4　項(xiàng)目拓展　45
1．插入ActiveX　45
2．插入Shockwave影片　46
思考與練習(xí)　47
第3章　框架、層與網(wǎng)頁布局　48
3.1　“北京建筑瀏覽”網(wǎng)頁　48
3.1.1　創(chuàng)建和編輯框架　48
3.1.2　框架觀察器和框架“屬性”欄　49
3.1.3　項(xiàng)目實(shí)現(xiàn)　50
3.1.4　項(xiàng)目拓展　52
1．在框架內(nèi)插入HTML文件　52
2．保存框架集文件和框架分欄中的網(wǎng)頁文件　52
3.2　“咨詢公司”網(wǎng)頁　53
3.2.1　創(chuàng)建層和層的基本操作　53
3.2.2　層屬性的設(shè)置　55
3.2.3　項(xiàng)目實(shí)現(xiàn)　58
3.2.4　項(xiàng)目拓展　58
1．在層中插入對象　58
2．轉(zhuǎn)換層為表格　59
3．轉(zhuǎn)換表格為層　59
3.3　“中國國際人才發(fā)展中心”網(wǎng)頁　59
3.3.1　“布局”欄中按鈕的作用　60
3.3.2　網(wǎng)頁布局的調(diào)整與設(shè)置　60
3.3.3　項(xiàng)目實(shí)現(xiàn)　62
3.3.4　項(xiàng)目拓展　63
1．布局表格和布局單元格菜單　63
2．間隔圖像　63
3．自動伸展　64
思考與練習(xí)　64
第4章　表單和樣式表　66
4.1　“計算機(jī)設(shè)計競賽參賽人員登記表”網(wǎng)頁　66
4.1.1　表單域和插入表單對象的方法　66
4.1.2　表單對象　67
4.1.3　項(xiàng)目實(shí)現(xiàn)　70
4.1.4　項(xiàng)目拓展　71
1．圖像域?qū)傩缘脑O(shè)置　71
2．隱藏域?qū)傩缘脑O(shè)置　72
3．文件域?qū)傩缘脑O(shè)置　72
4.2　使用樣式表網(wǎng)頁　72
4.2.1　創(chuàng)建CSS樣式表　72
4.2.2　定義CSS樣式表　73
4.2.3　應(yīng)用CSS樣式　76
4.2.4　項(xiàng)目實(shí)現(xiàn)　77
4.2.5　項(xiàng)目拓展　79
1．“新建CSS樣式”對話框中一些選項(xiàng)的含義　79
2．定義擴(kuò)展屬性中的濾鏡效果　79
思考與練習(xí)　80
第5章　時間軸、行為和命令　81
5.1　“有移動文字和廣告圖像”網(wǎng)頁　81
5.1.1　“時間軸”面板　81
5.1.2　動畫制作　82
5.1.3　項(xiàng)目實(shí)現(xiàn)　84
5.1.4　項(xiàng)目拓展　85
1．動畫的更名　85
2．動畫的刪除　85
3．動畫的復(fù)制　85
4．動畫的移動　85
5.2　“交替變化圖像”網(wǎng)頁　85
5.2.1　行為控制器　86
5.2.2　動作設(shè)置　88
5.2.3　項(xiàng)目實(shí)現(xiàn)　89
5.2.4　項(xiàng)目拓展　91
1．什么是行為、動作和事件　91
2．“打開瀏覽器窗口”動作　91
3．時間軸　92
5.3　“圖像鏈接翻轉(zhuǎn)”網(wǎng)頁　92
5.3.1　“設(shè)置導(dǎo)航欄圖像”行為　92
5.3.2　“交換圖像”和“恢復(fù)交換圖像”行為　94
5.3.3　項(xiàng)目實(shí)現(xiàn)　94
5.3.4　項(xiàng)目拓展　96
1．預(yù)先載入圖像　96
2．控制Shockwave或Flash　96
3．轉(zhuǎn)到URL　97
5.4　“彈出菜單”網(wǎng)頁　97
5.4.1　“拖動層”和“顯示-隱藏層”行為　97
5.4.2　“跳轉(zhuǎn)菜單”和“跳轉(zhuǎn)菜單開始按鈕”行為　98
5.4.3　項(xiàng)目實(shí)現(xiàn)　99
5.4.4　項(xiàng)目拓展　100
1．“歷史記錄”面板　100
2．利用“歷史記錄”面板自定義命令　101
3．記錄鼠標(biāo)操作　101
思考與練習(xí)　101
第6章　站點(diǎn)管理、模板與庫　103
6.1　檢查“我的第1個站點(diǎn)”站點(diǎn)中的鏈接　103
6.1.1　編輯站點(diǎn)和站點(diǎn)視圖設(shè)置　103
6.1.2　“文件”面板和“站點(diǎn)”窗口　104
6.1.3　文字或圖像的鏈接　105
6.1.4　建立映射圖與HTML文件的鏈接　108
6.1.5　建立其他鏈接　109
6.1.6　項(xiàng)目實(shí)現(xiàn)　110
6.1.7　項(xiàng)目拓展　111
1．自動檢查鏈接　111
2．批量替換鏈接　111
3．查找與替換　112
4．檢查每個頁面下載的時間　113
5．使用瀏覽器預(yù)覽　113
6．瀏覽器檢查錯誤　114
6.2　“行在線”網(wǎng)站　114
6.2.1　創(chuàng)建模板　114
6.2.2　使用模板創(chuàng)建新網(wǎng)頁　116
6.2.3　“資源”面板　117
6.2.4　庫　118
6.2.5　項(xiàng)目實(shí)現(xiàn)　119
6.2.6　項(xiàng)目拓展　122
1．自動更新修改模板　122
2．手動更新修改模板　122
3．將頁面與模板分離　122
4．輸出沒有模板標(biāo)記的站點(diǎn)　122
5．將HTML標(biāo)記屬性設(shè)置為可編輯　122
6.3　發(fā)布“行在線”網(wǎng)站　123
6.3.1　申請主頁空間　123
6.3.2　定義服務(wù)器信息　124
6.3.3　項(xiàng)目實(shí)現(xiàn)　125
6.3.4　項(xiàng)目拓展　126
1．對網(wǎng)站進(jìn)行更新　126
2．申請計數(shù)器　126
思考與練習(xí)　127
第7章　中文Flash MX 2004基礎(chǔ)　128
7.1　中文Flash MX 2004的工作界面　128
7.1.1　面板和工作界面的調(diào)整　128
7.1.2　主要工具欄和工具箱　130
7.1.3　舞臺工作區(qū)和場景　131
7.1.4　時間軸　134
7.1.5　元件、實(shí)例和庫　136
7.2　創(chuàng)建第1個Flash影片　138
7.2.1　導(dǎo)入外部素材和輸入文本　138
7.2.2　選取對象　141
7.2.3　移動、復(fù)制、刪除對象和調(diào)整一般對象　142
7.2.4　改變對象的形狀　143
7.2.5　項(xiàng)目實(shí)現(xiàn)　144
7.2.6　項(xiàng)目拓展　147
1．播放Flash動畫　147
2．保存、打開與關(guān)閉Flash動畫　147
3．改變顯示方式　148
4．導(dǎo)出Flash產(chǎn)品　148
5．發(fā)布Flash產(chǎn)品　148
思考與練習(xí)　149
第8章　創(chuàng)建和編輯對象　150
8.1　“歡慶春節(jié)”彩珠文字　150
8.1.1　線屬性的設(shè)置　150
8.1.2　填充屬性的設(shè)置　152
8.1.3　項(xiàng)目實(shí)現(xiàn)　154
8.1.4　項(xiàng)目拓展　155
1．“混色器”面板的菜單的作用　155
2．“顏色樣本”面板的菜單的作用　155
8.2　青竹圓月　156
8.2.1　線條和鉛筆工具繪圖方法　156
8.2.2　鋼筆工具繪圖方法　156
8.2.3　橢圓、矩形和多角星形工具繪圖方法　157
8.2.4　項(xiàng)目實(shí)現(xiàn)　158
8.2.5　項(xiàng)目拓展　161
1．部分選取工具　161
2．刷子工具繪圖方法　162
8.3　自轉(zhuǎn)光環(huán)　163
8.3.1　改變圖形形狀　163
8.3.2　橡皮擦工具　163
8.3.3　精確調(diào)整對象的位置與大小　164
8.3.4　項(xiàng)目實(shí)現(xiàn)　165
8.3.5　項(xiàng)目拓展　167
1．優(yōu)化曲線的定義　167
2．優(yōu)化曲線的操作方法　167
8.4　娛樂天地　167
8.4.1　墨水瓶、顏料桶和滴管工具　167
8.4.2　填充變形工具的使用方法　168
8.4.3　項(xiàng)目實(shí)現(xiàn)　169
8.4.4　項(xiàng)目拓展　172
1．組合　172
2．多個對象的層次排列　172
3．多個對象的對齊　172
4．多個對象分散到層　173
8.5　轉(zhuǎn)圈文字　173
8.5.1　對象變形　173
8.5.2　精確調(diào)整對象的形狀　174
8.5.3　項(xiàng)目實(shí)現(xiàn)　175
8.5.4　項(xiàng)目拓展　178
1．精確調(diào)整對象的縮放比例和旋轉(zhuǎn)角度　178
2．90度旋轉(zhuǎn)對象　178
3．翻轉(zhuǎn)對象　178
思考與練習(xí)　178
第9章　簡單動畫制作　180
9.1　轉(zhuǎn)圈的模擬指針鐘　180
9.1.1　制作Flash動畫的基本常識與基本操作　180
9.1.2　動作動畫的制作　181
9.1.3　項(xiàng)目實(shí)現(xiàn)　182
9.1.4　項(xiàng)目拓展　185
1．“蹺蹺板”動畫　185
2．“翻頁圖畫”動畫　187
9.2　XYZ變換　188
9.2.1　形狀動畫的制作　188
9.2.2　改進(jìn)形狀動畫的效果　189
9.2.3　項(xiàng)目實(shí)現(xiàn)　190
9.2.4　項(xiàng)目拓展　191
1．選擇幀　191
2．移動幀、復(fù)制幀和調(diào)整過渡幀的數(shù)量　191
3．插入幀和刪除幀　192
4．轉(zhuǎn)換為關(guān)鍵幀和動畫反向播放　192
5．“彈性地面”動畫　192
9.3　移動的電影文字　193
9.3.1　引導(dǎo)層和遮罩層　193
9.3.2　圖層關(guān)聯(lián)和圖層屬性的設(shè)置　195
9.3.3　項(xiàng)目實(shí)現(xiàn)　196
9.3.4　項(xiàng)目拓展　199
1．“探照燈光”動畫　199
2．“過山車”動畫　200
9.4　時間軸特效動畫　204
9.4.1　時間軸特效的使用　204
9.4.2　編輯圖層　205
9.4.3　項(xiàng)目實(shí)現(xiàn)　206
9.4.4　項(xiàng)目拓展　207
1．插入圖層文件夾　207
2．“圖像切換”動畫　208
9.5　可控制的自轉(zhuǎn)地球和自轉(zhuǎn)光環(huán)　210
9.5.1　創(chuàng)建圖形元件和影片剪輯元件　210
9.5.2　創(chuàng)建按鈕元件　211
9.5.3　項(xiàng)目實(shí)現(xiàn)　212
9.5.4　項(xiàng)目拓展　214
1．編輯元件　214
2．編輯實(shí)例　215
3．實(shí)例類型的轉(zhuǎn)換　216
思考與練習(xí)　217
第10章　交互動畫制作　220
10.1　圖像瀏覽器　220
10.1.1　“動作”面板　220
10.1.2　設(shè)置事件與動作　223
10.1.3　時間軸控制全局函數(shù)　223
10.1.4　項(xiàng)目實(shí)現(xiàn)　224
10.1.5　項(xiàng)目拓展　225
1．設(shè)置按鈕事件、按鍵事件與動作　225
2．設(shè)置影片剪輯元件的事件與動作　226
10.2　變化的文字　227
10.2.1　常量、變量、運(yùn)算符和表達(dá)式　227
10.2.2　文本變量　229
10.2.3　分支和循環(huán)語句　230
10.2.4　項(xiàng)目實(shí)現(xiàn)　231
10.2.5　項(xiàng)目拓展　233
1．tellTarget函數(shù)　233
2．with函數(shù)　233
10.3　跟隨鼠標(biāo)移動的動畫　234
10.3.1　層次結(jié)構(gòu)和目標(biāo)路徑　234
10.3.2　影片剪輯控制全局函數(shù)　236
10.3.3　項(xiàng)目實(shí)現(xiàn)　237
10.3.4　項(xiàng)目拓展　239
1．getURL函數(shù)　239
2．loadMovie函數(shù)　239
3．loadVariables函數(shù)　240
思考與練習(xí)　240
第11章　Fireworks MX 2004基礎(chǔ)　242
11.1　Fireworks MX 2004簡介　242
11.1.1　歡迎窗口　243
11.1.2　主要工具欄、“修改”工具欄和工具箱　243
11.1.3　文檔窗口　244
11.1.4　文檔的操作　245
11.1.5　改變文檔的顯示屬性　248
11.2　“要快樂就跟我來”圖像　249
11.2.1　繪制路徑和路徑的屬性設(shè)置　249
11.2.2　幾何圖形與填充屬性　251
11.2.3　應(yīng)用樣式和應(yīng)用效果　252
11.2.4　對象的排列、對齊和組合　253
11.2.5　輸入文本與文本編輯　253
11.2.6　項(xiàng)目實(shí)現(xiàn)　254
11.2.7　項(xiàng)目拓展　255
1．文本路徑　255
2．編輯文本路徑　255
11.3　“藝術(shù)相框”圖像　255
11.3.1　濾鏡　255
11.3.2　調(diào)整圖像的色調(diào)　255
11.3.3　調(diào)整亮度、對比度、色相和飽和度　257
11.3.4　增加雜點(diǎn)和圖像的負(fù)片效果　257
11.3.5　模糊與銳化圖像　257
11.3.6　轉(zhuǎn)換為Alpha和查找圖像邊界　258
11.3.7　項(xiàng)目實(shí)現(xiàn)　258
11.3.8　項(xiàng)目拓展　259
1．層的基本概念　259
2．“層”面板和添加新層　259
3．編輯層　259
4．顯示/隱藏層和鎖定/解鎖層　260
5．蒙版層和共享層　260
6．新建位圖圖像　260
思考與練習(xí)　260
第12章　動畫、按鈕和其他操作　261
12.1　“懸停按鈕菜單”網(wǎng)頁　261
12.1.1　蒙版技術(shù)和創(chuàng)建位圖的選區(qū)　261
12.1.2　創(chuàng)建和編輯切片　263
12.1.3　項(xiàng)目實(shí)現(xiàn)　264
12.1.4　項(xiàng)目拓展　266
1．添加狀態(tài)欄文本行為　266
2．添加導(dǎo)航欄行為　266
3．簡單圖像變換實(shí)例　267
4．彈出菜單　268
12.2　“游泳卡通人”動畫　269
12.2.1　創(chuàng)建按鈕和按鈕編輯器　269
12.2.2　編輯按鈕和按鈕的鏈接導(dǎo)出按鈕　271
12.2.3　復(fù)制按鈕和導(dǎo)出按鈕　271
12.2.4　項(xiàng)目實(shí)現(xiàn)　272
12.2.5　項(xiàng)目拓展　273
1．創(chuàng)建熱點(diǎn)和編輯熱區(qū)　273
2．熱區(qū)鏈接地址　274
3．導(dǎo)出熱區(qū)文件　274
思考與練習(xí)　274