典型商業(yè)網(wǎng)站建設(shè)實(shí)例精講（Dreamweaver版）

第一篇　基礎(chǔ)知識(shí)篇
第1章　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)　1
1.1　WWW概述　2
1.2　網(wǎng)址、網(wǎng)站、網(wǎng)頁(yè)和瀏覽器　3
1.2.1　網(wǎng)址　3
1.2.2　網(wǎng)站　5
1.2.3　網(wǎng)頁(yè)　5
1.2.4　瀏覽器　6
1.3　HTML、CSS和JavaScript　6
1.3.1　HTML　7
1.3.2　CSS　8
1.3.3　JavaScript　9
1.4　小結(jié)　10
1.5　上機(jī)練習(xí)　10
1.5.1　編輯HTML頁(yè)面　10
1.5.2　編寫(xiě)CSS程序　11
1.5.3　編寫(xiě)JavaScript程序　12
第2章　工具——Dreamweaver 8操作指南　13
2.1　Dreamweaver 8簡(jiǎn)介　14
2.1.1　Dreamweaver 8的基本功能　14
2.1.2　Dreamweaver 8的新增功能　15
2.2　Dreamweaver 8的安裝及激活　16
2.2.1　Dreamweaver 8的安裝　16
2.2.2　Dreamweaver 8的激活　17
2.3　Dreamweaver 8界面說(shuō)明　19
2.3.1　Dreamweaver 8的啟動(dòng)　19
2.3.2　Dreamweaver 8的工作環(huán)境　20
2.4　術(shù)語(yǔ)　23
2.4.1　建立本地站點(diǎn)　23
2.4.2　新建頁(yè)面　26
2.4.3　設(shè)置頁(yè)面標(biāo)題　28
2.4.4　打開(kāi)已有頁(yè)　29
2.4.5　保存頁(yè)面　30
2.4.6　預(yù)覽頁(yè)面　30
2.4.7　關(guān)閉頁(yè)面　31
2.4.8　“屬性”面板　31
2.4.9　“插入”欄　32
2.4.10　“文檔”工具欄　32
2.5　小結(jié)　32
2.6　上機(jī)練習(xí)　32
2.6.1　在Dreamweaver 8中創(chuàng)建一個(gè)新的站點(diǎn)　33
2.6.2　創(chuàng)建空白網(wǎng)頁(yè)文檔　33
第3章　格式——網(wǎng)頁(yè)設(shè)計(jì)入門(mén)　35
3.1　HTML的相關(guān)知識(shí)　36
3.1.1　HTML的基本概念　36
3.1.2　HTML的基本結(jié)構(gòu)　37
3.2　設(shè)置頁(yè)面屬性　38
3.3　文字的排版　39
3.3.1　標(biāo)題格式　40
3.3.2　文字格式　42
3.3.3　設(shè)置文本大小　44
3.3.4　設(shè)置文本顏色　45
3.4　設(shè)置文本修飾　47
3.5　插入特殊符號(hào)　49
3.6　段落的排版　49
3.6.1　換行格式　50
3.6.2　水平線　51
3.7　列表的設(shè)置　52
3.7.1　項(xiàng)目列表　53
3.7.2　編號(hào)列表　55
3.7.3　定義列表　58
3.7.4　列表的嵌套　60
3.8　注釋的使用　61
3.9　小結(jié)　63
3.10　上機(jī)練習(xí)　64
3.10.1　設(shè)置文本格式　64
3.10.2　設(shè)計(jì)網(wǎng)頁(yè)文本的綜合效果　65
第4章　圖像——網(wǎng)頁(yè)不僅有文字　67
4.1　圖像的格式　68
4.1.1　GIF格式　68
4.1.2　JPEG格式　69
4.1.3　PNG格式　70
4.2　插入圖像與圖像占位符　70
4.2.1　插入圖像　70
4.2.2　插入圖像占位符　74
4.3　設(shè)置圖像與圖像占位符　77
4.3.1　設(shè)置背景圖像　77
4.3.2　設(shè)置圖像的常用屬性　79
4.3.3　設(shè)置圖像大小　82
4.3.4　對(duì)圖像重新取樣　83
4.3.5　裁剪圖像　84
4.3.6　調(diào)整圖像的亮度和對(duì)比度　85
4.3.7　銳化圖像　86
4.3.8　設(shè)置圖像占位符屬性　87
4.3.9　替換圖像占位符　87
4.4　使用Fireworks對(duì)圖像進(jìn)行處理　88
4.4.1　使用Fireworks編輯圖像　88
4.4.2　使用Fireworks優(yōu)化圖像　90
4.5　制作圖像地圖　91
4.5.1　創(chuàng)建圖像地圖　91
4.5.2　修改圖像地圖　93
4.6　制作相冊(cè)　94
4.7　小結(jié)　96
4.8　上機(jī)練習(xí)　97
4.8.1　制作"田園風(fēng)光"頁(yè)面　97
4.8.2　創(chuàng)建圖像地圖　98
4.8.3　花之海洋——制作相冊(cè)　99
第5章　鏈接——有鏈接才叫網(wǎng)頁(yè)　101
5.1　URL的相關(guān)知識(shí)　102
5.1.1　URL概述　102
5.1.2　路徑詳解　103
5.2　超鏈接的類(lèi)型　105
5.3　創(chuàng)建與管理鏈接　106
5.3.1　創(chuàng)建內(nèi)部鏈接　106
5.3.2　創(chuàng)建外部鏈接　112
5.3.3　創(chuàng)建E-mail鏈接　112
5.3.4　創(chuàng)建下載鏈接　113
5.3.5　創(chuàng)建錨點(diǎn)鏈接　114
5.3.6　創(chuàng)建空鏈接及腳本鏈接　116
5.3.7　創(chuàng)建跳轉(zhuǎn)菜單　119
5.3.8　創(chuàng)建導(dǎo)航條　122
5.3.9　熱點(diǎn)鏈接　124
5.4　綜合實(shí)例　126
5.5　小結(jié)　130
5.6　上機(jī)練習(xí)　131
5.6.1　制作錨點(diǎn)鏈接頁(yè)面　131
5.6.2　制作跳轉(zhuǎn)菜單頁(yè)面　131
第6章　表格——網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)　133
6.1 表格的基本操作　134
6.1.1　插入表格　134
6.1.2　向單元格添加內(nèi)容　139
6.1.3　選擇表格　140
6.1.4　選擇單元格、行和列　141
6.1.5　表格的嵌套　143
6.1.6　導(dǎo)入表格式數(shù)據(jù)　143
6.1.7　導(dǎo)出表格數(shù)據(jù)　144
6.2　設(shè)置表格屬性　145
6.2.1　設(shè)置整個(gè)表格的屬性　145
6.2.2　設(shè)置單元格、行或列屬性　148
6.2.3　使用預(yù)置表格　150
6.3　表格的編輯　151
6.3.1　調(diào)整表格大小　151
6.3.2　更改行高或列寬　151
6.3.3　添加及刪除行和列　152
6.3.4　單元格的合并及拆分　154
6.3.5　單元格的復(fù)制、剪切、粘貼和清除　155
6.3.6　排序表格　158
6.4　布局表格和布局單元格　160
6.4.1　標(biāo)準(zhǔn)模式和布局模式　160
6.4.2　創(chuàng)建布局表格　161
6.4.3　創(chuàng)建布局單元格　162
6.4.4　調(diào)整布局表格和單元格　163
6.4.5　設(shè)置布局表格和單元格的屬性　164
6.5　綜合實(shí)例　168
6.6　小結(jié)　172
6.7　上機(jī)練習(xí)　172
6.7.1　繪制嵌套布局表格　172
6.7.2　表格定位頁(yè)面　173
第7章　層和行為——讓網(wǎng)頁(yè)設(shè)計(jì)更靈活　177
7.1　層的概念及分類(lèi)　178
7.1.1　層的概念　178
7.1.2　層的分類(lèi)　179
7.2　層的操作　179
7.2.1　層的標(biāo)記　179
7.2.2　創(chuàng)建層　180
7.2.3　激活層　183
7.2.4　選擇層　184
7.2.5　移動(dòng)層　185
7.2.6　調(diào)整層的大小　185
7.2.7　對(duì)齊層　187
7.2.8　靠齊層到網(wǎng)格　188
7.3　層的管理　189
7.3.1　“層”面板　189
7.3.2　防止層重疊　189
7.3.3　調(diào)整層的順序　190
7.3.4　更改層的可見(jiàn)性　191
7.4　層的屬性設(shè)置　192
7.4.1　層的首選參數(shù)設(shè)置　192
7.4.2　單個(gè)層的屬性設(shè)置　193
7.4.3　多個(gè)層的屬性設(shè)置　194
7.5　層與表格間的轉(zhuǎn)換　194
7.5.1　層轉(zhuǎn)換為表格　195
7.5.2　表格轉(zhuǎn)換為層　196
7.6　層和行為　197
7.6.1　行為　197
7.6.2　“行為”面板　197
7.6.3　向?qū)犹砑有袨椤?98
7.6.4　更改行為　199
7.6.5　標(biāo)準(zhǔn)動(dòng)作　200
7.6.6　標(biāo)準(zhǔn)事件　203
7.6.7　綜合實(shí)例——看圖學(xué)英語(yǔ)　204
7.6.8　綜合實(shí)例——書(shū)籍簡(jiǎn)介　208
7.7　小結(jié)　210
7.8　上機(jī)練習(xí)　210
7.8.1　制作“靜夜思”頁(yè)面　211
7.8.2　制作“圖片拖動(dòng)”網(wǎng)頁(yè)特效　212
7.8.3　制作“人物簡(jiǎn)介”頁(yè)面　213
第二篇　提高篇
第8章　頭部和主體——網(wǎng)頁(yè)屬性的設(shè)置　215
8.1　頭部　216
8.1.1　頭部標(biāo)記概述　217
8.1.2　插入“標(biāo)題”　218
8.1.3　插入“基礎(chǔ)”　219
8.1.4　插入“鏈接”　219
8.1.5　插入“Meta”　220
8.2　主體　227
8.2.1　主體標(biāo)記概述　228
8.2.2　外觀　228
8.2.3　標(biāo)題/編碼　230
8.2.4　跟蹤圖像　230
8.3　小結(jié)　231
8.4　上機(jī)練習(xí)　231
8.4.1　添加頭部標(biāo)記　231
8.4.2　設(shè)置頁(yè)面屬性　232
第9章　多媒體——豐富多彩的網(wǎng)頁(yè)　233
9.1　多媒體的概念和構(gòu)成元素　234
9.2　Dreamweaver 8中多媒體的基本操作　235
9.2.1　插入和編輯媒體對(duì)象　235
9.2.2　為媒體文件啟動(dòng)外部編輯器　236
9.3　插入Flash　237
9.3.1　在網(wǎng)頁(yè)中插入Flash動(dòng)畫(huà)　238
9.3.2　在網(wǎng)頁(yè)中插入Flash按鈕　240
9.3.3　在網(wǎng)頁(yè)中插入Flash文本　241
9.3.4　在網(wǎng)頁(yè)中插入ActiveX控件　242
9.4　插入視頻　243
9.4.1　視頻的文件格式　243
9.4.2　插入視頻　244
9.4.3　利用超鏈接插入視頻　245
9.5　插入聲音　246
9.5.1　利用超鏈接插入聲音　246
9.5.2　嵌入聲音文件　247
9.5.3　插入背景音樂(lè)　247
9.6　小結(jié)　248
9.7　上機(jī)練習(xí)　248
第10章　CSS——網(wǎng)頁(yè)美化大師　249
10.1　CSS基礎(chǔ)知識(shí)　250
10.1.1　CSS簡(jiǎn)介　250
10.1.2　CSS的作用　250
10.2　CSS語(yǔ)法　251
10.2.1　基本CSS語(yǔ)法　251
10.2.2　創(chuàng)建CLASS　253
10.2.3　使用ID　254
10.3　CSS的放置　255
10.4　有關(guān)樣式?jīng)_突　256
10.5　Dreamweaver 8中有關(guān)CSS的操作　258
10.5.1　創(chuàng)建新樣式　258
10.5.2　編輯已有CSS　260
10.5.3　應(yīng)用CSS樣式　260
10.5.4　刪除CSS樣式　261
10.6　CSS屬性　261
10.6.1　類(lèi)型面板　261
10.6.2　背景面板　262
10.6.3　區(qū)塊面板　263
10.6.4　方框面板　264
10.6.5　邊框面板　265
10.6.6　列表面板　266
10.6.7　定位面板　266
10.6.8　擴(kuò)展面板　268
10.7　CSS濾鏡　269
10.7.1　CSS濾鏡概述　269
10.7.2　Alpha　270
10.7.3　Blur　271
10.7.4　Chroma　272
10.7.5　DropShadow　273
10.7.6　FlipH和FlipV　274
10.7.7　Glow　274
10.7.8　Gray　275
10.7.9　Invert　276
10.7.10　Mask　276
10.7.11　Shadow　277
10.7.12　Wave　277
10.7.13　Xray　278
10.7.14　Light　279
10.7.15　RevealTrans　280
10.7.16　BlendTrans　280
10.8　小結(jié)　281
10.9　上機(jī)練習(xí)　282
10.9.1　CSS屬性的設(shè)置　282
10.9.2　外部樣式表的引用　282
10.9.3　濾鏡的使用　282
第11章　JavaScript——編程使網(wǎng)頁(yè)活起來(lái)　283
11.1　JavaScript概述　284
11.1.1　什么是JavaScript　284
11.1.2　將JavaScript嵌入頁(yè)面　284
11.2　JavaScript語(yǔ)言基礎(chǔ)　286
11.2.1　變量定義　286
11.2.2　表達(dá)式和運(yùn)算符　286
11.2.3　程序流程控制　288
11.2.4　函數(shù)　290
11.2.5　事件　291
11.2.6　對(duì)象　292
11.3　JavaScript常用實(shí)例代碼　298
11.4　Dreamweaver 8中JavaScript的操作　301
11.5　小結(jié)　302
11.6　上機(jī)練習(xí)　303
11.6.1　window對(duì)象的方法　303
11.6.2　編制一個(gè)走動(dòng)的時(shí)鐘　303
11.6.3　對(duì)電子郵件格式的檢驗(yàn)　303
第12章　動(dòng)態(tài)網(wǎng)頁(yè)——交互才是真正的網(wǎng)站　305
12.1　實(shí)例說(shuō)明　306
12.2　ASP環(huán)境配置　307
12.2.1　什么是ASP　308
12.2.2　IIS的配置　309
12.3　重新定義Dreamweaver 8站點(diǎn)　310
12.4　表單　311
12.4.1　什么是表單　311
12.4.2　表單的結(jié)構(gòu)　311
12.4.3　表單的制作　312
12.5　創(chuàng)建數(shù)據(jù)庫(kù)　318
12.5.1　建立數(shù)據(jù)庫(kù)　318
12.5.2　建立數(shù)據(jù)表　319
12.5.3　相關(guān)概念　320
12.6　SQL語(yǔ)言　321
12.6.1　數(shù)據(jù)查詢　321
12.6.2　插入記錄　323
12.6.3　修改記錄　323
12.6.4　刪除記錄　323
12.7　創(chuàng)建與數(shù)據(jù)庫(kù)的連接　324
12.7.1　理解數(shù)據(jù)庫(kù)連接　324
12.7.2　調(diào)用數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序　325
12.8　在Dreamweaver 8中創(chuàng)建ASP程序　328
12.8.1　頁(yè)面之間信息傳遞　328
12.8.2　連接數(shù)據(jù)庫(kù)　330
12.8.3　定義記錄集　331
12.8.4　對(duì)記錄集進(jìn)行判斷　333
12.8.5　代碼綜合　333
12.8.6　補(bǔ)充說(shuō)明　335
12.9　小結(jié)　336
12.10　上機(jī)練習(xí)　336
12.10.1　表單的制作　336
12.10.2　數(shù)據(jù)庫(kù)及數(shù)據(jù)表的操作　337
12.10.3　創(chuàng)建DSN　338
12.10.4　IIS配置　339
12.10.5　ASP編程練習(xí)　339
第三篇　行業(yè)規(guī)范篇
第13章　商業(yè)網(wǎng)站設(shè)計(jì)　341
13.1　商業(yè)網(wǎng)站設(shè)計(jì)概述　342
13.2　商業(yè)網(wǎng)站設(shè)計(jì)流程　344
13.2.1　前期策劃　344
13.2.2　網(wǎng)站結(jié)構(gòu)分析　347
13.2.3　界面創(chuàng)作與頁(yè)面制作　351
13.2.4　網(wǎng)站的發(fā)布與維護(hù)　354
13.3　商業(yè)網(wǎng)站開(kāi)發(fā)規(guī)范　355
13.3.1　項(xiàng)目管理規(guī)范　355
13.3.2　網(wǎng)頁(yè)內(nèi)容組織規(guī)范　355
13.4　小結(jié)　356
13.5　練習(xí)　356
第14章　商業(yè)網(wǎng)站的系統(tǒng)配置　357
14.1　IIS的安裝　358
14.1.1　檢查操作系統(tǒng)是否安裝了IIS　358
14.1.2　安裝IIS　359
14.2　網(wǎng)站IIS運(yùn)行環(huán)境的配置　361
14.3　小結(jié)　364
14.4　上機(jī)練習(xí)　364
第四篇　應(yīng)用案例篇
第15章　企業(yè)——MOTOROLA 　365
15.1　網(wǎng)站需求分析　366
15.2　網(wǎng)站結(jié)構(gòu)設(shè)計(jì)　366
15.3　網(wǎng)站界面設(shè)計(jì)　370
15.4　切圖　372
15.4.1　首頁(yè)界面切圖　372
15.4.2　二級(jí)和三級(jí)界面切圖　373
15.5　網(wǎng)站網(wǎng)頁(yè)制作　374
15.5.1　首頁(yè)頁(yè)面的制作　374
15.5.2　二級(jí)和三級(jí)頁(yè)面的制作　376
15.6　小結(jié)　376
第16章　電子商務(wù)——ALIBABA　377
16.1　網(wǎng)站需求分析　378
16.2　網(wǎng)站首頁(yè)的設(shè)計(jì)制作　378
16.3　網(wǎng)站二級(jí)頁(yè)面設(shè)計(jì)制作　381
16.4　網(wǎng)站三級(jí)頁(yè)面設(shè)計(jì)制作　382
16.5　導(dǎo)航條的制作　384
16.5.1　界面制作　384
16.5.2　切片　385
16.5.3　制作導(dǎo)航網(wǎng)頁(yè)　386
16.6　小結(jié)　388
第17章　教育——清華大學(xué)校園網(wǎng)　389
17.1　網(wǎng)站需求分析　390
17.2　網(wǎng)站首頁(yè)設(shè)計(jì)制作　390
17.2.1　結(jié)構(gòu)設(shè)計(jì)　391
17.2.2　界面設(shè)計(jì)　391
17.2.3　切圖　392
17.2.4　頁(yè)面制作　392
17.3　網(wǎng)站二級(jí)頁(yè)面設(shè)計(jì)制作　393
17.3.1　結(jié)構(gòu)分析　393
17.3.2　界面設(shè)計(jì)　393
17.3.3　切圖　394
17.3.4　頁(yè)面制作　395
17.4　小結(jié)　396
第18章　大眾傳媒——CCTV　397
18.1　網(wǎng)站需求分析　398
18.2　網(wǎng)站結(jié)構(gòu)分析　398
18.3　網(wǎng)站界面設(shè)計(jì)　400
18.4　頁(yè)面切圖　401
18.5　頁(yè)面制作　402
18.6　小結(jié)　408
第19章　時(shí)尚——金帝食品有限公司　409
19.1　網(wǎng)站需求分析　410
19.2　網(wǎng)站封面設(shè)計(jì)制作　410
19.2.1　封面Flash的結(jié)構(gòu)設(shè)計(jì)　411
19.2.2　封面Flash制作　413
19.3　小結(jié)　418
第20章　色彩——視覺(jué)中國(guó)　419
20.1　網(wǎng)站需求分析　420
20.2　網(wǎng)站首頁(yè)結(jié)構(gòu)分析　420
20.3　網(wǎng)站首頁(yè)界面設(shè)計(jì)　421
20.4　小結(jié)　427