網(wǎng)頁制作技術(shù)（計算機多媒體技術(shù)專業(yè)高職高專計算機技能型緊缺人才培養(yǎng)規(guī)劃教材）

第 1 章　網(wǎng)頁設(shè)計基礎(chǔ)　1
1.1　網(wǎng)頁中的常見元素　1
1.1.1　文本　1
1.1.2　圖形　2
1.1.3　超鏈接　3
1.1.4　表格　3
1.1.5　表單　3
1.1.6　聲音和視頻　3
1.2　常用網(wǎng)頁制作工具　4
1.2.1　超文本標識語言　4
1.2.2　Dreamweaver　4
1.2.3　FrontPage　4
1.2.4　Dreamweaver與FrontPage的比較　5
1.3　常用的網(wǎng)頁美化工具　5
1.3.1　Fireworks　6
1.3.2　Flash　6
1.3.3　Photoshop　7
1.4　建立網(wǎng)站的基本流程　7
1.4.1　確定主題　7
1.4.2　搜集資料　8
1.4.3　網(wǎng)站的整體規(guī)劃　8
1.4.4　網(wǎng)頁設(shè)計與制作　9
1.4.5　測試與發(fā)布網(wǎng)頁　10
1.4.6　網(wǎng)站的宣傳與推廣　10
1.4.7　網(wǎng)站的反饋與評價　10
1.4.8　網(wǎng)站的更新與維護　10
1.5　網(wǎng)頁藝術(shù)設(shè)計　11
1.5.1　網(wǎng)頁版式設(shè)計　11
1.5.2　網(wǎng)頁色彩設(shè)計　12
習(xí)題　14
第 2 章　創(chuàng)建和管理站點　15
2.1　規(guī)劃站點結(jié)構(gòu)　15
2.2　利用Dreamweaver MX創(chuàng)建站點　16
2.2.1　Dreamweaver MX簡介　16
2.2.2　定義站點　19
2.2.3　站點的基本操作　22
2.2.4　網(wǎng)頁文件的基本操作　23
2.3　利用FrontPage 2003創(chuàng)建站點　26
2.3.1　FrontPage 2003簡介　26
2.3.2　創(chuàng)建站點　30
2.3.3　管理站點　33
習(xí)題　35
第 3 章　網(wǎng)頁文本的編輯與控制　36
3.1　利用Dreamweaver MX編輯網(wǎng)頁文本　36
3.1.1　在網(wǎng)頁中添加和處理文本　36
3.1.2　在網(wǎng)頁中添加圖像　41
3.2　HTML概述　42
3.2.1　什么是HTML　42
3.2.2　標記符及其屬性　44
3.2.3　HTML文件的基本結(jié)構(gòu)　44
3.2.4　創(chuàng)建和測試Web頁　46
3.3　利用HTML處理網(wǎng)頁文本　47
3.3.1　標題處理　47
3.3.2　段落處理　48
3.3.3　文本格式處理　50
習(xí)題　53
第 4 章　利用表格設(shè)計和制作網(wǎng)頁　55
4.1　表格網(wǎng)頁實例　55
4.2　利用Dreamweaver MX編輯網(wǎng)頁表格　56
4.2.1　創(chuàng)建表格　56
4.2.2　表格的編輯　57
4.2.3　設(shè)置表格屬性　61
4.2.4　表格的排序　62
4.2.5　表格的格式化　63
4.3　利用HTML編輯網(wǎng)頁表格　64
4.3.1　利用HTML制作示例網(wǎng)頁表格　64
4.3.2　表格的基本構(gòu)成　67
4.3.3　表格的編輯及屬性設(shè)置　68
4.4　表格的應(yīng)用技巧　70
4.4.1　利用表格制作水平線與垂直線　70
4.4.2　利用表格進行頁面布局　71
習(xí)題　75
第 5 章　網(wǎng)頁圖像處理　76
5.1　利用Dreamweaver MX處理網(wǎng)頁圖像　76
5.1.1　網(wǎng)頁中的圖像格式　76
5.1.2　選擇圖像處理軟件　78
5.1.3　在網(wǎng)頁中使用圖像時應(yīng)該注意的幾個問題　78
5.1.4　在網(wǎng)頁中插入圖像　79
5.1 5　設(shè)置網(wǎng)頁背景　85
5.1.6　在Dreamweaver MX中巧妙地處理圖像　86
5.2　利用HTML編輯圖像　89
5.2.1　插入圖像　89
5.2.2　編輯圖像屬性　90
習(xí)題　92
第 6 章　在網(wǎng)頁中使用超鏈接　93
6.1　超鏈接基礎(chǔ)　93
6.1.1　超鏈接的種類　93
6.1.2　文檔路徑類型　93
6.2　利用Dreamweaver MX創(chuàng)建超鏈接　95
6.2.1　創(chuàng)建文字超鏈接　95
6.2.2　創(chuàng)建錨點超鏈接　98
6.2.3　創(chuàng)建電子郵件鏈接　99
6.2.4　創(chuàng)建空鏈接和腳本鏈接　100
6.2.5　創(chuàng)建下載文件超鏈接　101
6.2.6　圖像地圖　101
6.3　利用Dreamweaver MX編輯超鏈接　104
6.3.1　設(shè)置鏈接顏色　104
6.3.2　設(shè)置鏈接字體　104
6.3.3　刪除超鏈接　104
6.4　創(chuàng)建導(dǎo)航條　105
6.4.1　認識導(dǎo)航條　105
6.4.2　插入導(dǎo)航條　106
6.4.3　修改導(dǎo)航條　107
6.5　管理超鏈接　108
6.5.1　設(shè)計一個清晰的超鏈接　108
6.5.2　利用站點地圖管理超鏈接　108
6.6　利用HTML創(chuàng)建超鏈接　112
6.6.1　頁面鏈接　112
6.6.2　錨點鏈接　113
6.6.3　電子郵件鏈接　113
習(xí)題　114
第 7 章　網(wǎng)頁表單的編輯　115
7.1　認識表單　115
7.1.1　表單網(wǎng)頁實例　116
7.1.2　表單對象　116
7.2　利用Dreamweaver MX編輯表單　117
7.2.1　創(chuàng)建表單　117
7.2.2　設(shè)置表單屬性　118
7.2.3　插入表單對象　118
7.2.4　驗證表單的正確性　124
7.3　利用HTML編輯表單　126
7.3.1　表單標記符　126
7.3.2　表單輸入標記符　127
7.3.3　表單控件的定義　127
習(xí)題　131
第 8 章　制作框架網(wǎng)頁　132
8.1　認識框架網(wǎng)頁　132
8.2　創(chuàng)建框架　132
8.2.1　插入預(yù)設(shè)的框架集　132
8.2.2　設(shè)計和插入框架集　133
8.3　編輯框架　134
8.3.1　選定框架和框架集　134
8.3.2　刪除框架　135
8.3.3　在框架中打開網(wǎng)頁文檔　136
8.3.4　保存框架和框架集　136
8.4　設(shè)置框架和框架集屬性　137
8.4.1　框架的屬性　137
8.4.2　框架集的屬性　138
8.4.3　設(shè)置或更改框架的屬性　139
8.5　鏈接框架的內(nèi)容　140
8.5.1　框架內(nèi)的鏈接　140
8.5.2　關(guān)鍵字的鏈接　140
習(xí)題　141
第 9 章　利用圖層技術(shù)制作網(wǎng)頁　142
9.1　認識圖層　142
9.2　圖層的基本操作　143
9.2.1　創(chuàng)建圖層　143
9.2.2　激活圖層　144
9.2.3　選中圖層　144
9.2.4　調(diào)節(jié)圖層大小　145
9.2.5　移動圖層　147
9.2.6　對齊圖層　148
9.2.7　圖層與網(wǎng)格的對齊　148
9.3　層面板的應(yīng)用　148
9.3.1　層屬性面板的應(yīng)用　148
9.3.2　層控制面板的應(yīng)用　150
9.4　圖層與表格　152
9.4.1　防止圖層重疊　152
9.4.2　把圖層轉(zhuǎn)換為表格　153
9.4.3　把表格轉(zhuǎn)換為圖層　154
9.5　圖層與時間軸　154
9.5.1　時間軸介紹　154
9.5.2　時間軸的應(yīng)用　157
9.5.3　創(chuàng)建時間軸動畫　158
習(xí)題　161
第 10 章　在網(wǎng)頁中使用CSS樣式　162
10.1　CSS樣式的分類及應(yīng)用方式　162
10.1.1　CSS樣式表概述　162
10.1.2　CSS樣式的分類　162
10.1.3　CSS樣式的應(yīng)用方式　163
10.1.4　CSS樣式的沖突　163
10.2　使用CSS樣式表面板　163
10.3　新建CSS樣式　164
10.4　設(shè)置“CSS樣式定義”對話框參數(shù)　166
10.4.1　定義CSS樣式的“類型”(Type)屬性　166
10.4.2　定義CSS樣式的“背景”(Background)屬性　167
10.4.3　定義CSS樣式的“區(qū)塊”(Block)屬性　168
10.4.4　定義CSS樣式的“盒子”(Box)屬性　169
10.4.5　定義CSS樣式的“邊框”(Border)屬性　170
10.4.6　定義CSS樣式的“列表”(List)屬性　171
10.4.7　定義CSS樣式的“定位”(Positioning)屬性　171
10.4.8　定義CSS樣式的“擴展”(Extensions)屬性　172
10.5　自定義CSS樣式　173
10.5.1　應(yīng)用自定義CSS　樣式　173
10.5.2　刪除已應(yīng)用的自定義CSS樣式　174
10.6　鏈接外部CSS樣式　174
10.7　編輯CSS樣式　175
10.8　復(fù)制CSS樣式　175
10.9　導(dǎo)出CSS樣式　176
10.10　CSS樣式轉(zhuǎn)化為HTML標簽　176
習(xí)題　177
第 11 章　在網(wǎng)頁中加入多媒體　178
11.1　網(wǎng)頁多媒體應(yīng)用實例　178
11.2　制作交互對象　178
11.2.1　插入Flash按鈕對象　179
11.2.2　插入Flash文本對象　181
11.2.3　鼠標經(jīng)過圖像　182
11.3　在網(wǎng)頁中插入媒體對象　183
11.3.1　插入Flash電影　183
11.3.2　插入Shockwave電影　184
11.3.3　插入ActiveX控件　185
11.3.4　插入Java程序(Java Applet)　186
11.4　在網(wǎng)頁中插入聲音　187
11.4.1　聲音文件　187
11.4.2　鏈接聲音文件　188
習(xí)題　189
第 12 章　利用模板和庫設(shè)計網(wǎng)頁　190
12.1　利用模板創(chuàng)建網(wǎng)頁　190
12.1.1　模板原理　190
12.1.2　創(chuàng)建模板　190
12.1.3　定義可編輯區(qū)域　192
12.1.4　使用模板　193
12.1.5　管理模板　195
12.2　利用模板更新網(wǎng)頁　196
12.2.1　修改頁面附著的模板　196
12.2.2　更新附著模板的頁面　196
12.3　利用庫項目維護網(wǎng)頁　197
12.3.1　創(chuàng)建庫項目　197
12.3.2　在文檔中插入庫項目　199
12.3.3　庫項目的管理　200
12.3.4　更新網(wǎng)頁　201
習(xí)題　202
第 13 章　美化網(wǎng)頁　203
13.1　利用Fireworks MX美化網(wǎng)頁　203
13.1.1　Fireworks MX的基本操作　203
13.1.2　利用Fireworks MX制作網(wǎng)頁按鈕　205
13.2　利用Flash MX制作網(wǎng)頁動畫　212
13.2.1　Flash動畫概述　212
13.2.2　利用Flash MX制作網(wǎng)頁動畫　216
習(xí)題　224
第 14 章　網(wǎng)頁的測試與發(fā)布　225
14.1　申請域名和主頁空間　225
14.1.1　申請域名　225
14.1.2　申請主頁空間　225
14.2　測試網(wǎng)頁　227
14.2.1　設(shè)置瀏覽器的兼容性　228
14.2.2　測試站點　229
14.3　發(fā)布網(wǎng)站　230
14.3.1　定義遠程站點　230
14.3.2　連接服務(wù)器　231
14.3.3　上傳文件　231
14.4　宣傳自己的網(wǎng)站　232
習(xí)題　234
第 15 章　實訓(xùn)　235
15.1　實訓(xùn)l　創(chuàng)建站點和網(wǎng)頁　235
15.2　實訓(xùn)2　網(wǎng)頁文本的編輯　236
15.3　實訓(xùn)3　網(wǎng)頁表格的處理　236
15.4　實訓(xùn)4　網(wǎng)頁圖像的處理　237
15.5　實訓(xùn)5　在網(wǎng)頁中使用超鏈接　237
15.6　實訓(xùn)6　使用表單　238
15.7　實訓(xùn)7　制作框架網(wǎng)頁　239
15.8　實訓(xùn)8　利用圖層技術(shù)制作網(wǎng)頁　239
15.9　實訓(xùn)9　在網(wǎng)頁中使用CSS樣式　240
15.10　實訓(xùn)10　在網(wǎng)頁中加入多媒體　240
15.11　實訓(xùn)11　利用模板和庫設(shè)計網(wǎng)頁　241
15.12　實訓(xùn)12　美化網(wǎng)頁　242
15.13　實訓(xùn)13　網(wǎng)頁的測試與發(fā)布　242
參考文獻　244