學用一冊通：網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)

第1篇 建站快速入門
網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)基礎(chǔ) 2
1.1 常見的網(wǎng)站類型 3
1.1.1 個人網(wǎng)站 3
1.1.2 企業(yè)類網(wǎng)站 3
1.1.3 娛樂休閑類網(wǎng)站 3
1.1.4 機構(gòu)類網(wǎng)站 4
1.1.5 行業(yè)信息類網(wǎng)站 4
1.1.6 購物類網(wǎng)站 5
1.1.7 門戶類網(wǎng)站 5
1.2 常用網(wǎng)頁設(shè)計軟件和技術(shù) 6
1.2.1 網(wǎng)頁編輯排版軟件 6
1.2.2 網(wǎng)頁動畫制作軟件 7
1.2.3 網(wǎng)頁圖像設(shè)計軟件 7
1.2.4 網(wǎng)頁標記語言HTML 8
1.2.5 網(wǎng)頁腳本語言 9
1.2.6 動態(tài)網(wǎng)頁編程語言ASP 10
1.3 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 10
1.3.1 靜態(tài)網(wǎng)頁 10
1.3.2 動態(tài)網(wǎng)頁 11
用色彩搭配賞心悅目的網(wǎng)站 12
2.1 色彩基礎(chǔ)知識 13
2.1.1 色彩的基本概念 13
2.1.2 網(wǎng)頁色彩的冷暖視覺 13
2.2 常見網(wǎng)頁色彩搭配分析 15
2.2.1 綠色 15
2.2.2 黃色 16
2.2.3 藍色 17
2.2.4 紅色 18
2.2.5 紫色 19
2.2.6 灰色 20
2.2.7 黑色 21
2.3 頁面色彩搭配 21
2.3.1 網(wǎng)頁色彩搭配原理 21
2.3.2 網(wǎng)頁配色方法 23

