學(xué)用一冊通：Dreamweaver CS6精彩網(wǎng)頁制作與網(wǎng)站建設(shè)

第1篇 跨入網(wǎng)頁制作大門
網(wǎng)頁制作與網(wǎng)站建設(shè)基礎(chǔ) 2
1.1 網(wǎng)頁的基本概念 3
1.1.1 什么是網(wǎng)頁 3
1.1.2 什么是網(wǎng)站 4
1.1.3 什么是靜態(tài)網(wǎng)頁 4
1.1.4 什么是動態(tài)網(wǎng)頁 5
1.2 網(wǎng)頁的基本構(gòu)成元素 6
1.3 網(wǎng)頁制作常用軟件和技術(shù) 9
1.3.1 網(wǎng)頁編輯排版軟件Dreamweaver CS6 9
1.3.2 網(wǎng)頁圖像制作軟件Photoshop CS6和Fireworks CS6 9
1.3.3 網(wǎng)頁動畫制作軟件Flash CS6 10
1.3.4 網(wǎng)頁標(biāo)記語言HTML 11
1.3.5 網(wǎng)頁腳本語言JavaScript 11
1.3.6 動態(tài)網(wǎng)頁編程語言ASP 11
1.4 網(wǎng)站建設(shè)的基本流程 12
1.4.1 網(wǎng)站的需求分析 12
1.4.2 規(guī)劃站點(diǎn)結(jié)構(gòu) 12
1.4.3 收集資源 13
1.4.4 設(shè)計(jì)網(wǎng)頁圖像 14
1.4.5 制作網(wǎng)頁 14
1.4.6 開發(fā)動態(tài)網(wǎng)站模塊 15
1.4.7 申請域名和服務(wù)器空間 15
1.4.8 網(wǎng)站的測試與發(fā)布 16
1.4.9 網(wǎng)站的維護(hù)與推廣 16
1.5 本章小結(jié) 17
頁面創(chuàng)意與色彩搭配 18
2.1 頁面設(shè)計(jì)創(chuàng)意思維 19
2.1.1 什么是創(chuàng)意 19
2.1.2 創(chuàng)意的原則 20
2.1.3 創(chuàng)意過程 22
2.2 色彩理論 22
2.2.1 色彩與視覺原理 22
2.2.2 色彩三要素 23
2.2.3 三原色 23
2.3 網(wǎng)頁色彩技術(shù) 23
2.3.1 網(wǎng)頁安全色 23
2.3.2 HTML語言中的顏色值表示 24
2.4 色彩對比 24
2.4.1 色相對比 25
2.4.2 明度對比 25
2.4.3 純度對比 26
2.4.4 冷暖對比 27
2.4.5 面積對比 28
2.5 網(wǎng)頁色彩搭配 29
2.5.1 紅色系的配色 29
2.5.2 橙色系的配色 30
2.5.3 黃色系的配色 31
2.5.4 紫色系的配色 32
2.5.5 綠色系的配色 33
2.5.6 藍(lán)色系的配色 34
2.5.7 黑色系的配色 35
2.5.8 灰色系的配色 36
2.6 本章小結(jié) 36

