網(wǎng)頁(yè)制作技術(shù)

第1章　網(wǎng)頁(yè)制作基礎(chǔ)　1
1.1　Web和瀏覽器　1
1.1.1　Web和網(wǎng)頁(yè)　1
1.1.2　瀏覽器　3
1.1.3　Internet Explorer 6.0的使用　4
1.1.4　網(wǎng)頁(yè)中的元素　8
1.2　網(wǎng)頁(yè)制作的相關(guān)知識(shí)　9
1.2.1　HTML語(yǔ)言　9
1.2.2　XML語(yǔ)言　11
1.2.3　靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)　12
1.2.4　Web服務(wù)器端程序　12
1.3　網(wǎng)頁(yè)制作的基本方法　13
1.3.1　制作網(wǎng)頁(yè)的基本步驟　13
1.3.2　制作網(wǎng)頁(yè)時(shí)要注意的問(wèn)題　13
1.4　Macromedia Studio 8　14
1.4.1　網(wǎng)頁(yè)三劍客　14
1.4.2　Macromedia Studio 8　14
1.4.3　安裝Macromedia Studio 8　14
1.4.4　啟動(dòng)程序　15
1.4.5　Adobe的CS3　16
習(xí)題1　17
第2章　Dreamweaver 8基礎(chǔ)　18
2.1　認(rèn)識(shí)Dreamweaver 8　18
2.1.1　啟動(dòng)Dreamweaver 8　18
2.1.2　Dreamweaver 8的操作界面　19
2.2　創(chuàng)建站點(diǎn)　23
2.2.1　創(chuàng)建新站點(diǎn)　23
2.2.2　打開(kāi)站點(diǎn)和編輯站點(diǎn)信息　25
2.3　制作網(wǎng)頁(yè)　26
2.3.1　準(zhǔn)備素材　26
2.3.2　制作網(wǎng)頁(yè)　27
2.3.3　預(yù)覽網(wǎng)頁(yè)　30
2.3.4　文件操作　30
2.3.5　設(shè)置工作界面　32
習(xí)題2　33
第3章　插入基本網(wǎng)頁(yè)元素　35
3.1　插入文字　35
3.1.1　輸入文字　35
3.1.2　設(shè)置文字屬性　37
3.1.3　插入滾動(dòng)字幕　40
3.1.4　設(shè)置文本超鏈接　41
3.1.5　使用錨記　43
3.1.6　插入水平線　44
3.2　插入圖像　44
3.2.1　網(wǎng)頁(yè)中的圖像　44
3.2.2　插入圖像　45
3.2.3　圖像超鏈接和圖像地圖　48
3.2.4　圖像占位符和輪換圖像　49
3.3　插入表格　50
3.3.1　表格的知識(shí)　50
3.3.2　添加表格　50
3.3.3　編輯表格　52
3.3.4　格式化表格　53
3.3.5　導(dǎo)入表格數(shù)據(jù)　54
3.4　插入媒體元素　55
3.4.1　媒體文件的類型　55
3.4.2　插入Flash　56
3.4.3　制作播放電影、聲音的頁(yè)面　59
3.5　插入表單　61
3.5.1　創(chuàng)建表單　61
3.5.2　文本字段　61
3.5.3　復(fù)選框　63
3.5.4　單選按鈕　63
3.5.5　下拉菜單　64
3.5.6　隱藏區(qū)域　65
3.5.7　按鈕　66
習(xí)題3　66
第4章　頁(yè)面設(shè)計(jì)　68
4.1　設(shè)置網(wǎng)頁(yè)屬性　68
4.1.1　網(wǎng)頁(yè)標(biāo)題　68
4.1.2　設(shè)置頁(yè)面屬性　68
4.1.3　文件頭設(shè)置　71
4.2　頁(yè)面布局　73
4.2.1　網(wǎng)頁(yè)的版面布局　73
4.2.2　表格布局　74
4.2.3　使用擴(kuò)展模式布局　75
4.2.4　使用布局模式布局　76
4.3　使用框架布局　76
4.3.1　框架網(wǎng)頁(yè)　77
4.3.2　框架集網(wǎng)頁(yè)　77
4.3.3　設(shè)置框架網(wǎng)頁(yè)的屬性　79
4.3.4　框架鏈接的目標(biāo)　81
4.4　層的使用　81
4.4.1　在網(wǎng)頁(yè)中插入層　82
4.4.2　層的疊加和嵌套　83
4.4.3　層與表格的互相轉(zhuǎn)換　83
4.5　使用CSS　84
4.5.1　CSS基礎(chǔ)　85
4.5.2　新建樣式　87
4.5.3　設(shè)置CSS屬性　93
4.5.4　使用內(nèi)置的CSS樣式　94
4.6　CSS屬性　96
4.6.1　類型　96
4.6.2　背景　97
4.6.3　區(qū)塊　99
4.6.4　方框　100
4.6.5　邊框　101
4.6.6　列表　102
4.6.7　定位　103
4.6.8　擴(kuò)展　103
4.6.9　CSS濾鏡　104
習(xí)題4　108
第5章　高級(jí)網(wǎng)頁(yè)制作　110
5.1　行為　110
5.1.1　使用行為　110
5.1.2　事件　112
5.1.3　附加動(dòng)作　113
5.1.4　下載并安裝第3方行為　126
5.2　使用JavaScript代碼　127
5.2.1　使用代碼片斷　127
5.2.2　一些常用效果的腳本代碼　129
5.3　網(wǎng)頁(yè)模板和資源面板　134
5.3.1　生成模板　134
5.3.2　設(shè)置模板的屬性　135
5.3.3　應(yīng)用模板　137
5.3.4　使用資源面板　138
5.3.5　使用庫(kù)　139
5.4　管理站點(diǎn)　140
5.4.1　站點(diǎn)上傳　140
5.4.2　管理站點(diǎn)的文件　142
習(xí)題5　144
第6章　使用Fireworks 8制作圖像　146
6.1　Fireworks 8簡(jiǎn)介　146
6.1.1　網(wǎng)頁(yè)圖像的格式　146
6.1.2　Fireworks 8工作界面　147
6.1.3　創(chuàng)建Fireworks文檔　149
6.2　使用矢量工具　152
6.2.1　繪制矢量對(duì)象　152
6.2.2　對(duì)象的基本操作　156
6.2.3　路徑的編輯　159
6.2.4　文本編輯　161
6.3　顏色、筆觸和填充　164
6.3.1　顏色　164
6.3.2　使用筆觸　165
6.3.3　填充　165
6.3.4　使用樣式和形狀　167
6.4　編輯位圖　168
6.4.1　創(chuàng)建和編輯位圖　168
6.4.2　編輯選區(qū)　169
6.4.3　修飾位圖　171
6.5　圖像的后期處理　172
6.5.1　使用濾鏡　172
6.5.2　使用層　174
6.5.3　使用蒙版　174
6.5.4　混合和不透明度　176
6.5.5　處理照片　177
習(xí)題6　178
第7章　使用Fireworks創(chuàng)建Web對(duì)象　180
7.1　制作GIF動(dòng)畫　180
7.1.1　創(chuàng)建動(dòng)畫　180
7.1.2　使用“幀”面板　182
7.1.3　將多個(gè)文件用作一個(gè)動(dòng)畫　184
7.1.4　導(dǎo)出動(dòng)畫　184
7.2　切片和熱點(diǎn)　186
7.2.1　使用切片　186
7.2.2　導(dǎo)出切片　190
7.2.3　創(chuàng)建熱點(diǎn)　192
7.3　制作按鈕和彈出菜單　193
7.3.1　制作按鈕　193
7.3.2　創(chuàng)建元件　196
7.3.3　制作彈出菜單　198
7.4　優(yōu)化與導(dǎo)出　201
7.4.1　圖像的優(yōu)化　201
7.4.2　使用導(dǎo)出向?qū)А?04
習(xí)題7　204
第8章　制作Flash動(dòng)畫　206
8.1　Flash基礎(chǔ)　206
8.1.1　Flash概述　206
8.1.2　Flash 8的界面　207
8.1.3　使用Flash制作動(dòng)畫的過(guò)程　210
8.2　使用繪圖工具　213
8.2.1　繪制基本圖形　213
8.2.2　編輯圖形對(duì)象　216
8.2.3　輸入文字　219
8.3　制作動(dòng)畫　221
8.3.1　逐幀動(dòng)畫　221
8.3.2　形狀補(bǔ)間動(dòng)畫　224
8.3.3　動(dòng)作補(bǔ)間動(dòng)畫　226
8.3.4　引導(dǎo)路徑動(dòng)畫　228
8.3.5　遮罩動(dòng)畫　230
8.4　元件和庫(kù)　232
8.4.1　元件的使用　232
8.4.2　創(chuàng)建庫(kù)元件　233
8.4.3　制作按鈕　235
8.5　使用聲音和視頻　236
8.5.1　在動(dòng)畫中使用聲音　236
8.5.2　使用視頻　239
習(xí)題8　243
第9章　ActionScript和動(dòng)畫導(dǎo)出　245
9.1　ActionScript　245
9.1.1　ActionScript基礎(chǔ)　245
9.1.2　ActionScript動(dòng)畫實(shí)例　249
9.2　時(shí)間軸特效和行為　252
9.2.1　時(shí)間軸特效　252
9.2.2　行為和行為面板　254
9.3　電影的優(yōu)化、發(fā)布與導(dǎo)出　257
9.3.1　電影的優(yōu)化　257
9.3.2　Flash 8的發(fā)布方式　258
9.3.3　導(dǎo)出電影　261
習(xí)題9　263
附錄　Macromedia標(biāo)準(zhǔn)快捷鍵　264
Dreamweaver 8快捷鍵　264
Fireworks 8快捷鍵　267
Flash 8快捷鍵　269
參考文獻(xiàn)　272