第2篇 設(shè)計令人流連忘返的靜態(tài)網(wǎng)頁
快速掌握Dreamweaver CS6設(shè)計基本網(wǎng)頁 26
3.1 Dreamweaver CS6簡述 28
3.2 Dreamweaver CS6的工作界面 28
3.2.1 菜單欄 29
3.2.2 插入欄 29
3.2.3 浮動面板 29
3.2.4 “屬性”面板 30
3.2.5 文檔窗口 30
3.3 創(chuàng)建和管理站點 31
3.3.1 上機練習——創(chuàng)建本地站點 31
3.3.2 上機練習——管理本地站點 32
3.4 插入文本 34
3.4.1 上機練習——插入普通文本 34
3.4.2 上機練習——設(shè)置文本屬性 35
3.4.3 上機練習——插入特殊字符 36
3.5 使用列表 38
3.5.1 上機練習——插入項目列表 38
3.5.2 插入編號列表 39
3.6 在網(wǎng)頁中插入文件頭部內(nèi)容 40
3.6.1 插入META信息 40
3.6.2 設(shè)置基礎(chǔ) 41
3.6.3 插入關(guān)鍵字 42
3.6.4 插入說明 42
3.6.5 設(shè)置刷新 42
3.7 插入其他對象 43
3.7.1 上機練習——插入日期 43
3.7.2 上機練習——插入水平線 44
3.8 綜合應(yīng)用 46
3.9 專家秘籍 49
設(shè)計豐富多彩的圖像和多媒體網(wǎng)頁 51
4.1 在網(wǎng)頁中插入圖像 53
4.1.1 網(wǎng)頁中圖像的常見格式 53
4.1.2 上機練習——插入圖像 53
4.2　網(wǎng)頁圖像的應(yīng)用 55
4.2.1　上機練習——鼠標經(jīng)過圖像 55
4.2.2　上機練習——插入圖像占位符 57
4.3 插入聲音 59
4.3.1 音頻文件格式 59
4.3.2 上機練習——添加背景音樂 59
4.4　插入視頻 61
4.4.1　視頻的文件格式 61
4.4.2　上機練習——在網(wǎng)頁中插入視頻 62
4.5 插入其他媒體文件 63
4.5.1 上機練習——插入Flash 63
4.5.2 上機練習——插入Java Applet 65
4.6 網(wǎng)頁鏈接的創(chuàng)建 67
4.6.1 網(wǎng)頁鏈接的基本類型 67
4.6.2 上機練習——圖像熱點鏈接 68
4.6.3 上機練習——E-mail鏈接 69
4.6.4 上機練習——下載文件鏈接 71
4.6.5 上機練習——錨點鏈接 72
4.6.6 上機練習——腳本鏈接 74
4.6.7 上機練習——空鏈接 75
4.7 綜合應(yīng)用 76
4.8 專家秘籍 81
使用表格和Spry排版網(wǎng)頁 82
5.1 插入表格 83
5.1.1 上機練習——插入表格 83
5.1.2 上機練習——添加內(nèi)容到單元格 86
5.2 編輯表格 87
5.2.1 選擇表格及其元素 87
5.2.2 調(diào)整表格和單元格的大小 91
5.2.3 添加、刪除行或列 93
5.2.4 拆分單元格 94
5.2.5 合并單元格 95
5.2.6 剪切、復制、粘貼表格 95
5.3 設(shè)置表格屬性 96
5.3.1 設(shè)置整個表格的屬性 96
5.3.2 設(shè)置行、列和單元格屬性 96
5.4 使用Spry布局對象 97
5.4.1 上機練習——使用Spry菜單欄 97
5.4.2 使用Spry選項卡式面板 98
5.4.3 使用Spry折疊式 99
5.4.4 上機練習——使用Spry可折疊面板 100
5.5 綜合應(yīng)用——制作圓角表格 100
5.6 專家秘籍 103
使用模板和庫快速創(chuàng)建網(wǎng)頁 105
6.1 創(chuàng)建模板 106
6.1.1 上機練習——新建模板 106
6.1.2 上機練習——從現(xiàn)有文檔創(chuàng)建模板 108
6.2 創(chuàng)建可編輯區(qū)域 109
6.2.1 上機練習——插入可編輯區(qū)域 109
6.2.2 刪除可編輯區(qū)域 110
6.3 使用模板創(chuàng)建網(wǎng)頁 110
6.4 創(chuàng)建與應(yīng)用庫項目 112
6.4.1 上機練習——創(chuàng)建庫項目 112
6.4.2 上機練習——應(yīng)用庫項目 114
6.4.3 上機練習——修改庫項目 115
6.5 綜合應(yīng)用 116
6.6 專家秘籍 121
使用行為和腳本設(shè)計動感特效網(wǎng)頁 123
7.1 動作和事件 124
7.1.1 動作 124
7.1.2 事件 125
7.2 行為的添加與編輯 126
7.2.1 行為的添加 126
7.2.2 行為的修改 127
7.3 使用Dreamweaver內(nèi)置行為 127
7.3.1 上機練習——交換圖像 127
7.3.2 恢復交換圖像 128
7.3.3 上機練習——打開瀏覽器窗口 129
7.3.4 上機練習——調(diào)用JavaScript 131
7.3.5 改變屬性 133
7.3.6 上機練習——拖動AP元素 133
7.3.7 上機練習——轉(zhuǎn)到URL 135
7.3.8 上機練習——彈出信息 136
7.3.9 上機練習——預先載入圖像 138
7.3.10 上機練習——設(shè)置狀態(tài)欄文本 139
7.3.11 跳轉(zhuǎn)菜單 140
7.3.12 顯示-隱藏元素 142
7.3.13 上機練習——檢查表單 144
7.3.14 上機練習——增大/收縮效果 146
7.3.15 上機練習——擠壓效果 147
7.4 使用JavaScript制作網(wǎng)頁特效 149
7.4.1 上機練習——制作滾動文字公告 149
7.4.2 上機練習——禁止下載網(wǎng)頁圖像 150
7.4.3 上機練習——設(shè)置為IE首頁 152
7.4.4 上機練習——添加到收藏夾 153
7.5 專家秘籍 154
使用CSS樣式表美化網(wǎng)頁 156
8.1 CSS樣式表 157
8.2 CSS基本語法 158
8.3 設(shè)置CSS屬性 159
8.3.1 設(shè)置CSS類型屬性 159
8.3.2 設(shè)置CSS背景屬性 160
8.3.3 設(shè)置CSS區(qū)塊屬性 162
8.3.4 設(shè)置CSS方框?qū)傩?163
8.3.5 設(shè)置CSS邊框?qū)傩?164
8.3.6 設(shè)置CSS列表屬性 165
8.3.7 設(shè)置CSS定位屬性 165
8.3.8 設(shè)置CSS擴展屬性 166
8.4 鏈接到或?qū)С鐾獠緾SS樣式表 167
8.4.1 上機練習——創(chuàng)建內(nèi)部樣式表 167
8.4.2 上機練習——創(chuàng)建外部樣式表 169
8.4.3 上機練習——鏈接外部樣式表 170
8.5 綜合應(yīng)用 172
8.6 專家秘籍 176
用CSS+Div靈活布局頁面 177
9.1　初識Div 178
9.1.1　Div概述 178
9.1.2　CSS+Div布局的優(yōu)勢 178
9.2 關(guān)于AP Div 179
9.2.1 AP Div的概念 179
9.2.2 AP Div面板 179
9.2.3 創(chuàng)建普通AP Div 180
9.2.4 創(chuàng)建嵌套AP Div 181
9.3 設(shè)置AP Div的屬性 181
9.3.1 設(shè)置AP Div的顯示/隱藏屬性 181
9.3.2 改變AP Div的堆疊順序 182
9.3.3 為AP Div添加滾動條 182
9.3.4 改變AP Div的可見性 183
9.4 CSS定位與Div布局 184
9.4.1 盒子模型 184
9.4.2 元素的定位 184
9.5 CSS+Div布局的常用方法 187
9.5.1 使用Div對頁面整體規(guī)劃 188
9.5.2 使用CSS定位 188
9.6 綜合應(yīng)用——利用模板制作CSS布局網(wǎng)頁 190
9.7 專家秘籍 193