第2篇 使用網(wǎng)頁元素美化網(wǎng)頁
在Dreamweaver中 使用文本 38
3.1 Dreamweaver CS6操作環(huán)境 39
3.1.1 菜單欄 39
3.1.2 屬性面板 40
3.1.3 插入欄 41
3.1.4 浮動面板 41
3.2 創(chuàng)建站點(diǎn) 41
3.2.1 上機(jī)練習(xí)——使用向?qū)Т罱ㄕ军c(diǎn) 42
3.2.2 上機(jī)練習(xí)——站點(diǎn)高級設(shè)置 43
3.3 輸入文本 47
3.3.1 在網(wǎng)頁中插入文本 47
3.3.2 上機(jī)練習(xí)——改變字體 48
3.3.3 上機(jī)練習(xí)——設(shè)置文字大小 49
3.4 插入其他文本元素 50
3.4.1 上機(jī)練習(xí)——插入特殊字符 50
3.4.2 上機(jī)練習(xí)——插入水平線 52
3.4.3 插入時(shí)間 54
3.4.4 插入注釋 56
3.5 列表的設(shè)置 57
3.5.1 上機(jī)練習(xí)——使用項(xiàng)目列表 57
3.5.2 上機(jī)練習(xí)——使用編號列表 57
3.6 綜合應(yīng)用——創(chuàng)建文本網(wǎng)頁實(shí)例 59
3.7 專家秘籍 61
3.8 本章小結(jié) 62
利用圖像美化網(wǎng)頁 63
4.1 網(wǎng)頁中常用的圖像格式 64
4.1.1 GIF格式 64
4.1.2 JPG格式 65
4.1.3 PNG格式 65
4.2 在網(wǎng)頁中插入圖像 65
4.2.1 上機(jī)練習(xí)——插入圖像 66
4.2.2 設(shè)置圖像屬性 67
4.3 在網(wǎng)頁中簡單編輯圖像 69
4.3.1 打開Adobe Photoshop編輯圖像 70
4.3.2 上機(jī)練習(xí)——優(yōu)化圖像 70
4.3.3 上機(jī)練習(xí)——裁剪圖像 71
4.3.4 上機(jī)練習(xí)——調(diào)整圖像亮度和對比度 72
4.3.5 上機(jī)練習(xí)——銳化圖像 74
4.4 插入其他圖像元素 75
4.4.1 上機(jī)練習(xí)——插入圖像占位符 76
4.4.2 上機(jī)練習(xí)——插入鼠標(biāo)經(jīng)過圖像 77
4.5 綜合應(yīng)用 80
4.5.1 綜合應(yīng)用1——創(chuàng)建圖文混排網(wǎng)頁 80
4.5.2 綜合應(yīng)用2——創(chuàng)建翻轉(zhuǎn)圖像導(dǎo)航 82
4.6 專家秘籍 84
4.7 本章小結(jié) 85
創(chuàng)建網(wǎng)頁超鏈接 86
5.1 超鏈接基礎(chǔ)知識 87
5.1.1 超鏈接的基本概念 87
5.1.2 兩種常見的鏈接路徑 88
5.2 創(chuàng)建超鏈接 88
5.2.1 上機(jī)練習(xí)——創(chuàng)建電子郵件鏈接 89
5.2.2 上機(jī)練習(xí)——創(chuàng)建錨點(diǎn)鏈接 90
5.2.3 上機(jī)練習(xí)——創(chuàng)建腳本鏈接 95
5.2.4 上機(jī)練習(xí)——創(chuàng)建下載文件鏈接 97
5.2.5 上機(jī)練習(xí)——創(chuàng)建圖像熱點(diǎn)鏈接 98
5.3 管理鏈接 100
5.3.1 檢查站點(diǎn)鏈接 100
5.3.2 更改站點(diǎn)鏈接 101
5.4 綜合應(yīng)用——創(chuàng)建錨點(diǎn)鏈接網(wǎng)頁 102
5.5 專家秘籍 105
5.6 本章小結(jié) 106
創(chuàng)建豐富多彩的多媒體頁面 107
6.1 插入Flash動畫 108
6.2 插入Shockwave動畫 111
6.3 插入聲音 112
6.3.1 音頻文件格式 112
6.3.2 上機(jī)練習(xí)——添加背景音樂 112
6.4 插入視頻 115
6.4.1 視頻文件的格式 115
6.4.2 上機(jī)練習(xí)——在網(wǎng)頁中插入視頻文件 115
6.5 插入其他多媒體 117
6.5.1 上機(jī)練習(xí)——插入Java小程序 118
6.5.2 插入ActiveX控件 121
6.5.3 插入?yún)?shù) 121
6.5.4 上機(jī)練習(xí)——插入滾動字幕 122
6.6 綜合應(yīng)用 124
6.6.1 實(shí)例1——插入Flash動畫 124
6.6.2 實(shí)例2——制作水中倒影特效 125
6.7 專家秘籍 127
6.8 本章小結(jié) 128

