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

第 1 章　網(wǎng)頁設計基礎　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)頁設計與制作　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)頁藝術設計　11
1.5.1　網(wǎng)頁版式設計　11
1.5.2　網(wǎng)頁色彩設計　12
習題　14
第 2 章　創(chuàng)建和管理站點　15
2.1　規(guī)劃站點結構　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
習題　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文件的基本結構　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
習題　53
第 4 章　利用表格設計和制作網(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　設置表格屬性　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　表格的基本構成　67
4.3.3　表格的編輯及屬性設置　68
4.4　表格的應用技巧　70
4.4.1　利用表格制作水平線與垂直線　70
4.4.2　利用表格進行頁面布局　71
習題　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)頁中使用圖像時應該注意的幾個問題　78
5.1.4　在網(wǎng)頁中插入圖像　79
5.1 5　設置網(wǎng)頁背景　85
5.1.6　在Dreamweaver MX中巧妙地處理圖像　86
5.2　利用HTML編輯圖像　89
5.2.1　插入圖像　89
5.2.2　編輯圖像屬性　90
習題　92
第 6 章　在網(wǎng)頁中使用超鏈接　93
6.1　超鏈接基礎　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　設置鏈接顏色　104
6.3.2　設置鏈接字體　104
6.3.3　刪除超鏈接　104
6.4　創(chuàng)建導航條　105
6.4.1　認識導航條　105
6.4.2　插入導航條　106
6.4.3　修改導航條　107
6.5　管理超鏈接　108
6.5.1　設計一個清晰的超鏈接　108
6.5.2　利用站點地圖管理超鏈接　108
6.6　利用HTML創(chuàng)建超鏈接　112
6.6.1　頁面鏈接　112
6.6.2　錨點鏈接　113
6.6.3　電子郵件鏈接　113
習題　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　設置表單屬性　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
習題　131
第 8 章　制作框架網(wǎng)頁　132
8.1　認識框架網(wǎng)頁　132
8.2　創(chuàng)建框架　132
8.2.1　插入預設的框架集　132
8.2.2　設計和插入框架集　133
8.3　編輯框架　134
8.3.1　選定框架和框架集　134
8.3.2　刪除框架　135
8.3.3　在框架中打開網(wǎng)頁文檔　136
8.3.4　保存框架和框架集　136
8.4　設置框架和框架集屬性　137
8.4.1　框架的屬性　137
8.4.2　框架集的屬性　138
8.4.3　設置或更改框架的屬性　139
8.5　鏈接框架的內(nèi)容　140
8.5.1　框架內(nèi)的鏈接　140
8.5.2　關鍵字的鏈接　140
習題　141
第 9 章　利用圖層技術制作網(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　層面板的應用　148
9.3.1　層屬性面板的應用　148
9.3.2　層控制面板的應用　150
9.4　圖層與表格　152
9.4.1　防止圖層重疊　152
9.4.2　把圖層轉換為表格　153
9.4.3　把表格轉換為圖層　154
9.5　圖層與時間軸　154
9.5.1　時間軸介紹　154
9.5.2　時間軸的應用　157
9.5.3　創(chuàng)建時間軸動畫　158
習題　161
第 10 章　在網(wǎng)頁中使用CSS樣式　162
10.1　CSS樣式的分類及應用方式　162
10.1.1　CSS樣式表概述　162
10.1.2　CSS樣式的分類　162
10.1.3　CSS樣式的應用方式　163
10.1.4　CSS樣式的沖突　163
10.2　使用CSS樣式表面板　163
10.3　新建CSS樣式　164
10.4　設置“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　應用自定義CSS　樣式　173
10.5.2　刪除已應用的自定義CSS樣式　174
10.6　鏈接外部CSS樣式　174
10.7　編輯CSS樣式　175
10.8　復制CSS樣式　175
10.9　導出CSS樣式　176
10.10　CSS樣式轉化為HTML標簽　176
習題　177
第 11 章　在網(wǎng)頁中加入多媒體　178
11.1　網(wǎ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
習題　189
第 12 章　利用模板和庫設計網(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
習題　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
習題　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　設置瀏覽器的兼容性　228
14.2.2　測試站點　229
14.3　發(fā)布網(wǎng)站　230
14.3.1　定義遠程站點　230
14.3.2　連接服務器　231
14.3.3　上傳文件　231
14.4　宣傳自己的網(wǎng)站　232
習題　234
第 15 章　實訓　235
15.1　實訓l　創(chuàng)建站點和網(wǎng)頁　235
15.2　實訓2　網(wǎng)頁文本的編輯　236
15.3　實訓3　網(wǎng)頁表格的處理　236
15.4　實訓4　網(wǎng)頁圖像的處理　237
15.5　實訓5　在網(wǎng)頁中使用超鏈接　237
15.6　實訓6　使用表單　238
15.7　實訓7　制作框架網(wǎng)頁　239
15.8　實訓8　利用圖層技術制作網(wǎng)頁　239
15.9　實訓9　在網(wǎng)頁中使用CSS樣式　240
15.10　實訓10　在網(wǎng)頁中加入多媒體　240
15.11　實訓11　利用模板和庫設計網(wǎng)頁　241
15.12　實訓12　美化網(wǎng)頁　242
15.13　實訓13　網(wǎng)頁的測試與發(fā)布　242
參考文獻　244