第3篇 開發(fā)動態(tài)數(shù)據(jù)庫網(wǎng)站
動態(tài)網(wǎng)站開發(fā)基礎(chǔ) 197
10.1 動態(tài)網(wǎng)頁的特點和制作流程 199
10.1.1 動態(tài)網(wǎng)頁的特點 199
10.1.2 動態(tài)網(wǎng)頁的制作流程 200
10.2 在網(wǎng)頁中插入交互式表單對象 200
10.2.1 上機練習——插入表單域 201
10.2.2 上機練習——插入文本域 202
10.2.3 上機練習——插入復選框和單選按鈕 205
10.2.4 上機練習——插入列表/菜單 207
10.2.5 上機練習——插入文件域和按鈕 208
10.3 搭建本地服務(wù)器 212
10.3.1 上機練習——安裝IIS 212
10.3.2 上機練習——配置Web服務(wù)器 213
10.4 創(chuàng)建數(shù)據(jù)庫連接 214
10.4.1 上機練習——創(chuàng)建ODBC連接 214
10.4.2 上機練習——使用DSN創(chuàng)建ADO連接 215
10.5 編輯數(shù)據(jù)表記錄 216
10.5.1 創(chuàng)建記錄集（查詢） 216
10.5.2 插入記錄 218
10.5.3 更新記錄 219
10.5.4 刪除記錄 220
10.6 添加服務(wù)器行為 221
10.6.1 插入重復區(qū)域 221
10.6.2 插入顯示區(qū)域 222
10.6.3 記錄集分頁 223
10.6.4 轉(zhuǎn)到詳細頁面 224
10.6.5 轉(zhuǎn)到相關(guān)頁面 224
10.6.6 用戶身份驗證 225
10.7 專家秘籍 227
設(shè)計動態(tài)網(wǎng)站常用模塊 230
11.1 設(shè)計留言系統(tǒng) 231
11.1.1 需求分析與設(shè)計思路 231
11.1.2 設(shè)計數(shù)據(jù)庫與數(shù)據(jù)庫連接 232
11.1.3 創(chuàng)建留言列表頁面 234
11.1.4 創(chuàng)建留言詳細頁面 238
11.1.5 創(chuàng)建添加留言頁面 240
11.2 設(shè)計新聞發(fā)布系統(tǒng) 244
11.2.1 主要功能頁面 245
11.2.2 設(shè)計數(shù)據(jù)庫 246
11.2.3 創(chuàng)建數(shù)據(jù)庫連接 248
11.2.4 新聞列表頁面的制作 249
11.2.5 新聞詳細頁面的制作 255
11.2.6 后臺登錄頁面 257
11.2.7 刪除新聞頁面的制作 260
11.2.8 添加新聞頁面的制作 262
11.2.9 修改新聞頁面的制作 264
11.2.10 新聞管理總頁面 266
11.3 專家秘籍 270

