網(wǎng)頁設(shè)計(jì)與制作（第3版）

第1章 基礎(chǔ)知識(shí) 1
1.1 網(wǎng)絡(luò)基礎(chǔ)知識(shí) 1
1.1.1 Internet與Intranet 1
1.1.2 局域網(wǎng)和廣域網(wǎng) 1
1.1.3 什么是WWW 2
1.1.4 瀏覽器與Web服務(wù)器 2
1.1.5 超級(jí)文本 4
1.1.6 URL 4
1.1.7 FTP 5
1.1.8 IP地址 5
1.1.9 域名 6
1.1.10 HTML 7
1.1.11 VBScript 7
1.1.12 JavaScript 8
1.1.13 ASP 9
1.2 初識(shí)網(wǎng)頁 9
1.2.1 靜態(tài)網(wǎng)頁 9
1.2.2 動(dòng)態(tài)網(wǎng)頁 10
1.3 網(wǎng)上安家 10
1.4 Dreamweaver MX 2004簡介 11
1.5 Dreamweaver MX 2004的界面 11
1.6 小結(jié) 15
1.7 習(xí)題 15
第2章 創(chuàng)建本地虛擬站點(diǎn) 16
2.1 準(zhǔn)備工作 16
2.1.1 了解網(wǎng)站的服務(wù)群體 16
2.1.2 確定網(wǎng)站的主題 16
2.1.3 畫出結(jié)構(gòu)草圖 16
2.1.4 確定網(wǎng)站命名規(guī)則 17
2.2 創(chuàng)建虛擬網(wǎng)站 18
2.2.1 定義新站點(diǎn) 18
2.2.2 創(chuàng)建文件夾 21
2.2.3 創(chuàng)建首頁文件 21
2.2.4 在站點(diǎn)地圖中新建文件 22
2.2.5 在【本地文件】列表框中新建文件 23
2.3 其他功能 26
2.3.1 站點(diǎn)地圖布局 26
2.3.2 保存站點(diǎn)地圖 28
2.4 小結(jié) 28
2.5 習(xí)題 28
第3章 文檔、文本和鏈接 29
3.1 新建文檔 29
3.2 視圖方式 31
3.3 網(wǎng)頁的源代碼 31
3.4 添加文本 32
3.4.1 復(fù)制網(wǎng)頁中的文本 32
3.4.2 復(fù)制Word文檔中的文本 34
3.5 保存文檔 35
3.6 設(shè)置文檔 35
3.6.1 插入換行符 35
3.6.2 設(shè)置首選參數(shù) 35
3.6.3 設(shè)置頁邊距 37
3.6.4 設(shè)置文本大小 39
3.6.5 設(shè)置字體 40
3.6.6 設(shè)置文本顏色 41
3.6.7 設(shè)置段落 42
3.6.8 設(shè)置文本對(duì)齊 43
3.7 建立超級(jí)鏈接 44
3.7.1 文本超級(jí)鏈接 44
3.7.2 圖像超級(jí)鏈接 46
3.7.3 電子郵件鏈接 47
3.7.4 下載鏈接 48
3.7.5 命名錨記 48
3.8 小結(jié) 49
3.9 習(xí)題 50
第4章 Web圖像 51
4.1 圖像格式 51
4.1.1 GIF 51
4.1.2 JPEG 52
4.1.3 正確地使用GIF和JPEG 53
4.2 Dreamweaver MX 2004中的圖像技術(shù) 54
4.2.1 插入圖像 54
4.2.2 設(shè)置圖像屬性參數(shù) 55
4.2.3 調(diào)整圖像與文本的相對(duì)位置 57
4.2.4 編輯圖片 58
4.3 設(shè)置網(wǎng)頁背景 59
4.3.1 設(shè)置網(wǎng)頁背景色 59
4.3.2 設(shè)置背景圖像 60
4.4 在Dreamweaver中巧妙地處理圖像 61
4.4.1 添加文字說明 61
4.4.2 圖像映射 61
4.4.3 跟蹤圖像 62
4.5 創(chuàng)建網(wǎng)站相冊 64
4.6 小結(jié) 66
4.7 習(xí)題 66
第5章 Fireworks MX 2004中的圖像技術(shù) 67
5.1 制作漂亮的文字 67
5.2 制作個(gè)性化的網(wǎng)站標(biāo)志 72
5.3 制作網(wǎng)頁背景圖像 75
5.4 對(duì)圖像進(jìn)行美化 77
5.5 制作HTML網(wǎng)頁 79
5.6 與Dreamweaver MX 2004的配合使用 85
5.7 小結(jié) 87
5.8 習(xí)題 87
第6章 表格 88
6.1 表格的組成 89
6.2 建立表格 89
6.3 表格屬性 90
6.4 在表格內(nèi)添加元素 91
6.5 選擇表格 91
6.5.1 選擇整個(gè)表格 91
6.5.2 選擇表格的行與列 92
6.5.3 選擇一個(gè)單元格 92
6.5.4 選擇不相鄰的單元格、行或列 92
6.6 合并單元格 92
6.7 拆分單元格 93
6.8 設(shè)置行、列或單元格的屬性 93
6.9 導(dǎo)入、導(dǎo)出表格數(shù)據(jù) 93
6.10 表格排序 95
6.11 一個(gè)完整的頁面制作過程 96
6.11.1 頁眉的制作 96
6.11.2 左側(cè)導(dǎo)航區(qū)的制作 100
6.11.3 中間區(qū)域的制作 102
6.11.4 右側(cè)新聞?wù)獏^(qū)的制作 104
6.12 小結(jié) 106
6.13 習(xí)題 106
第7章 表單 107
7.1 創(chuàng)建反饋表單頁 108
7.2 測試表單頁 112
7.3 表單及表單域的各項(xiàng)屬性 114
7.3.1 文本域 115
7.3.2 單選按鈕 116
7.3.3 列表/菜單域 116
7.3.4 復(fù)選框 117
7.3.5 文件域 118
7.3.6 隱藏域 118
7.3.7 按鈕 118
7.3.8 圖片域 119
7.4 小結(jié) 119
7.5 習(xí)題 119
第8章 框架 120
8.1 建立框架 120
8.1.1 建立框架 121
8.1.2 插入框架 121
8.1.3 添加內(nèi)容 121
8.1.4 保存框架 124
8.2 選取框架 125
8.2.1 選擇一個(gè)框架 125
8.2.2 選擇框架組 126
8.3 框架和框架組的屬性 126
8.3.1 框架屬性 126
8.3.2 框架組屬性 127
8.4 編輯框架 127
8.4.1 設(shè)置框架和框架組的滾動(dòng)條 127
8.4.2 改變框架的大小 128
8.4.3 框架的頁面屬性 130
8.5 框架中鏈接的目標(biāo)顯示窗口 130
8.6 小結(jié) 131
8.7 習(xí)題 131
第9章 CSS樣式 132
9.1 什么是CSS樣式 132
9.2 【CSS樣式】面板 132
9.3 CSS的屬性 133
9.3.1 類型 134
9.3.2 背景 135
9.3.3 區(qū)塊 135
9.3.4 方框 136
9.3.5 邊框 137
9.3.6 列表 138
9.3.7 定位 138
9.3.8 CSS的書寫方法 139
9.4 使用Dreamweaver MX 2004中的CSS樣式編輯器 139
9.4.1 類 139
9.4.2 標(biāo)簽 141
9.4.3 高級(jí) 142
9.4.4 附加樣式表 144
9.5 小結(jié) 146
9.6 習(xí)題 147
第10章 插入其他對(duì)象 148
10.1 插入文件頭標(biāo)簽 148
10.1.1 插入META 148
10.1.2 插入關(guān)鍵字 149
10.1.3 插入描述 149
10.1.4 插入刷新 150
10.1.5 插入基礎(chǔ) 151
10.1.6 插入鏈接 151
10.2 插入字符 152
10.3 插入多媒體 152
10.3.1 插入Flash動(dòng)畫 153
10.3.2 插入圖像查看器 154
10.3.3 插入ActiveX控件 156
10.4 小結(jié) 161
10.5 習(xí)題 161
第11章 層、Div標(biāo)簽、時(shí)間軸 162
11.1 層 162
11.1.1 創(chuàng)建層 162
11.1.2 選定層 163
11.1.3 層屬性 163
11.1.4 【層】面板 164
11.1.5 改變層的可見性 164
11.1.6 改變層的z軸順序 165
11.1.7 嵌套層 166
11.1.8 綜合實(shí)例——拼圖游戲 167
11.2 Div標(biāo)簽 170
11.2.1 層與Div標(biāo)簽的異同點(diǎn) 170
11.2.2 綜合實(shí)例——網(wǎng)頁布局 171
11.3 時(shí)間軸動(dòng)畫 179
11.3.1 【時(shí)間軸】面板 179
11.3.2 創(chuàng)建時(shí)間軸動(dòng)畫 180
11.3.3 錄制層路徑 182
11.3.4 控制動(dòng)畫播放 183
11.3.5 修改關(guān)鍵幀 184
11.3.6 添加、刪除幀 184
11.3.7 用時(shí)間軸改變圖像與層的屬性 184
11.4 小結(jié) 186
11.5 習(xí)題 186
第12章 Flash MX 2004基本操作 187
12.1 Flash動(dòng)畫的特點(diǎn) 187
12.2 Flash MX 2004的操作界面 188
12.3 創(chuàng)建圖形 192
12.3.1 【鉛筆】工具 192
12.3.2 【線條】工具 193
12.3.3 【橢圓】工具和【矩形】工具 193
12.3.4 【刷子】工具 194
12.3.5 【文本】工具 195
12.4 編輯圖形 196
12.4.1 【墨水瓶】工具 196
12.4.2 【顏料桶】工具 196
12.4.3 【填充變形】工具 196
12.4.4 【滴管】工具 197
12.4.5 【橡皮擦】工具 197
12.4.6 【選擇】工具 198
12.4.7 【鋼筆】工具 198
12.4.8 【部分選取】工具 199
12.5 素材和元件 199
12.5.1 視頻的導(dǎo)入 199
12.5.2 音頻的導(dǎo)入 202
12.5.3 元件 203
12.6 創(chuàng)建基本動(dòng)畫 203
12.6.1 運(yùn)動(dòng)動(dòng)畫和變色動(dòng)畫 203
12.6.2 變形動(dòng)畫 206
12.6.3 逐幀動(dòng)畫 207
12.7 創(chuàng)建多層動(dòng)畫 207
12.7.1 制作運(yùn)動(dòng)引導(dǎo)動(dòng)畫 207
12.7.2 制作遮罩動(dòng)畫 208
12.8 作品的測試和發(fā)布 209
12.8.1 作品的測試 209
12.8.2 作品的優(yōu)化 210
12.8.3 作品的導(dǎo)出和發(fā)布 210
12.9 小結(jié) 212
12.10 習(xí)題 212
第13章 模板和庫 213
13.1 【資源】面板 213
13.2 庫 214
13.2.1 什么是庫 214
13.2.2 創(chuàng)建庫 214
13.3 模板 214
13.3.1 創(chuàng)建模板 215
13.3.2 可編輯區(qū)域 215
13.3.3 重復(fù)區(qū)域 216
13.3.4 重復(fù)表格 217
13.3.5 可選區(qū)域 217
13.3.6 嵌套模板 219
13.4 綜合實(shí)例 219
13.5 小結(jié) 227
13.6 習(xí)題 227
第14章 代碼和行為的相關(guān)功能 229
14.1 查看源代碼 229
14.2 管理標(biāo)簽庫 230
14.3 Dreamweaver MX 2004中的編碼 230
14.3.1 使用代碼提示加入背景音樂 230
14.3.2 使用代碼片斷快速創(chuàng)建網(wǎng)頁 232
14.3.3 使用標(biāo)簽選擇器插入浮動(dòng)框架 234
14.3.4 使用標(biāo)簽編輯器編輯標(biāo)簽 236
14.3.5 使用標(biāo)簽檢查器編輯標(biāo)簽 236
14.3.6 使用快速標(biāo)簽編輯器插入“marquee”標(biāo)簽 236
14.4 【行為】面板 238
14.5 事件 239
14.6 動(dòng)作 240
14.6.1 播放聲音 240
14.6.2 打開瀏覽器窗口 240
14.6.3 彈出信息 242
14.6.4 調(diào)用JavaScript 243
14.6.5 改變屬性 243
14.6.6 交換圖像 245
14.6.7 檢查瀏覽器 246
14.6.8 檢查表單 247
14.6.9 控制Shockwave或Flash 249
14.6.10 轉(zhuǎn)到URL 250
14.6.11 設(shè)置導(dǎo)航欄圖像 251
14.6.12 跳轉(zhuǎn)菜單 253
14.6.13 彈出式菜單 253
14.7 小結(jié) 255
14.8 習(xí)題 255
第15章 網(wǎng)頁的發(fā)布與維護(hù) 256
15.1 設(shè)置FTP上傳 256
15.2 發(fā)布網(wǎng)頁 258
15.3 報(bào)告 259
15.4 檢查站點(diǎn)范圍的鏈接 261
15.5 改變站點(diǎn)范圍的鏈接 261
15.6 查找和替換 262
15.7 清理文檔 263
15.8 同步 264
15.9 小結(jié) 265
15.10 習(xí)題 265