精彩網(wǎng)頁設(shè)計(jì)：Dreamweaver CS4中文版商業(yè)網(wǎng)站篇

第1章　網(wǎng)站建設(shè)基本流程 1
1.1　前期策劃 2
1.1.1　確定建站目的 2
1.1.2　網(wǎng)站需求分析 4
1.1.3　規(guī)劃網(wǎng)站 5
1.1.4　建站方式的選擇 8
1.1.5　網(wǎng)站域名和空間的申請 9
1.2　后期推廣 10
1.2.1　網(wǎng)站的發(fā)布和維護(hù) 10
1.2.2　網(wǎng)站的推廣 12
1.3　舉一反三——圖片瀏覽網(wǎng)站的設(shè)計(jì) 13
1.4　擴(kuò)展知識(shí) 20
第2章　網(wǎng)站的頁面設(shè)計(jì) 23
2.1　網(wǎng)頁色彩的應(yīng)用 24
2.1.1　認(rèn)識(shí)色彩 24
2.1.2　色彩模式 24
2.1.3　運(yùn)用色彩 25
2.2　界面設(shè)計(jì)的規(guī)則與技巧 26
2.3　網(wǎng)站設(shè)計(jì)的整體風(fēng)格 27
2.4　網(wǎng)頁布局的基本要素 27
2.4.1　頁面標(biāo)題 27
2.4.2　網(wǎng)站Logo 28
2.4.3　頁面尺寸 28
2.4.4　導(dǎo)航欄 29
2.4.5　頁眉和頁腳 30
2.5　網(wǎng)頁布局原則與形式 30
2.5.1　網(wǎng)頁布局原則 30
2.5.2　常見的網(wǎng)頁布局形式 31
2.6　網(wǎng)頁中的文字設(shè)計(jì) 32
2.6.1　文字的選擇 32
2.6.2　文字的圖形化 34
2.6.3　文字設(shè)計(jì)需要注意的問題 34
2.7　網(wǎng)頁中的圖像應(yīng)用 34
2.7.1　常見的網(wǎng)頁圖像格式 35
2.7.2　網(wǎng)頁中應(yīng)用圖像的注意要點(diǎn) 35
2.8　網(wǎng)頁中的多媒體應(yīng)用 36
2.8.1　動(dòng)畫 36
2.8.2　聲音和視頻 36
2.9　站點(diǎn)設(shè)計(jì) 37
2.9.1　網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì) 37
2.9.2　導(dǎo)航 37
2.9.3　搜索項(xiàng) 38
2.9.4　框架 39
2.9.5　超級(jí)鏈接 41
2.10　舉一反三——?jiǎng)?chuàng)意設(shè)計(jì)網(wǎng)站的設(shè)計(jì) 41
2.11　擴(kuò)展知識(shí) 50
第3章　網(wǎng)站的內(nèi)容設(shè)計(jì) 53
3.1　前期準(zhǔn)備工作 54
3.1.1　受眾調(diào)查 54
3.1.2　分析客戶需求 55
3.2　網(wǎng)站標(biāo)題的選擇 55
3.3　網(wǎng)站欄目的規(guī)劃 56
3.4　網(wǎng)站內(nèi)容的可瀏覽性 57
3.5　網(wǎng)站內(nèi)容的可信度與可讀性 58
3.6　設(shè)計(jì)中需要注意的問題 59
3.7　常見房產(chǎn)建筑網(wǎng)站的設(shè)計(jì) 59
3.7.1　房產(chǎn)建筑網(wǎng)站的分析 59
3.7.2　同類網(wǎng)站的比較 61
3.7.3　實(shí)例解析 62
3.7.4　制作過程 63
3.7.5　實(shí)例總結(jié) 77
3.8　舉一反三——酒店賓館網(wǎng)站的設(shè)計(jì) 78
3.9　擴(kuò)展知識(shí) 86
第4章　創(chuàng)建基本圖文網(wǎng)站 87
4.1　Dreamweaver站點(diǎn)的創(chuàng)建與管理 88
4.2　搭建網(wǎng)站頁面結(jié)構(gòu) 90
4.2.1　表格的創(chuàng)建和操作 90
4.2.2　表格屬性設(shè)置 93
4.2.3　框架和框架集的創(chuàng)建和操作 94
4.2.4　框架和框架集的屬性設(shè)置 96
4.2.5　AP元素的創(chuàng)建和操作 97
4.2.6　AP元素屬性設(shè)置 99
4.2.7　企業(yè)網(wǎng)站首頁結(jié)構(gòu)的搭建實(shí)例 100
4.3　網(wǎng)頁文本編輯及CSS控制 102
4.3.1　CSS層疊樣式表的類型 102
4.3.2　使用CSS層疊樣式表 102
4.3.3　編輯CSS層疊樣式表 104
4.4　圖像的編輯 108
4.5　在網(wǎng)頁中插入多媒體元素 112
4.5.1　插入Flash動(dòng)畫 112
4.5.2　插入視頻 114
4.5.3　插入音樂 117
4.6　創(chuàng)建超級(jí)鏈接 118
4.6.1　文件下載鏈接 118
4.6.2　電子郵件鏈接 119
4.6.3　命名錨記鏈接 119
4.7　創(chuàng)建高級(jí)特效網(wǎng)頁 120
4.7.1　表單 120
4.7.2　Spry控件 133
4.8　使用行為和JavaScript制作網(wǎng)頁 137
4.8.1　Dreamweaver中的行為概述 137
4.8.2　使用行為創(chuàng)建特效網(wǎng)頁 138
4.8.3　JavaScript基本語法 141
4.9　使用JavaScript創(chuàng)建動(dòng)感網(wǎng)頁 142
4.9.1　使用JavaScript為頁面設(shè)置訪問口令 142
4.9.2　使用JavaScript實(shí)現(xiàn)頁面中的閃電背景特效 143
4.10　模板和庫 144
4.10.1　使用模板 144
4.10.2　使用庫 145
4.11　動(dòng)態(tài)網(wǎng)站開發(fā) 147
4.11.1　安裝Internet lnformation Server 147
4.11.2　設(shè)置Web服務(wù)器 148
4.11.3　數(shù)據(jù)庫的創(chuàng)建 150
4.12　舉一反三——家居生活網(wǎng)站的設(shè)計(jì) 151
4.13　擴(kuò)展知識(shí) 157
第5章　制作企業(yè)網(wǎng)站 159
5.1　企業(yè)網(wǎng)站的分析 160
5.2　同類網(wǎng)站的比較 161
5.3　實(shí)例解析 163
5.4　信息企業(yè)網(wǎng)站的制作過程 163
5.4.1　基本網(wǎng)頁的制作 163
5.4.2　CSS樣式表的創(chuàng)建 164
5.4.3　首頁導(dǎo)航欄的制作 166
5.4.4　首頁主體內(nèi)容的制作 168
5.4.5　服務(wù)頁面項(xiàng)目列表的制作 172
5.4.6　滾動(dòng)網(wǎng)頁內(nèi)容的制作 174
5.4.7　聯(lián)系頁面電子郵件鏈接的制作 176
5.4.8　選項(xiàng)卡式面板的制作 180
5.4.9　實(shí)例總結(jié) 182
5.5　舉一反三——農(nóng)牧企業(yè)網(wǎng)站的設(shè)計(jì) 183
5.6　擴(kuò)展知識(shí) 196
第6章　制作教育網(wǎng)站 199
6.1　教育網(wǎng)站的分析 200
6.2　同類網(wǎng)站的比較 201
6.3　實(shí)例解析 202
6.4　兒童語言教育網(wǎng)站的制作過程 203
6.4.1　制作基本的網(wǎng)站首頁 203
6.4.2　導(dǎo)航欄上熱點(diǎn)鏈接的制作 204
6.4.3　日期時(shí)間的制作 206
6.4.4　制作網(wǎng)頁中可以放大的圖像 210
6.4.5　制作風(fēng)格統(tǒng)一的二級(jí)頁面 212
6.4.6　制作可隨意拖動(dòng)的廣告圖像 213
6.4.7　實(shí)例總結(jié) 216
6.5　舉一反三——個(gè)人音樂教育網(wǎng)站的設(shè)計(jì) 218
6.6　擴(kuò)展知識(shí) 227
第7章　制作求職招聘網(wǎng)站 229
7.1　求職招聘網(wǎng)站的分析 230
7.2　同類網(wǎng)站的比較 231
7.3　實(shí)例解析 233
7.4　綜合求職招聘網(wǎng)站的制作過程 234
7.4.1　網(wǎng)頁整體布局的制作 234
7.4.2　下拉式導(dǎo)航菜單欄的制作 235
7.4.3　網(wǎng)頁主要內(nèi)容的制作 238
7.4.4　幻燈片廣告圖像的制作 243
7.4.5　可翻轉(zhuǎn)圖像的制作 245
7.4.6　跳轉(zhuǎn)頁面下拉菜單的制作 247
7.4.7　實(shí)例總結(jié) 248
7.5　舉一反三——求職招聘平臺(tái)網(wǎng)站的設(shè)計(jì) 249
7.6　擴(kuò)展知識(shí) 259
第8章　制作音樂網(wǎng)站 263
8.1　音樂網(wǎng)站的分析 264
8.2　同類網(wǎng)站的比較 265
8.3　實(shí)例解析 267
8.4　綜合類音樂網(wǎng)站的制作過程 267
8.4.1　頁面內(nèi)容的制作 268
8.4.2　跑馬燈效果的制作 271
8.4.3　背景音樂的制作 272
8.4.4　在線試聽欄目的制作 274
8.4.5　制作隨頁面上下滾動(dòng)的廣告圖像 277
8.4.6　彈出瀏覽器窗口的制作 281
8.4.7　實(shí)例總結(jié) 282
8.5　舉一反三——專題類音樂網(wǎng)站的設(shè)計(jì) 282
8.6　擴(kuò)展知識(shí) 290
第9章　制作信息網(wǎng)站 293
9.1　信息網(wǎng)站的分析 294
9.2　同類網(wǎng)站的比較 295
9.3　實(shí)例解析 297
9.4　綜合信息網(wǎng)站的制作過程 297
9.4.1　首頁框架和導(dǎo)航欄的制作 297
9.4.2　折疊式面板的制作 298
9.4.3　網(wǎng)頁模板的創(chuàng)建 302
9.4.4　使用模板制作網(wǎng)頁內(nèi)容 303
9.4.5　模板的刪除、編輯和更新網(wǎng)頁操作 306
9.4.6　使用庫項(xiàng)目對網(wǎng)頁素材進(jìn)行保存 308
9.4.7　使用庫項(xiàng)目制作網(wǎng)頁內(nèi)容 310
9.4.8　實(shí)例總結(jié) 311
9.5　舉一反三——行業(yè)信息網(wǎng)站的設(shè)計(jì) 311
9.6　擴(kuò)展知識(shí) 325
第10章　制作旅游網(wǎng)站 327
10.1　旅游網(wǎng)站的分析 328
10.2　同類網(wǎng)站的比較 329
10.3　實(shí)例解析 331
10.4　旅行社網(wǎng)站的制作過程 331
10.4.1　網(wǎng)站樣式表的創(chuàng)建 331
10.4.2　首頁標(biāo)題欄的制作 333
10.4.3　滾動(dòng)廣告圖像和文本的制作 337
10.4.4　首頁其他內(nèi)容的制作 339
10.4.5　表單預(yù)訂網(wǎng)頁的制作 341
10.4.6　表單檢查行為的制作 344
10.4.7　實(shí)例總結(jié) 345
10.5　舉一反三——景點(diǎn)旅游網(wǎng)站的設(shè)計(jì) 345
10.6　擴(kuò)展知識(shí) 354
第11章　制作服裝網(wǎng)站 357
11.1　服裝網(wǎng)站的分析 358
11.2　同類網(wǎng)站的比較 359
11.3　實(shí)例解析 361
11.4　服裝銷售網(wǎng)站的制作過程 361
11.4.1　首頁內(nèi)容的制作 361
11.4.2　框架集的創(chuàng)建 368
11.4.3　框架集屬性的設(shè)置 369
11.4.4　框架網(wǎng)頁內(nèi)容的制作 370
11.4.5　使用框架制作其他網(wǎng)頁的內(nèi)容 373
11.4.6　框架網(wǎng)頁鏈接的制作 375
11.4.7　實(shí)例總結(jié) 376
11.5　舉一反三——婚紗服裝網(wǎng)站的設(shè)計(jì) 376
11.6　擴(kuò)展知識(shí) 390
第12章　制作交友網(wǎng)站 393
12.1　交友網(wǎng)站的分析 394
12.2　同類網(wǎng)站的比較 395
12.3　實(shí)例解析 397
12.4　婚戀交友網(wǎng)站的制作過程 398
12.4.1　HTML網(wǎng)頁的創(chuàng)建 398
12.4.2　Div頁面布局的使用 400
12.4.3　CSS樣式表的創(chuàng)建 401
12.4.4　Div內(nèi)容的制作 403
12.4.5　使用CSS樣式表設(shè)置Div的屬性 404
12.4.6　實(shí)例總結(jié) 411
12.5　舉一反三——興趣交友網(wǎng)站的設(shè)計(jì) 411
12.6　擴(kuò)展知識(shí) 424
第13章　制作電子商務(wù)網(wǎng)站 425
13.1　電子商務(wù)網(wǎng)站的分析 426
13.2　同類網(wǎng)站的比較 428
13.3　實(shí)例解析 429
13.4　B2C鮮花商務(wù)網(wǎng)站的制作過程 430
13.4.1　網(wǎng)站首頁的制作 430
13.4.2　站點(diǎn)和商品數(shù)據(jù)庫的創(chuàng)建 436
13.4.3　數(shù)據(jù)庫連接的創(chuàng)建 438
13.4.4　添加商品表單頁面的制作 439
13.4.5　商品展示頁面的制作 442
13.4.6　商品信息頁面的制作 444
13.4.7　實(shí)例總結(jié) 445
13.5　舉一反三——B2C圖書商務(wù)網(wǎng)站的設(shè)計(jì) 446
13.6　擴(kuò)展知識(shí) 459