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

第1章　在網(wǎng)頁(yè)中插入文本和圖像　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　新建、打開(kāi)、保存和關(guān)閉網(wǎng)頁(yè)文檔　7
1.2　建立本地站點(diǎn)和制作第1個(gè)網(wǎng)頁(yè)　9
1.2.1　建立本地站點(diǎn)的方法　9
1.2.2　建立本地站點(diǎn)的文件夾和網(wǎng)頁(yè)文檔　10
1.2.3　項(xiàng)目實(shí)現(xiàn)　11
1.2.4　項(xiàng)目拓展　14
1．撤消與重做　14
2．“頁(yè)面屬性”(觀)話(huà)框中其他屬性的設(shè)置　14
1.3　“Dreamweaver MX 2004學(xué)習(xí)天地”網(wǎng)頁(yè)　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．列表屬性的高級(jí)設(shè)置　19
2．文本拼寫(xiě)的檢查　20
3．文本的查找與替換　20
1.4　“星座圖片瀏覽”網(wǎng)頁(yè)　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)頁(yè)中插入其他對(duì)象　31
2.1　“課程表”網(wǎng)頁(yè)　31
2.1.1　制作簡(jiǎn)單的表格與調(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．在表格中插入對(duì)象　36
2．格式化表格　36
2.2　“版畫(huà)圖像和Flash動(dòng)畫(huà)瀏覽”網(wǎng)頁(yè)　36
2.2.1　插入Applet　37
2.2.2　插入Flash對(duì)象和圖像查看器　37
2.2.3　項(xiàng)目實(shí)現(xiàn)　40
2.2.4　項(xiàng)目拓展　42
1．插入水平條　42
2．插入Fireworks HTML　42
2.3　“隨身聽(tīng)世界”網(wǎng)頁(yè)　43
2.3.1　插入導(dǎo)航條　43
2.3.2　插入時(shí)間和插入插件　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)頁(yè)布局　48
3.1　“北京建筑瀏覽”網(wǎng)頁(yè)　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)頁(yè)文件　52
3.2　“咨詢(xún)公司”網(wǎng)頁(yè)　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．在層中插入對(duì)象　58
2．轉(zhuǎn)換層為表格　59
3．轉(zhuǎn)換表格為層　59
3.3　“中國(guó)國(guó)際人才發(fā)展中心”網(wǎng)頁(yè)　59
3.3.1　“布局”欄中按鈕的作用　60
3.3.2　網(wǎng)頁(yè)布局的調(diào)整與設(shè)置　60
3.3.3　項(xiàng)目實(shí)現(xiàn)　62
3.3.4　項(xiàng)目拓展　63
1．布局表格和布局單元格菜單　63
2．間隔圖像　63
3．自動(dòng)伸展　64
思考與練習(xí)　64
第4章　表單和樣式表　66
4.1　“計(jì)算機(jī)設(shè)計(jì)競(jìng)賽參賽人員登記表”網(wǎng)頁(yè)　66
4.1.1　表單域和插入表單對(duì)象的方法　66
4.1.2　表單對(duì)象　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)頁(yè)　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樣式”對(duì)話(huà)框中一些選項(xiàng)的含義　79
2．定義擴(kuò)展屬性中的濾鏡效果　79
思考與練習(xí)　80
第5章　時(shí)間軸、行為和命令　81
5.1　“有移動(dòng)文字和廣告圖像”網(wǎng)頁(yè)　81
5.1.1　“時(shí)間軸”面板　81
5.1.2　動(dòng)畫(huà)制作　82
5.1.3　項(xiàng)目實(shí)現(xiàn)　84
5.1.4　項(xiàng)目拓展　85
1．動(dòng)畫(huà)的更名　85
2．動(dòng)畫(huà)的刪除　85
3．動(dòng)畫(huà)的復(fù)制　85
4．動(dòng)畫(huà)的移動(dòng)　85
5.2　“交替變化圖像”網(wǎng)頁(yè)　85
5.2.1　行為控制器　86
5.2.2　動(dòng)作設(shè)置　88
5.2.3　項(xiàng)目實(shí)現(xiàn)　89
5.2.4　項(xiàng)目拓展　91
1．什么是行為、動(dòng)作和事件　91
2．“打開(kāi)瀏覽器窗口”動(dòng)作　91
3．時(shí)間軸　92
5.3　“圖像鏈接翻轉(zhuǎn)”網(wǎng)頁(yè)　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)頁(yè)　97
5.4.1　“拖動(dòng)層”和“顯示-隱藏層”行為　97
5.4.2　“跳轉(zhuǎn)菜單”和“跳轉(zhuǎn)菜單開(kāi)始按鈕”行為　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)管理、模板與庫(kù)　103
6.1　檢查“我的第1個(gè)站點(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．自動(dòng)檢查鏈接　111
2．批量替換鏈接　111
3．查找與替換　112
4．檢查每個(gè)頁(yè)面下載的時(shí)間　113
5．使用瀏覽器預(yù)覽　113
6．瀏覽器檢查錯(cuò)誤　114
6.2　“行在線”網(wǎng)站　114
6.2.1　創(chuàng)建模板　114
6.2.2　使用模板創(chuàng)建新網(wǎng)頁(yè)　116
6.2.3　“資源”面板　117
6.2.4　庫(kù)　118
6.2.5　項(xiàng)目實(shí)現(xiàn)　119
6.2.6　項(xiàng)目拓展　122
1．自動(dòng)更新修改模板　122
2．手動(dòng)更新修改模板　122
3．將頁(yè)面與模板分離　122
4．輸出沒(méi)有模板標(biāo)記的站點(diǎn)　122
5．將HTML標(biāo)記屬性設(shè)置為可編輯　122
6.3　發(fā)布“行在線”網(wǎng)站　123
6.3.1　申請(qǐng)主頁(yè)空間　123
6.3.2　定義服務(wù)器信息　124
6.3.3　項(xiàng)目實(shí)現(xiàn)　125
6.3.4　項(xiàng)目拓展　126
1．對(duì)網(wǎng)站進(jìn)行更新　126
2．申請(qǐng)計(jì)數(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　舞臺(tái)工作區(qū)和場(chǎng)景　131
7.1.4　時(shí)間軸　134
7.1.5　元件、實(shí)例和庫(kù)　136
7.2　創(chuàng)建第1個(gè)Flash影片　138
7.2.1　導(dǎo)入外部素材和輸入文本　138
7.2.2　選取對(duì)象　141
7.2.3　移動(dòng)、復(fù)制、刪除對(duì)象和調(diào)整一般對(duì)象　142
7.2.4　改變對(duì)象的形狀　143
7.2.5　項(xiàng)目實(shí)現(xiàn)　144
7.2.6　項(xiàng)目拓展　147
1．播放Flash動(dòng)畫(huà)　147
2．保存、打開(kāi)與關(guān)閉Flash動(dòng)畫(huà)　147
3．改變顯示方式　148
4．導(dǎo)出Flash產(chǎn)品　148
5．發(fā)布Flash產(chǎn)品　148
思考與練習(xí)　149
第8章　創(chuàng)建和編輯對(duì)象　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)整對(duì)象的位置與大小　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　娛樂(lè)天地　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．多個(gè)對(duì)象的層次排列　172
3．多個(gè)對(duì)象的對(duì)齊　172
4．多個(gè)對(duì)象分散到層　173
8.5　轉(zhuǎn)圈文字　173
8.5.1　對(duì)象變形　173
8.5.2　精確調(diào)整對(duì)象的形狀　174
8.5.3　項(xiàng)目實(shí)現(xiàn)　175
8.5.4　項(xiàng)目拓展　178
1．精確調(diào)整對(duì)象的縮放比例和旋轉(zhuǎn)角度　178
2．90度旋轉(zhuǎn)對(duì)象　178
3．翻轉(zhuǎn)對(duì)象　178
思考與練習(xí)　178
第9章　簡(jiǎn)單動(dòng)畫(huà)制作　180
9.1　轉(zhuǎn)圈的模擬指針鐘　180
9.1.1　制作Flash動(dòng)畫(huà)的基本常識(shí)與基本操作　180
9.1.2　動(dòng)作動(dòng)畫(huà)的制作　181
9.1.3　項(xiàng)目實(shí)現(xiàn)　182
9.1.4　項(xiàng)目拓展　185
1．“蹺蹺板”動(dòng)畫(huà)　185
2．“翻頁(yè)圖畫(huà)”動(dòng)畫(huà)　187
9.2　XYZ變換　188
9.2.1　形狀動(dòng)畫(huà)的制作　188
9.2.2　改進(jìn)形狀動(dòng)畫(huà)的效果　189
9.2.3　項(xiàng)目實(shí)現(xiàn)　190
9.2.4　項(xiàng)目拓展　191
1．選擇幀　191
2．移動(dòng)幀、復(fù)制幀和調(diào)整過(guò)渡幀的數(shù)量　191
3．插入幀和刪除幀　192
4．轉(zhuǎn)換為關(guān)鍵幀和動(dòng)畫(huà)反向播放　192
5．“彈性地面”動(dòng)畫(huà)　192
9.3　移動(dòng)的電影文字　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．“探照燈光”動(dòng)畫(huà)　199
2．“過(guò)山車(chē)”動(dòng)畫(huà)　200
9.4　時(shí)間軸特效動(dòng)畫(huà)　204
9.4.1　時(shí)間軸特效的使用　204
9.4.2　編輯圖層　205
9.4.3　項(xiàng)目實(shí)現(xiàn)　206
9.4.4　項(xiàng)目拓展　207
1．插入圖層文件夾　207
2．“圖像切換”動(dòng)畫(huà)　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í)例類(lèi)型的轉(zhuǎn)換　216
思考與練習(xí)　217
第10章　交互動(dòng)畫(huà)制作　220
10.1　圖像瀏覽器　220
10.1.1　“動(dòng)作”面板　220
10.1.2　設(shè)置事件與動(dòng)作　223
10.1.3　時(shí)間軸控制全局函數(shù)　223
10.1.4　項(xiàng)目實(shí)現(xiàn)　224
10.1.5　項(xiàng)目拓展　225
1．設(shè)置按鈕事件、按鍵事件與動(dòng)作　225
2．設(shè)置影片剪輯元件的事件與動(dòng)作　226
10.2　變化的文字　227
10.2.1　常量、變量、運(yùn)算符和表達(dá)式　227
10.2.2　文本變量　229
10.2.3　分支和循環(huán)語(yǔ)句　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)移動(dòng)的動(dòng)畫(huà)　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簡(jiǎn)介　242
11.1.1　歡迎窗口　243
11.1.2　主要工具欄、“修改”工具欄和工具箱　243
11.1.3　文檔窗口　244
11.1.4　文檔的操作　245
11.1.5　改變文檔的顯示屬性　248
11.2　“要快樂(lè)就跟我來(lái)”圖像　249
11.2.1　繪制路徑和路徑的屬性設(shè)置　249
11.2.2　幾何圖形與填充屬性　251
11.2.3　應(yīng)用樣式和應(yīng)用效果　252
11.2.4　對(duì)象的排列、對(duì)齊和組合　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)整亮度、對(duì)比度、色相和飽和度　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章　動(dòng)畫(huà)、按鈕和其他操作　261
12.1　“懸停按鈕菜單”網(wǎng)頁(yè)　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．簡(jiǎn)單圖像變換實(shí)例　267
4．彈出菜單　268
12.2　“游泳卡通人”動(dòng)畫(huà)　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