第3篇 搭建與布局網(wǎng)頁架構(gòu)
利用表格排列網(wǎng)頁數(shù)據(jù) 130
7.1 插入表格 131
7.1.1 上機(jī)練習(xí)——插入表格 131
7.1.2 添加內(nèi)容到單元格 133
7.2 編輯表格 134
7.2.1 選擇表格及其元素 134
7.2.2 調(diào)整表格和單元格的大小 138
7.2.3 添加、刪除行或列 140
7.2.4 拆分單元格 142
7.2.5 合并單元格 143
7.2.6 剪切、復(fù)制和粘貼表格 143
7.3 設(shè)置表格屬性 144
7.3.1 設(shè)置整個表格的屬性 144
7.3.2 設(shè)置行、列和單元格屬性 145
7.4 排序以及整理表格和單元格內(nèi)容 146
7.4.1 上機(jī)練習(xí)——導(dǎo)入表格數(shù)據(jù) 146
7.4.2 上機(jī)練習(xí)——排序表格 148
7.5 綜合應(yīng)用 150
7.5.1 實(shí)例1——制作細(xì)線表格 150
7.5.2 實(shí)例2——制作圓角表格 153
7.6 專家秘籍 156
7.7 本章小結(jié) 157
應(yīng)用CSS樣式表美化網(wǎng)頁 158
8.1 了解CSS樣式表 159
8.2 CSS基本語法 160
8.3 設(shè)置CSS屬性 161
8.3.1 定義CSS類型屬性 161
8.3.2 定義CSS背景屬性 163
8.3.3 定義CSS塊屬性 164
8.3.4 定義CSS方框?qū)傩?165
8.3.5 定義CSS邊框?qū)傩?166
8.3.6 定義CSS列表屬性 168
8.3.7 定義CSS定位屬性 168
8.3.8 定義CSS擴(kuò)展屬性 169
8.3.9 定義CSS過渡屬性 170
8.4 鏈接到外部CSS樣式表 171
8.4.1 上機(jī)練習(xí)——創(chuàng)建內(nèi)部樣式表 171
8.4.2 上機(jī)練習(xí)——創(chuàng)建外部樣式表 173
8.4.3 上機(jī)練習(xí)——鏈接外部樣式表 174
8.5 綜合應(yīng)用 176
8.5.1 實(shí)例1——應(yīng)用CSS樣式定義字體大小 177
8.5.2 實(shí)例2——應(yīng)用CSS樣式制作陰影文字 178
8.6 專家秘籍 181
8.7 本章小結(jié) 182
用CSS+Div靈活布局頁面 183
9.1 初識Div 184
9.1.1 Div概述 184
9.1.2 CSS+Div布局的優(yōu)勢 185
9.2 關(guān)于AP Div 186
9.2.1 “AP元素”面板 186
9.2.2 創(chuàng)建普通AP Div 186
9.2.3 創(chuàng)建嵌套AP Div 187
9.3 設(shè)置AP Div的屬性 188
9.3.1 設(shè)置AP Div的顯示/隱藏屬性 188
9.3.2 改變AP Div的堆疊順序 189
9.3.3 為AP Div添加滾動條 190
9.3.4 改變AP Div的可見性 191
9.4 CSS定位與Div布局 191
9.4.1 盒子模型 191
9.4.2 元素的定位 192
9.5 CSS+Div布局理念 196
9.5.1 使用Div對頁面進(jìn)行整體規(guī)劃 196
9.5.2 設(shè)計(jì)各塊的位置 197
9.5.3 使用CSS定位 197
9.6 專家秘籍 199
9.7 本章小結(jié) 202
利用庫和模板創(chuàng)建網(wǎng)頁 203
10.1 模板的概念 204
10.2 創(chuàng)建模板 205
10.2.1 上機(jī)練習(xí)——從空白文檔創(chuàng)建模板 205
10.2.2 上機(jī)練習(xí)——將已有文檔轉(zhuǎn)換成模板 206
10.2.3 上機(jī)練習(xí)——創(chuàng)建可編輯區(qū)域 207
10.3 模板的使用 208
10.3.1 上機(jī)練習(xí)——應(yīng)用模板 208
10.3.2 上機(jī)練習(xí)——更新模板 212
10.4 管理模板 213
10.4.1 重命名模板 213
10.4.2 刪除模板 214
10.5 應(yīng)用庫元素 215
10.5.1 上機(jī)練習(xí)——創(chuàng)建庫項(xiàng)目 215
10.5.2 設(shè)置庫項(xiàng)目屬性 216
10.5.3 編輯庫項(xiàng)目和更新站點(diǎn) 217
10.6 綜合應(yīng)用 218
10.6.1 實(shí)例1——創(chuàng)建模板網(wǎng)頁 218
10.6.2 實(shí)例2——利用模板創(chuàng)建網(wǎng)頁 224
10.7 專家秘籍 227
10.8 本章小結(jié) 228

