Web網(wǎng)頁設(shè)計(jì)教程

第1章網(wǎng)頁制作基礎(chǔ)概述 1
1.1什么是網(wǎng)頁 1
1.1.1Web概述 1
1.1.2網(wǎng)頁的本質(zhì)——HTML 1
1.2網(wǎng)頁包括的主要元素 2
1.3網(wǎng)頁制作工具簡介 4
1.3.1網(wǎng)頁編輯工具 4
1.3.2網(wǎng)頁圖像與動(dòng)畫制作工具 5
1.4網(wǎng)站開發(fā) 5
1.4.1網(wǎng)站規(guī)劃 6
1.4.2網(wǎng)站設(shè)計(jì) 7
1.4.3測(cè)試與發(fā)布 8
1.4.4網(wǎng)站維護(hù) 8
1.5習(xí)題 8
第2章DreamweaverMX概述 9
2.1DreamweaverMX新增功能 9
2.2DreamweaverMX的操作界面 11
2.2.1DreamweaverMX文檔窗口 11
2.2.2DreamweaverMX浮動(dòng)面板 14
2.2.3DreamweaverMX參數(shù)設(shè)置 16
2.3創(chuàng)建站點(diǎn) 18
2.3.1設(shè)置站點(diǎn)存儲(chǔ)位置 18
2.3.2建立Dreamweaver站點(diǎn) 18
2.3.3建立站點(diǎn)文件夾 20
2.3.4建立網(wǎng)頁新文件 21
2.4頁面文檔基本操作 22
2.4.1創(chuàng)建空白文檔 22
2.4.2打開舊文檔 22
2.4.3使用模板創(chuàng)建文檔 23
2.4.4保存文檔 24
2.5習(xí)題 24
第3章文本 25
3.1設(shè)置字體.樣式.顏色和對(duì)齊方式 25
3.1.1設(shè)置字符格式 25
3.1.2使用段落和標(biāo)題 29
3.1.3改變字體及其顏色 31
3.1.4對(duì)齊文本 34
3.2創(chuàng)建項(xiàng)目列表 34
3.2.1無序項(xiàng)目列表和有序項(xiàng)目列表 34
3.2.2創(chuàng)建新項(xiàng)目列表 35
3.2.3創(chuàng)建嵌套項(xiàng)目列表 36
3.2.4設(shè)置項(xiàng)目列表屬性 36
3.2.5用圖像作項(xiàng)目列表 37
3.3加入特殊對(duì)象 37
3.3.1插入更新日期 37
3.3.2插入特殊的文本字符 38
3.3.3插入水平線 39
3.3.4插入分隔線 40
3.3.5復(fù)制和粘貼HTML源代碼 41
3.4小結(jié) 41
3.5習(xí)題 41
第4章圖像 42
4.1圖像的格式 42
4.1.1GIF格式的圖像 42
4.1.2JPEG格式的圖像 43
4.1.3PNG格式的圖像 43
4.2插入圖像 44
4.3修改圖片的屬性 45
4.4圖片的對(duì)齊 46
4.5給網(wǎng)頁加上背景圖像 47
4.6創(chuàng)建圖像映射 48
4.7小結(jié) 49
4.8習(xí)題 50
第5章創(chuàng)建超鏈接 51
5.1鏈接的分類 51
5.1.1按目標(biāo)端點(diǎn)的分類 51
5.1.2按文檔路徑分類 51
5.2創(chuàng)建超級(jí)鏈接 52
5.2.1創(chuàng)建鏈接的一般方法 52
5.2.2創(chuàng)建超級(jí)鏈接的快速方法 55
5.2.3創(chuàng)建到文檔的錨鏈接 56
5.2.4創(chuàng)建E-mail鏈接與空鏈接 57
5.3創(chuàng)建導(dǎo)航條和狀態(tài)欄 59
5.4小結(jié) 61
5.5習(xí)題 61
第6章表格 62
6.1表格概述 62
6.2創(chuàng)建表格 62
6.2.1在網(wǎng)頁中插入表格 62
6.2.2創(chuàng)建嵌套表格 63
6.3編輯表格 63
6.3.1設(shè)置表格參數(shù) 64
6.3.2修改行.列及單元格的屬性 65
6.3.3表格的邊框 66
6.3.4增加.刪除行或列 67
6.3.5單元格的拆分與合并 67
6.3.6套用格式 68
6.3.7表格排序 70
6.4小結(jié) 71
6.5習(xí)題 71
第7章層的應(yīng)用 72
7.1創(chuàng)建層 72
7.1.1創(chuàng)建新的層 72
7.1.2使用層面板 74
7.1.3創(chuàng)建嵌套層 74
7.2層的操作 75
7.2.1選定層 75
7.2.2調(diào)整層的大小 76
7.2.3層的移動(dòng)與對(duì)齊 76
7.2.4改變層的可見性 77
7.3層與表格 77
7.3.1將表格轉(zhuǎn)換為層 78
7.3.2將層轉(zhuǎn)換為表格 78
7.4層的高級(jí)應(yīng)用 80
7.4.1下拉菜單的制作 80
7.4.2層的定位技巧 80
7.5小結(jié) 81
7.6習(xí)題 81
第8章表單 82
8.1使用表單 82
8.2創(chuàng)建表單 82
8.2.1創(chuàng)建文本域 83
8.2.2創(chuàng)建復(fù)選框 84
8.2.3創(chuàng)建單選框 84
8.2.4創(chuàng)建列表框 85
8.2.5創(chuàng)建跳轉(zhuǎn)菜單 85
8.2.6創(chuàng)建文件域 86
8.2.7創(chuàng)建圖像域 87
8.2.8創(chuàng)建隱藏域 87
8.3表單的實(shí)例 88
8.4小結(jié) 90
8.5習(xí)題 91
第9章應(yīng)用時(shí)間線 92
9.1創(chuàng)建時(shí)間線 92
9.2創(chuàng)建時(shí)間軸動(dòng)畫 93
9.3通過拖動(dòng)路徑創(chuàng)建時(shí)間軸動(dòng)畫 94
9.4修改時(shí)間軸及其對(duì)象的屬性 94
9.5小結(jié) 96
9.6習(xí)題 96
第10章CSS樣式 97
10.1CSS概述 97
10.2CSS樣式的基本操作 97
10.2.1顯示CSS樣式面板 98
10.2.2創(chuàng)建新的CSS樣式 98
10.2.3使用外部的CSS樣式 99
10.3CSS樣式?jīng)_突 100
10.4CSS樣式應(yīng)用示例 100
10.5小結(jié) 100
10.6習(xí)題 101
第11章行為 102
11.1行為的概述 102
11.1.1認(rèn)識(shí)行為面板 102
11.1.2顯示事件 103
11.1.3為時(shí)間線附加行為 103
11.2DreamweaverMX的內(nèi)置行為 104
11.2.1調(diào)用JavaScript 104
11.2.2更改網(wǎng)頁元素的屬性 105
11.2.3檢查瀏覽器 106
11.2.4檢查插件 107
11.2.5打開瀏覽器窗口 108
11.2.6播放聲音 109
11.2.7彈出信息 110
11.2.8彈出信息的常見應(yīng)用 110
11.2.9控制狀態(tài)欄 111
11.3小結(jié) 112
11.4習(xí)題 112
第12章框架 113
12.1使用框架 113
12.1.1創(chuàng)建框架 113
12.1.2選擇框架集或框架 116
12.1.3保存框架和框架集文件 117
12.2設(shè)置框架屬性 120
12.2.1設(shè)置框架屬性 120
12.2.2設(shè)置框架集屬性 121
12.3在框架中使用鏈接 122
12.4框架應(yīng)用示例 123
12.5小結(jié) 126
12.6習(xí)題 126
第13章使用模板和庫 127
13.1生成模板和模板的頁面屬性設(shè)置 127
13.1.1生成一個(gè)模板 127
13.1.2設(shè)置模板的頁面屬性 128
13.1.3定義模板的可編輯區(qū) 128
13.2管理模板 129
13.2.1模板的參數(shù)設(shè)置 129
13.2.2尋找可編輯區(qū) 130
13.2.3可編輯標(biāo)記屬性 130
13.3定制庫項(xiàng)目 131
13.3.1認(rèn)識(shí)庫項(xiàng)目 131
13.3.2創(chuàng)建庫項(xiàng)目 132
13.3.3應(yīng)用庫元素 132
13.3.4修改庫元素 132
13.3.5添加庫項(xiàng)目到頁面 132
13.4小結(jié) 133
13.5習(xí)題 133
第14章測(cè)試并上傳網(wǎng)站 134
14.1網(wǎng)站上傳 134
14.1.1上傳的準(zhǔn)備工作 134
14.1.2上傳步驟 134
14.2專業(yè)上傳軟件CuteFTP的使用 135
14.3CuteFTP最新實(shí)用技巧 137
14.3.1CuteFTP最新實(shí)用技巧 137
14.3.2直接在遠(yuǎn)程服務(wù)器上編輯網(wǎng)頁 138
14.3.3使用CuteFTP加快速度的幾種技巧 138
14.3.4只下載或上傳最新文件的技巧 138
14.3.5導(dǎo)入站點(diǎn)數(shù)據(jù)到新版CuteFTP中 138
14.3.6用CuteFTP給文件自動(dòng)更名 139
14.3.7定制CuteFTP工具欄的技巧 139
14.3.8顯示遠(yuǎn)程服務(wù)器上隱藏文件的技巧 140
14.4小結(jié) 140
14.5習(xí)題 140
第15章Flash基礎(chǔ) 141
15.1FlashMX簡介 141
15.1.1FlashMX與Flash5.0異同點(diǎn) 142
15.1.2FlashMX的新功能 142
15.2Flash工作環(huán)境 143
15.2.1FlashMX工作環(huán)境 143
15.2.2時(shí)間軸窗口 144
15.2.3圖層 145
15.3繪圖工具的使用 146
15.3.1繪圖工具介紹 146
15.3.2繪圖工具的使用之鉛筆工具 148
15.3.3繪圖工具的使用之橢圓工具和矩形工具 148
15.3.4繪圖工具的使用之定制顏色 149
15.3.5繪圖工具的使用之墨水瓶工具和滴管工具 150
15.3.6繪圖工具的使用之顏料桶工具 150
15.4對(duì)象的處理 151
15.4.1移動(dòng).復(fù)制和刪除對(duì)象 151
15.4.2對(duì)齊對(duì)象 152
15.4.3集合和打散對(duì)象 152
15.4.4鏡像對(duì)象 152
15.4.5修改對(duì)象 152
15.5圖符與實(shí)例 153
15.6聲音 154
15.6.1導(dǎo)入聲音 154
15.6.2為按鈕添加聲音 155
15.7小結(jié) 155
15.8習(xí)題 155
第16章FlashMX動(dòng)畫入門 156
16.1運(yùn)動(dòng)的小球的制作 156
16.2沿路徑運(yùn)動(dòng)的小球 158
16.3形體漸變之延伸的直線 159
16.4按鈕的制作 160
16.5遮罩 161
16.6制作星星電影剪輯 162
16.7小結(jié) 163
16.8習(xí)題 163
第17章FlashMX之Action入門 164
17.1FlashMXActionScript基本術(shù)語解釋 164
17.2FlashMXActionScript語法基礎(chǔ) 166
17.3FlashMXActionScript中的數(shù)據(jù)類型 169
17.4FlashMXActionScript中的變量 171
17.5FlashMXActionScrip中的運(yùn)算符 174
17.6FlashMXActionScript使用動(dòng)作實(shí)現(xiàn)對(duì)象控制 178
17.7FlashMXActionScript通過路徑指定目標(biāo)對(duì)象 179
17.8FlashMXActionScript控制腳本流程 179
17.9FlashMXActionScript調(diào)用和創(chuàng)建函數(shù) 181
17.10小結(jié) 183
17.11習(xí)題 183
第18章FlashMX模板實(shí)例制作 184
18.1幻燈片模板課件 184
18.1.1演示文稿模板課件 185
18.1.2測(cè)驗(yàn)題模板課件 190
18.2小結(jié) 196
18.3習(xí)題 197
第19章FireworksMX入門 198
19.1安裝系統(tǒng)要求 198
19.2FireworksMX的新增功能 198
19.3圖形設(shè)計(jì)基礎(chǔ)教程 201
19.3.1創(chuàng)建和保存新文檔 201
19.3.2創(chuàng)建和編輯矢量對(duì)象 202
19.3.3使用層和對(duì)象 204
19.3.4創(chuàng)建和編輯蒙版 206
19.4創(chuàng)建和編輯文本 207
19.4.1設(shè)置文本屬性 208
19.4.2添加投影 210
19.5導(dǎo)出文檔 210
19.5.1優(yōu)化圖形 210
19.5.2導(dǎo)出圖形 211
19.5.3查看導(dǎo)出的文檔 211
19.6小結(jié) 212
19.7習(xí)題 212
第20章FireworksMX應(yīng)用 213
20.1層.蒙版和混合 213
20.1.1使用層 213
20.1.2用蒙版掩蓋圖像 217
20.1.3關(guān)于位圖蒙版 218
20.2使用樣式.元件和URL 220
20.2.1使用樣式 221
20.2.2創(chuàng)建和刪除樣式 222
20.2.3編輯樣式 222
20.2.4導(dǎo)出和導(dǎo)入樣式 223
20.2.5使用元件 224
20.2.6導(dǎo)入和導(dǎo)出元件 226
20.3切片.變換圖像和熱點(diǎn) 228
20.3.1創(chuàng)建和編輯切片 228
20.3.2編輯切片 230
20.3.3使切片交互 231
20.4創(chuàng)建按鈕和彈出菜單 233
20.4.1創(chuàng)建按鈕元件 234
20.4.2將Fireworks變換圖像轉(zhuǎn)換為按鈕 236
20.4.3將按鈕插入到文檔中 236
20.4.4導(dǎo)入按鈕元件 237
20.4.5編輯按鈕元件 237
20.4.6創(chuàng)建彈出菜單 241
20.4.7創(chuàng)建彈出菜單的子菜單 243
20.4.8創(chuàng)建彈出子菜單的菜單 243
20.5創(chuàng)建動(dòng)畫 243
20.5.1制作動(dòng)畫 244
20.5.2使用動(dòng)畫元件 244
20.5.3創(chuàng)建動(dòng)畫元件 245
20.5.4編輯動(dòng)畫元件 245
20.6使用幀 247
20.6.1設(shè)置幀延時(shí) 248
20.6.2顯示和隱藏要播放的幀 248
20.6.3命名動(dòng)畫幀 249
20.6.4添加.移動(dòng).復(fù)制和刪除幀 249
20.7補(bǔ)間 251
20.8預(yù)覽動(dòng)畫 252
20.9小結(jié) 254
20.10習(xí)題 255