第4篇 設(shè)計與處理精美的網(wǎng)頁圖像
使用Photoshop CS6設(shè)計網(wǎng)頁中的特效文字 273
12.1 使用文字工具 274
12.1.1 上機練習——文字的輸入 274
12.1.2 上機練習——設(shè)置文字屬性 275
12.1.3 上機練習——文字的變形 277
12.2　Photoshop圖層基本操作 278
12.2.1　添加圖層 278
12.2.2　刪除圖層 278
12.2.3　合并圖層 279
12.2.4　設(shè)置圖層樣式 279
12.3　設(shè)計常見的網(wǎng)頁特效文字 281
12.4 專家秘籍 288
設(shè)計網(wǎng)頁中經(jīng)典圖像元素 289
13.1　設(shè)計網(wǎng)站Logo 290
13.1.1　Logo的特點 290
13.1.2　Logo設(shè)計標準 291
13.1.3　上機練習——網(wǎng)站Logo設(shè)計實例 291
13.2　網(wǎng)絡(luò)廣告的制作 293
13.2.1　網(wǎng)絡(luò)廣告設(shè)計技巧 293
13.2.2 上機練習——設(shè)計網(wǎng)絡(luò)廣告 294
13.3 設(shè)計網(wǎng)站首頁 298
13.3.1 上機練習——首頁的制作 298
13.3.2 上機練習——切割輸出首頁圖像 304
13.4　設(shè)計網(wǎng)頁按鈕 306
13.5 制作導航欄 309
13.6 專家秘籍 312

第5篇 設(shè)計超炫的網(wǎng)頁動畫
使用Flash CS6創(chuàng)建基本動畫 314
14.1 Flash CS6工作界面 315
14.2 時間軸與關(guān)鍵幀 317
14.2.1 時間軸 317
14.2.2 時間軸中的圖層 318
14.2.3 關(guān)鍵幀 318
14.3 創(chuàng)建基本動畫 319
14.3.1 上機練習——逐幀動畫 319
14.3.2 上機練習——補間動畫 322
14.4 創(chuàng)建引導動畫 324
14.4.1 引導動畫的創(chuàng)建原理 324
14.4.2 上機練習——創(chuàng)建引導動畫 324
14.5 創(chuàng)建遮罩動畫 327
14.5.1 遮罩動畫的創(chuàng)建原理 327
14.5.2 上機練習——創(chuàng)建遮罩動畫 327
14.6 創(chuàng)建有聲動畫 330
14.6.1 Flash中可使用的聲音文件類型 330
14.6.2 添加聲音 330
14.6.3 編輯聲音 332
14.6.4 上機練習——創(chuàng)建聲音動畫 333
14.7 專家秘籍 335
使用ActionScript創(chuàng)建交互動畫 336
15.1 ActionScript概述 337
15.1.1 ActionScript的發(fā)展史 337
15.1.2 ActionScript 3.0的特點 338
15.2 ActionScript 3.0語句中的參數(shù) 339
15.2.1 ActionScript中的專業(yè)術(shù)語 339
15.2.2 ActionScript 3.0基本語法 341
15.3 常用ActionScript語句 343
15.3.1 for循環(huán) 343
15.3.2 while和do while循環(huán) 343
15.3.3 條件語句 344
15.3.4 特殊條件判斷 344
15.4 代碼的輸入 344
15.5 ActionScript的編輯環(huán)境 345
15.6 利用ActionScript制作交互網(wǎng)頁的動畫 346
15.6.1 綜合應(yīng)用1——創(chuàng)建跳轉(zhuǎn)到其他網(wǎng)頁動畫 346
15.6.2 綜合應(yīng)用2——創(chuàng)建網(wǎng)頁導航動畫 348
15.6.3 綜合應(yīng)用3——創(chuàng)建鼠標特效 353
15.6.4 綜合應(yīng)用4——制作發(fā)光旋轉(zhuǎn)效果 356
15.6.5 綜合應(yīng)用5——制作響應(yīng)鼠標效果 360
15.7 專家秘籍 364