第4篇 制作炫目的特效網(wǎng)頁
Dreamweaver的插件擴(kuò)展功能 230
11.1 Dreamweaver CS6插件簡介 231
11.2 安裝插件 231
11.3 插件應(yīng)用實(shí)例 232
11.3.1 上機(jī)練習(xí)——使用插件制作背景音樂網(wǎng)頁 232
11.3.2 上機(jī)練習(xí)——彩色漸變文字插件 234
11.3.3 上機(jī)練習(xí)——使用飄浮圖像插件創(chuàng)建飄浮廣告網(wǎng)頁 236
11.3.4 上機(jī)練習(xí)——利用插件創(chuàng)建E-mail鏈接 238
11.3.5 上機(jī)練習(xí)——根據(jù)不同的時(shí)段顯示不同的問候語插件 239
11.3.6 上機(jī)練習(xí)——利用插件創(chuàng)建隨機(jī)切換的廣告圖 240
11.3.7 上機(jī)練習(xí)——利用插件制作圖片漸顯漸隱 242
11.4 專家秘籍 244
11.5 本章小結(jié) 246
使用行為和JavaScript 創(chuàng)建特效網(wǎng)頁 247
12.1 行為概述 248
12.1.1 使用“行為”面板 248
12.1.2 關(guān)于事件 249
12.1.3 關(guān)于動作 250
12.2 使用Dreamweaver內(nèi)置行為 250
12.2.1 上機(jī)練習(xí)——交換圖像 251
12.2.2 上機(jī)練習(xí)——恢復(fù)交換圖像 252
12.2.3 上機(jī)練習(xí)——打開瀏覽器窗口 253
12.2.4 上機(jī)練習(xí)——調(diào)用JavaScript 255
12.2.5 上機(jī)練習(xí)——拖動AP元素 256
12.2.6 上機(jī)練習(xí)——轉(zhuǎn)到URL 258
12.2.7 上機(jī)練習(xí)——彈出信息 260
12.2.8 上機(jī)練習(xí)——預(yù)先載入圖像 261
12.2.9 上機(jī)練習(xí)——設(shè)置狀態(tài)欄文本 263
12.2.10 上機(jī)練習(xí)——檢查表單 264
12.2.11 上機(jī)練習(xí)——增大/收縮效果 266
12.2.12 上機(jī)練習(xí)——擠壓 267
12.3 使用JavaScript制作特效網(wǎng)頁 269
12.3.1 上機(jī)練習(xí)——利用JavaScript函數(shù)實(shí)現(xiàn)打印功能 269
12.3.2 上機(jī)練習(xí)——利用JavaScript函數(shù)實(shí)現(xiàn)關(guān)閉窗口功能 270
12.4 專家秘籍 271
12.5 本章小結(jié) 272

