精彩網(wǎng)頁(yè)設(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)站域名和空間的申請(qǐ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)站的頁(yè)面設(shè)計(jì) 23
2.1　網(wǎng)頁(yè)色彩的應(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)頁(yè)布局的基本要素 27
2.4.1　頁(yè)面標(biāo)題 27
2.4.2　網(wǎng)站Logo 28
2.4.3　頁(yè)面尺寸 28
2.4.4　導(dǎo)航欄 29
2.4.5　頁(yè)眉和頁(yè)腳 30
2.5　網(wǎng)頁(yè)布局原則與形式 30
2.5.1　網(wǎng)頁(yè)布局原則 30
2.5.2　常見(jiàn)的網(wǎng)頁(yè)布局形式 31
2.6　網(wǎng)頁(yè)中的文字設(shè)計(jì) 32
2.6.1　文字的選擇 32
2.6.2　文字的圖形化 34
2.6.3　文字設(shè)計(jì)需要注意的問(wèn)題 34
2.7　網(wǎng)頁(yè)中的圖像應(yīng)用 34
2.7.1　常見(jiàn)的網(wǎng)頁(yè)圖像格式 35
2.7.2　網(wǎng)頁(yè)中應(yīng)用圖像的注意要點(diǎn) 35
2.8　網(wǎng)頁(yè)中的多媒體應(yīng)用 36
2.8.1　動(dòng)畫(huà) 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　分析客戶(hù)需求 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ì)中需要注意的問(wèn)題 59
3.7　常見(jiàn)房產(chǎn)建筑網(wǎng)站的設(shè)計(jì) 59
3.7.1　房產(chǎn)建筑網(wǎng)站的分析 59
3.7.2　同類(lèi)網(wǎng)站的比較 61
3.7.3　實(shí)例解析 62
3.7.4　制作過(guò)程 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)站頁(yè)面結(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)站首頁(yè)結(jié)構(gòu)的搭建實(shí)例 100
4.3　網(wǎng)頁(yè)文本編輯及CSS控制 102
4.3.1　CSS層疊樣式表的類(lèi)型 102
4.3.2　使用CSS層疊樣式表 102
4.3.3　編輯CSS層疊樣式表 104
4.4　圖像的編輯 108
4.5　在網(wǎng)頁(yè)中插入多媒體元素 112
4.5.1　插入Flash動(dòng)畫(huà) 112
4.5.2　插入視頻 114
4.5.3　插入音樂(lè) 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)頁(yè) 120
4.7.1　表單 120
4.7.2　Spry控件 133
4.8　使用行為和JavaScript制作網(wǎng)頁(yè) 137
4.8.1　Dreamweaver中的行為概述 137
4.8.2　使用行為創(chuàng)建特效網(wǎng)頁(yè) 138
4.8.3　JavaScript基本語(yǔ)法 141
4.9　使用JavaScript創(chuàng)建動(dòng)感網(wǎng)頁(yè) 142
4.9.1　使用JavaScript為頁(yè)面設(shè)置訪(fǎng)問(wèn)口令 142
4.9.2　使用JavaScript實(shí)現(xiàn)頁(yè)面中的閃電背景特效 143
4.10　模板和庫(kù) 144
4.10.1　使用模板 144
4.10.2　使用庫(kù) 145
4.11　動(dòng)態(tài)網(wǎng)站開(kāi)發(fā) 147
4.11.1　安裝Internet lnformation Server 147
4.11.2　設(shè)置Web服務(wù)器 148
4.11.3　數(shù)據(jù)庫(kù)的創(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　同類(lèi)網(wǎng)站的比較 161
5.3　實(shí)例解析 163
5.4　信息企業(yè)網(wǎng)站的制作過(guò)程 163
5.4.1　基本網(wǎng)頁(yè)的制作 163
5.4.2　CSS樣式表的創(chuàng)建 164
5.4.3　首頁(yè)導(dǎo)航欄的制作 166
5.4.4　首頁(yè)主體內(nèi)容的制作 168
5.4.5　服務(wù)頁(yè)面項(xiàng)目列表的制作 172
5.4.6　滾動(dòng)網(wǎng)頁(yè)內(nèi)容的制作 174
5.4.7　聯(lián)系頁(yè)面電子郵件鏈接的制作 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　同類(lèi)網(wǎng)站的比較 201
6.3　實(shí)例解析 202
6.4　兒童語(yǔ)言教育網(wǎng)站的制作過(guò)程 203
6.4.1　制作基本的網(wǎng)站首頁(yè) 203
6.4.2　導(dǎo)航欄上熱點(diǎn)鏈接的制作 204
6.4.3　日期時(shí)間的制作 206
6.4.4　制作網(wǎng)頁(yè)中可以放大的圖像 210
6.4.5　制作風(fēng)格統(tǒng)一的二級(jí)頁(yè)面 212
6.4.6　制作可隨意拖動(dòng)的廣告圖像 213
6.4.7　實(shí)例總結(jié) 216
6.5　舉一反三——個(gè)人音樂(lè)教育網(wǎng)站的設(shè)計(jì) 218
6.6　擴(kuò)展知識(shí) 227
第7章　制作求職招聘網(wǎng)站 229
7.1　求職招聘網(wǎng)站的分析 230
7.2　同類(lèi)網(wǎng)站的比較 231
7.3　實(shí)例解析 233
7.4　綜合求職招聘網(wǎng)站的制作過(guò)程 234
7.4.1　網(wǎng)頁(yè)整體布局的制作 234
7.4.2　下拉式導(dǎo)航菜單欄的制作 235
7.4.3　網(wǎng)頁(yè)主要內(nèi)容的制作 238
7.4.4　幻燈片廣告圖像的制作 243
7.4.5　可翻轉(zhuǎn)圖像的制作 245
7.4.6　跳轉(zhuǎn)頁(yè)面下拉菜單的制作 247
7.4.7　實(shí)例總結(jié) 248
7.5　舉一反三——求職招聘平臺(tái)網(wǎng)站的設(shè)計(jì) 249
7.6　擴(kuò)展知識(shí) 259
第8章　制作音樂(lè)網(wǎng)站 263
8.1　音樂(lè)網(wǎng)站的分析 264
8.2　同類(lèi)網(wǎng)站的比較 265
8.3　實(shí)例解析 267
8.4　綜合類(lèi)音樂(lè)網(wǎng)站的制作過(guò)程 267
8.4.1　頁(yè)面內(nèi)容的制作 268
8.4.2　跑馬燈效果的制作 271
8.4.3　背景音樂(lè)的制作 272
8.4.4　在線(xiàn)試聽(tīng)欄目的制作 274
8.4.5　制作隨頁(yè)面上下滾動(dòng)的廣告圖像 277
8.4.6　彈出瀏覽器窗口的制作 281
8.4.7　實(shí)例總結(jié) 282
8.5　舉一反三——專(zhuān)題類(lèi)音樂(lè)網(wǎng)站的設(shè)計(jì) 282
8.6　擴(kuò)展知識(shí) 290
第9章　制作信息網(wǎng)站 293
9.1　信息網(wǎng)站的分析 294
9.2　同類(lèi)網(wǎng)站的比較 295
9.3　實(shí)例解析 297
9.4　綜合信息網(wǎng)站的制作過(guò)程 297
9.4.1　首頁(yè)框架和導(dǎo)航欄的制作 297
9.4.2　折疊式面板的制作 298
9.4.3　網(wǎng)頁(yè)模板的創(chuàng)建 302
9.4.4　使用模板制作網(wǎng)頁(yè)內(nèi)容 303
9.4.5　模板的刪除、編輯和更新網(wǎng)頁(yè)操作 306
9.4.6　使用庫(kù)項(xiàng)目對(duì)網(wǎng)頁(yè)素材進(jìn)行保存 308
9.4.7　使用庫(kù)項(xiàng)目制作網(wǎng)頁(yè)內(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　同類(lèi)網(wǎng)站的比較 329
10.3　實(shí)例解析 331
10.4　旅行社網(wǎng)站的制作過(guò)程 331
10.4.1　網(wǎng)站樣式表的創(chuàng)建 331
10.4.2　首頁(yè)標(biāo)題欄的制作 333
10.4.3　滾動(dòng)廣告圖像和文本的制作 337
10.4.4　首頁(yè)其他內(nèi)容的制作 339
10.4.5　表單預(yù)訂網(wǎng)頁(yè)的制作 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　同類(lèi)網(wǎng)站的比較 359
11.3　實(shí)例解析 361
11.4　服裝銷(xiāo)售網(wǎng)站的制作過(guò)程 361
11.4.1　首頁(yè)內(nèi)容的制作 361
11.4.2　框架集的創(chuàng)建 368
11.4.3　框架集屬性的設(shè)置 369
11.4.4　框架網(wǎng)頁(yè)內(nèi)容的制作 370
11.4.5　使用框架制作其他網(wǎng)頁(yè)的內(nèi)容 373
11.4.6　框架網(wǎng)頁(yè)鏈接的制作 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　同類(lèi)網(wǎng)站的比較 395
12.3　實(shí)例解析 397
12.4　婚戀交友網(wǎng)站的制作過(guò)程 398
12.4.1　HTML網(wǎng)頁(yè)的創(chuàng)建 398
12.4.2　Div頁(yè)面布局的使用 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　同類(lèi)網(wǎng)站的比較 428
13.3　實(shí)例解析 429
13.4　B2C鮮花商務(wù)網(wǎng)站的制作過(guò)程 430
13.4.1　網(wǎng)站首頁(yè)的制作 430
13.4.2　站點(diǎn)和商品數(shù)據(jù)庫(kù)的創(chuàng)建 436
13.4.3　數(shù)據(jù)庫(kù)連接的創(chuàng)建 438
13.4.4　添加商品表單頁(yè)面的制作 439
13.4.5　商品展示頁(yè)面的制作 442
13.4.6　商品信息頁(yè)面的制作 444
13.4.7　實(shí)例總結(jié) 445
13.5　舉一反三——B2C圖書(shū)商務(wù)網(wǎng)站的設(shè)計(jì) 446
13.6　擴(kuò)展知識(shí) 459