第6篇 網(wǎng)站的策劃與安全管理
網(wǎng)站的整體策劃 366
16.1 為什么要進行網(wǎng)站策劃 367
16.2 如何進行網(wǎng)站策劃 368
16.2.1 網(wǎng)站策劃的原則 368
16.2.2 網(wǎng)站策劃的關(guān)鍵點 369
16.3 如何確定網(wǎng)站的定位 370
16.4 確定網(wǎng)站的目標用戶 371
16.5 網(wǎng)站的內(nèi)容策劃 372
16.5.1 網(wǎng)站內(nèi)容策劃的重要性 372
16.5.2 如何做好網(wǎng)站內(nèi)容策劃 372
網(wǎng)站頁面設(shè)計策劃 374
17.1 網(wǎng)站欄目和頁面設(shè)計策劃 376
17.1.1 網(wǎng)站的欄目策劃 376
17.1.2 網(wǎng)站的頁面策劃 377
17.2 網(wǎng)站導航設(shè)計 378
17.2.1 導航設(shè)計的基本要求 378
17.2.2 全局導航的基本要素 379
17.2.3 輔助導航的設(shè)計要點 379
17.2.4 導航設(shè)計要點 380
17.3 網(wǎng)站頁面版式風格設(shè)計 381
17.3.1 網(wǎng)站內(nèi)容的排版 381
17.3.2 網(wǎng)站網(wǎng)頁的布局形式 382
17.3.3 網(wǎng)站界面設(shè)計的兼容性 384
17.3.4 界面布局與內(nèi)容的相關(guān)性 384
17.4 網(wǎng)站視覺元素設(shè)計 385
17.4.1 讓文字易辨識 385
17.4.2 讓圖片更合理 386
17.4.3 讓表單更易用 387
17.4.4 讓按鈕更易點擊 388
網(wǎng)站的安全與運營維護 390
18.1 Web服務(wù)的高級設(shè)置 391
18.1.1 設(shè)置用戶 391
18.1.2 NTFS權(quán)限的設(shè)置 393
18.1.3 目錄和應(yīng)用程序訪問權(quán)限的設(shè)置 394
18.1.4 匿名和授權(quán)訪問控制 395
18.1.5 備份與還原IIS 396
18.2 反黑客技術(shù) 397
18.2.1 計算機的設(shè)置 397
18.2.2 隱藏IP地址 400
18.2.3 操作系統(tǒng)賬號管理 401
18.2.4 安裝必要的安全軟件 402
18.2.5 瀏覽器的安全設(shè)置 402
18.2.6 網(wǎng)站防火墻的應(yīng)用 403
18.3 網(wǎng)站運營 404
18.3.1 網(wǎng)站運營的工作內(nèi)容 404
18.3.2 網(wǎng)站運營的關(guān)鍵問題 405
18.4 網(wǎng)站日常維護與管理 406

第7篇 完整商業(yè)網(wǎng)站的建設(shè)
網(wǎng)站建設(shè)規(guī)范和基本流程 408
19.1 網(wǎng)站建設(shè)規(guī)范 409
19.1.1 組建開發(fā)團隊規(guī)范 409
19.1.2 開發(fā)工具規(guī)范 409
19.1.3 超鏈接規(guī)范 409
19.1.4 文件夾和文件命名規(guī)范 410
19.1.5 代碼設(shè)計規(guī)范 411
19.2 網(wǎng)站建設(shè)的基本流程 411
19.2.1 網(wǎng)站的需求分析 412
19.2.2 網(wǎng)站整體規(guī)劃 412
19.2.3 確定網(wǎng)站整體風格 412
19.2.4 收集資源 413
19.2.5 設(shè)計網(wǎng)頁圖像 414
19.2.6 編輯制作網(wǎng)頁 415
19.2.7 開發(fā)動態(tài)網(wǎng)站模塊 416
19.2.8 申請域名和服務(wù)器空間 416
19.2.9 測試與發(fā)布上傳 417
19.2.10 網(wǎng)站維護 418
19.2.11 網(wǎng)站推廣 418
設(shè)計企業(yè)宣傳展示型網(wǎng)站 422
20.1 網(wǎng)站前期策劃 423
20.2 網(wǎng)站的版面布局及色彩 424
20.2.1 草案及粗略布局 424
20.2.2 確定網(wǎng)站的色彩 424
20.3 設(shè)計網(wǎng)站首頁 425
20.3.1 首頁的設(shè)計 425
20.3.2 切割首頁 431
20.4 創(chuàng)建本地站點 433
20.5 二級模板頁面的設(shè)計 434
20.5.1 創(chuàng)建庫文件 434
20.5.2 創(chuàng)建模板 436
20.5.3 利用模板創(chuàng)建二級頁面 439
20.6 專家秘籍 441
設(shè)計在線購物網(wǎng)站 444
21.1 購物網(wǎng)站設(shè)計概述 445
21.1.1 購物網(wǎng)站概念 445
21.1.2 購物網(wǎng)站的設(shè)計要點 445
21.1.3 主要功能頁面 446
21.2 創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)庫連接 448
21.2.1 創(chuàng)建數(shù)據(jù)庫表 448
21.2.2 創(chuàng)建數(shù)據(jù)庫連接 450
21.3 設(shè)計購物系統(tǒng)前臺頁面 451
21.3.1 設(shè)計商品分類展示頁面 451
21.3.2 設(shè)計商品詳細信息頁面 455
21.4 設(shè)計購物系統(tǒng)后臺管理 457
21.4.1 設(shè)計添加商品頁面 457
21.4.2 設(shè)計商品管理頁面 461
21.4.3 制作修改頁面 465
21.4.4 設(shè)計刪除頁面 467
21. 5 專家秘籍 470