第5篇 設(shè)計(jì)動態(tài)網(wǎng)頁
使用表單創(chuàng)建交互式網(wǎng)頁 274
13.1 創(chuàng)建和使用表單 275
13.1.1 創(chuàng)建表單 275
13.1.2 設(shè)置表單可見屬性 277
13.2 創(chuàng)建文本域 278
13.2.1 上機(jī)練習(xí)——單行文本域和密碼域 278
13.2.2 上機(jī)練習(xí)——多行文本域 280
13.3 創(chuàng)建單選按鈕和復(fù)選框 281
13.3.1 上機(jī)練習(xí)——單選按鈕和單選按鈕組 282
13.3.2 上機(jī)練習(xí)——復(fù)選框 284
13.4 創(chuàng)建列表和菜單 285
13.5 創(chuàng)建跳轉(zhuǎn)菜單 286
13.6 創(chuàng)建文件域和圖像域 287
13.6.1 上機(jī)練習(xí)——創(chuàng)建文件域 287
13.6.2 上機(jī)練習(xí)——創(chuàng)建圖像域 288
13.7 創(chuàng)建隱藏域和按鈕 289
13.7.1 上機(jī)練習(xí)——插入隱藏域 289
13.7.2 上機(jī)練習(xí)——插入按鈕 289
13.8 綜合應(yīng)用——創(chuàng)建電子郵件表單 290
13.9 專家秘籍 295
13.10 本章小結(jié) 296
動態(tài)數(shù)據(jù)庫網(wǎng)站開發(fā)基礎(chǔ) 297
14.1 動態(tài)網(wǎng)頁的特點(diǎn)和制作流程 298
14.1.1 動態(tài)網(wǎng)頁的特點(diǎn) 299
14.1.2 動態(tài)網(wǎng)頁的制作流程 300
14.2 搭建本地服務(wù)器 300
14.2.1 安裝IIS 301
14.2.2 配置Web服務(wù)器 302
14.3 創(chuàng)建數(shù)據(jù)庫連接 303
14.3.1 創(chuàng)建ODBC連接 303
14.3.2 使用DSN創(chuàng)建ADO連接 304
14.4 編輯數(shù)據(jù)表記錄 306
14.4.1 創(chuàng)建記錄集（查詢） 306
14.4.2 插入記錄 307
14.4.3 更新記錄 308
14.4.4 刪除記錄 309
14.5 添加服務(wù)器行為 309
14.5.1 插入重復(fù)區(qū)域 310
14.5.2 插入顯示區(qū)域 310
14.5.3 記錄集分頁 311
14.5.4 轉(zhuǎn)到詳細(xì)頁面 312
14.5.5 轉(zhuǎn)到相關(guān)頁面 312
14.5.6 用戶身份驗(yàn)證 313
14.6 綜合應(yīng)用——創(chuàng)建留言系統(tǒng) 315
14.6.1 數(shù)據(jù)庫設(shè)計(jì) 315
14.6.2 創(chuàng)建數(shù)據(jù)庫連接 317
14.6.3 制作留言列表頁面 318
14.6.4 制作留言詳細(xì)信息頁面 323
14.6.5 制作發(fā)表留言頁面 325
14.7 專家秘籍 330
14.8 本章小結(jié) 332

第6篇 網(wǎng)站發(fā)布運(yùn)營與推廣
網(wǎng)站的發(fā)布上傳 334
15.1 上傳網(wǎng)站前的準(zhǔn)備工作 335
15.1.1 注冊域名 335
15.1.2 申請空間 336
15.2 網(wǎng)站的測試 338
15.2.1 報(bào)告 338
15.2.2 檢查站點(diǎn)范圍的鏈接 338
15.2.3 改變站點(diǎn)范圍的鏈接 339
15.2.4 查找和替換 339
15.2.5 清理文檔 341
15.3 網(wǎng)站上傳 342
15.4 專家秘籍 344
15.5 本章小結(jié) 345
網(wǎng)站的運(yùn)營維護(hù)與安全 346
16.1 網(wǎng)站運(yùn)營的工作內(nèi)容 347
16.2 網(wǎng)站運(yùn)營的關(guān)鍵問題 348
16.3 網(wǎng)站的日常維護(hù)與管理 349
16.4 反黑客技術(shù) 350
16.4.1 計(jì)算機(jī)的設(shè)置 350
16.4.2 隱藏IP地址 353
16.4.3 操作系統(tǒng)賬號的管理 354
16.4.4 安裝必要的安全軟件 355
16.4.5 做好瀏覽器的安全設(shè)置 355
16.5 網(wǎng)絡(luò)安全防范措施 356
16.5.1 防火墻技術(shù) 356
16.5.2 網(wǎng)絡(luò)加密技術(shù) 357
16.5.3 反病毒軟件 358
16.5.4 漏洞掃描 358
16.6 本章小結(jié) 358
網(wǎng)站的宣傳與推廣 359
17.1 搜索引擎注冊 360
17.1.1 搜索引擎 360
17.1.2 搜索引擎的優(yōu)化與關(guān)鍵字 361
17.1.3 搜索引擎注冊 362
17.1.4 如何讓搜索引擎快速收錄自己的網(wǎng)站 362
17.2 電子郵件 363
17.2.1 電子郵件推廣 363
17.2.2 讓客戶一定回復(fù)你的郵件技巧 365
17.3 博客推廣 365
17.3.1 做好定位 365
17.3.2 建立博客 366
17.3.3 引人入勝的標(biāo)題 366
17.3.4 撰寫博文的技巧 367
17.4 站點(diǎn)間宣傳合作 368
17.4.1 商業(yè)資源合作推廣 368
17.4.2 通過互換友情鏈接推廣 369
17.5 論壇宣傳 369
17.6 軟文推廣 370
17.7 投放網(wǎng)絡(luò)廣告 371
17.8 登錄導(dǎo)航網(wǎng)站 371
17.9 本章小結(jié) 372

第7篇 綜合實(shí)踐案例
設(shè)計(jì)富有個性的個人網(wǎng)站 374
18.1 個人網(wǎng)站設(shè)計(jì)概述 375
18.1.1 個人網(wǎng)站的類型 375
18.1.2 個人網(wǎng)站設(shè)計(jì)注意事項(xiàng) 377
18.2 個人網(wǎng)站色彩搭配 378
18.3 網(wǎng)站前期策劃 378
18.3.1 確定網(wǎng)站主題 378
18.3.2 確定目錄結(jié)構(gòu) 379
18.3.3 網(wǎng)站藍(lán)圖的規(guī)劃 379
18.4 制作網(wǎng)站頁面 380
18.4.1 導(dǎo)入外部CSS 380
18.4.2 制作頂部文件 382
18.4.3 制作個人簡介 384
18.4.4 制作個人相冊 386
18.4.5 制作最新動態(tài)和聯(lián)系方式 387
18.4.6 制作底部文件 388
18.5 專家秘籍 389
18.6 本章小結(jié) 390
制作企業(yè)宣傳網(wǎng)站 391
19.1 企業(yè)網(wǎng)站概述 392
19.1.1 企業(yè)網(wǎng)站主要功能欄目 393
19.1.2 企業(yè)網(wǎng)站風(fēng)格與色彩搭配 395
19.2 設(shè)計(jì)網(wǎng)站首頁 395
19.2.1 設(shè)計(jì)網(wǎng)站首頁 396
19.2.2 切割網(wǎng)站首頁 401
19.3 制作模板 402
19.3.1 制作頂部文件 403
19.3.2 制作會員登錄頁面 404
19.3.3 制作園林動態(tài)頁面 407
19.3.4 制作友情鏈接 408
19.3.5 制作版權(quán) 408
19.3.6 保存為模板 409
19.4 利用模板制作主頁 410
19.5 添加實(shí)用的查詢工具 412
19.5.1 添加天氣預(yù)報(bào) 412
19.5.2 添加百度搜索 413
19.5.3 添加IP查詢 415
19.6 專家秘籍 416
19.7 本章小結(jié) 418
設(shè)計(jì)網(wǎng)上購物網(wǎng)站 419
20.1 網(wǎng)站概述 420
20.2 購物網(wǎng)站特點(diǎn)分析 422
20.3 主要功能和欄目 423
20.4 創(chuàng)建數(shù)據(jù)庫表 427
20.5 創(chuàng)建數(shù)據(jù)庫連接 429
20.6 制作購物系統(tǒng)前臺頁面 430
20.6.1 制作商品分類展示頁面 430
20.6.2 制作商品詳細(xì)信息頁面 434
20.7 制作購物系統(tǒng)后臺管理 436
20.7.1 制作后臺管理員登錄頁面 437
20.7.2 制作添加商品頁面 440
20.7.3 制作添加商品分類頁面 443
20.7.4 制作商品管理頁面 446
20.7.5 制作修改頁面 451
20.7.6 制作刪除頁面 453
20.8 專家秘籍 456
20.9 本章小結(jié) 458

第8篇 附錄
HTML常用標(biāo)記手冊 460
JavaScript語法手冊 465
CSS屬性一覽表 472
VBScript語法手冊 476
ADO對象方法屬性詳解 482
常見網(wǎng)頁配色詞典 487