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

第一篇　基礎知識篇
第1章　網(wǎng)頁設計基礎知識　1
1.1　WWW概述　2
1.2　網(wǎng)址、網(wǎng)站、網(wǎng)頁和瀏覽器　3
1.2.1　網(wǎng)址　3
1.2.2　網(wǎng)站　5
1.2.3　網(wǎng)頁　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　小結　10
1.5　上機練習　10
1.5.1　編輯HTML頁面　10
1.5.2　編寫CSS程序　11
1.5.3　編寫JavaScript程序　12
第2章　工具——Dreamweaver 8操作指南　13
2.1　Dreamweaver 8簡介　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界面說明　19
2.3.1　Dreamweaver 8的啟動　19
2.3.2　Dreamweaver 8的工作環(huán)境　20
2.4　術語　23
2.4.1　建立本地站點　23
2.4.2　新建頁面　26
2.4.3　設置頁面標題　28
2.4.4　打開已有頁　29
2.4.5　保存頁面　30
2.4.6　預覽頁面　30
2.4.7　關閉頁面　31
2.4.8　“屬性”面板　31
2.4.9　“插入”欄　32
2.4.10　“文檔”工具欄　32
2.5　小結　32
2.6　上機練習　32
2.6.1　在Dreamweaver 8中創(chuàng)建一個新的站點　33
2.6.2　創(chuàng)建空白網(wǎng)頁文檔　33
第3章　格式——網(wǎng)頁設計入門　35
3.1　HTML的相關知識　36
3.1.1　HTML的基本概念　36
3.1.2　HTML的基本結構　37
3.2　設置頁面屬性　38
3.3　文字的排版　39
3.3.1　標題格式　40
3.3.2　文字格式　42
3.3.3　設置文本大小　44
3.3.4　設置文本顏色　45
3.4　設置文本修飾　47
3.5　插入特殊符號　49
3.6　段落的排版　49
3.6.1　換行格式　50
3.6.2　水平線　51
3.7　列表的設置　52
3.7.1　項目列表　53
3.7.2　編號列表　55
3.7.3　定義列表　58
3.7.4　列表的嵌套　60
3.8　注釋的使用　61
3.9　小結　63
3.10　上機練習　64
3.10.1　設置文本格式　64
3.10.2　設計網(wǎng)頁文本的綜合效果　65
第4章　圖像——網(wǎng)頁不僅有文字　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　設置圖像與圖像占位符　77
4.3.1　設置背景圖像　77
4.3.2　設置圖像的常用屬性　79
4.3.3　設置圖像大小　82
4.3.4　對圖像重新取樣　83
4.3.5　裁剪圖像　84
4.3.6　調(diào)整圖像的亮度和對比度　85
4.3.7　銳化圖像　86
4.3.8　設置圖像占位符屬性　87
4.3.9　替換圖像占位符　87
4.4　使用Fireworks對圖像進行處理　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　制作相冊　94
4.7　小結　96
4.8　上機練習　97
4.8.1　制作"田園風光"頁面　97
4.8.2　創(chuàng)建圖像地圖　98
4.8.3　花之海洋——制作相冊　99
第5章　鏈接——有鏈接才叫網(wǎng)頁　101
5.1　URL的相關知識　102
5.1.1　URL概述　102
5.1.2　路徑詳解　103
5.2　超鏈接的類型　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)建錨點鏈接　114
5.3.6　創(chuàng)建空鏈接及腳本鏈接　116
5.3.7　創(chuàng)建跳轉菜單　119
5.3.8　創(chuàng)建導航條　122
5.3.9　熱點鏈接　124
5.4　綜合實例　126
5.5　小結　130
5.6　上機練習　131
5.6.1　制作錨點鏈接頁面　131
5.6.2　制作跳轉菜單頁面　131
第6章　表格——網(wǎng)頁設計的基礎　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　導入表格式數(shù)據(jù)　143
6.1.7　導出表格數(shù)據(jù)　144
6.2　設置表格屬性　145
6.2.1　設置整個表格的屬性　145
6.2.2　設置單元格、行或列屬性　148
6.2.3　使用預置表格　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　單元格的復制、剪切、粘貼和清除　155
6.3.6　排序表格　158
6.4　布局表格和布局單元格　160
6.4.1　標準模式和布局模式　160
6.4.2　創(chuàng)建布局表格　161
6.4.3　創(chuàng)建布局單元格　162
6.4.4　調(diào)整布局表格和單元格　163
6.4.5　設置布局表格和單元格的屬性　164
6.5　綜合實例　168
6.6　小結　172
6.7　上機練習　172
6.7.1　繪制嵌套布局表格　172
6.7.2　表格定位頁面　173
第7章　層和行為——讓網(wǎng)頁設計更靈活　177
7.1　層的概念及分類　178
7.1.1　層的概念　178
7.1.2　層的分類　179
7.2　層的操作　179
7.2.1　層的標記　179
7.2.2　創(chuàng)建層　180
7.2.3　激活層　183
7.2.4　選擇層　184
7.2.5　移動層　185
7.2.6　調(diào)整層的大小　185
7.2.7　對齊層　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　更改層的可見性　191
7.4　層的屬性設置　192
7.4.1　層的首選參數(shù)設置　192
7.4.2　單個層的屬性設置　193
7.4.3　多個層的屬性設置　194
7.5　層與表格間的轉換　194
7.5.1　層轉換為表格　195
7.5.2　表格轉換為層　196
7.6　層和行為　197
7.6.1　行為　197
7.6.2　“行為”面板　197
7.6.3　向?qū)犹砑有袨椤?98
7.6.4　更改行為　199
7.6.5　標準動作　200
7.6.6　標準事件　203
7.6.7　綜合實例——看圖學英語　204
7.6.8　綜合實例——書籍簡介　208
7.7　小結　210
7.8　上機練習　210
7.8.1　制作“靜夜思”頁面　211
7.8.2　制作“圖片拖動”網(wǎng)頁特效　212
7.8.3　制作“人物簡介”頁面　213
第二篇　提高篇
第8章　頭部和主體——網(wǎng)頁屬性的設置　215
8.1　頭部　216
8.1.1　頭部標記概述　217
8.1.2　插入“標題”　218
8.1.3　插入“基礎”　219
8.1.4　插入“鏈接”　219
8.1.5　插入“Meta”　220
8.2　主體　227
8.2.1　主體標記概述　228
8.2.2　外觀　228
8.2.3　標題/編碼　230
8.2.4　跟蹤圖像　230
8.3　小結　231
8.4　上機練習　231
8.4.1　添加頭部標記　231
8.4.2　設置頁面屬性　232
第9章　多媒體——豐富多彩的網(wǎng)頁　233
9.1　多媒體的概念和構成元素　234
9.2　Dreamweaver 8中多媒體的基本操作　235
9.2.1　插入和編輯媒體對象　235
9.2.2　為媒體文件啟動外部編輯器　236
9.3　插入Flash　237
9.3.1　在網(wǎng)頁中插入Flash動畫　238
9.3.2　在網(wǎng)頁中插入Flash按鈕　240
9.3.3　在網(wǎng)頁中插入Flash文本　241
9.3.4　在網(wǎng)頁中插入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　插入背景音樂　247
9.6　小結　248
9.7　上機練習　248
第10章　CSS——網(wǎng)頁美化大師　249
10.1　CSS基礎知識　250
10.1.1　CSS簡介　250
10.1.2　CSS的作用　250
10.2　CSS語法　251
10.2.1　基本CSS語法　251
10.2.2　創(chuàng)建CLASS　253
10.2.3　使用ID　254
10.3　CSS的放置　255
10.4　有關樣式?jīng)_突　256
10.5　Dreamweaver 8中有關CSS的操作　258
10.5.1　創(chuàng)建新樣式　258
10.5.2　編輯已有CSS　260
10.5.3　應用CSS樣式　260
10.5.4　刪除CSS樣式　261
10.6　CSS屬性　261
10.6.1　類型面板　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　擴展面板　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　小結　281
10.9　上機練習　282
10.9.1　CSS屬性的設置　282
10.9.2　外部樣式表的引用　282
10.9.3　濾鏡的使用　282
第11章　JavaScript——編程使網(wǎng)頁活起來　283
11.1　JavaScript概述　284
11.1.1　什么是JavaScript　284
11.1.2　將JavaScript嵌入頁面　284
11.2　JavaScript語言基礎　286
11.2.1　變量定義　286
11.2.2　表達式和運算符　286
11.2.3　程序流程控制　288
11.2.4　函數(shù)　290
11.2.5　事件　291
11.2.6　對象　292
11.3　JavaScript常用實例代碼　298
11.4　Dreamweaver 8中JavaScript的操作　301
11.5　小結　302
11.6　上機練習　303
11.6.1　window對象的方法　303
11.6.2　編制一個走動的時鐘　303
11.6.3　對電子郵件格式的檢驗　303
第12章　動態(tài)網(wǎng)頁——交互才是真正的網(wǎng)站　305
12.1　實例說明　306
12.2　ASP環(huán)境配置　307
12.2.1　什么是ASP　308
12.2.2　IIS的配置　309
12.3　重新定義Dreamweaver 8站點　310
12.4　表單　311
12.4.1　什么是表單　311
12.4.2　表單的結構　311
12.4.3　表單的制作　312
12.5　創(chuàng)建數(shù)據(jù)庫　318
12.5.1　建立數(shù)據(jù)庫　318
12.5.2　建立數(shù)據(jù)表　319
12.5.3　相關概念　320
12.6　SQL語言　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ù)庫的連接　324
12.7.1　理解數(shù)據(jù)庫連接　324
12.7.2　調(diào)用數(shù)據(jù)庫驅(qū)動程序　325
12.8　在Dreamweaver 8中創(chuàng)建ASP程序　328
12.8.1　頁面之間信息傳遞　328
12.8.2　連接數(shù)據(jù)庫　330
12.8.3　定義記錄集　331
12.8.4　對記錄集進行判斷　333
12.8.5　代碼綜合　333
12.8.6　補充說明　335
12.9　小結　336
12.10　上機練習　336
12.10.1　表單的制作　336
12.10.2　數(shù)據(jù)庫及數(shù)據(jù)表的操作　337
12.10.3　創(chuàng)建DSN　338
12.10.4　IIS配置　339
12.10.5　ASP編程練習　339
第三篇　行業(yè)規(guī)范篇
第13章　商業(yè)網(wǎng)站設計　341
13.1　商業(yè)網(wǎng)站設計概述　342
13.2　商業(yè)網(wǎng)站設計流程　344
13.2.1　前期策劃　344
13.2.2　網(wǎng)站結構分析　347
13.2.3　界面創(chuàng)作與頁面制作　351
13.2.4　網(wǎng)站的發(fā)布與維護　354
13.3　商業(yè)網(wǎng)站開發(fā)規(guī)范　355
13.3.1　項目管理規(guī)范　355
13.3.2　網(wǎng)頁內(nèi)容組織規(guī)范　355
13.4　小結　356
13.5　練習　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運行環(huán)境的配置　361
14.3　小結　364
14.4　上機練習　364
第四篇　應用案例篇
第15章　企業(yè)——MOTOROLA 　365
15.1　網(wǎng)站需求分析　366
15.2　網(wǎng)站結構設計　366
15.3　網(wǎng)站界面設計　370
15.4　切圖　372
15.4.1　首頁界面切圖　372
15.4.2　二級和三級界面切圖　373
15.5　網(wǎng)站網(wǎng)頁制作　374
15.5.1　首頁頁面的制作　374
15.5.2　二級和三級頁面的制作　376
15.6　小結　376
第16章　電子商務——ALIBABA　377
16.1　網(wǎng)站需求分析　378
16.2　網(wǎng)站首頁的設計制作　378
16.3　網(wǎng)站二級頁面設計制作　381
16.4　網(wǎng)站三級頁面設計制作　382
16.5　導航條的制作　384
16.5.1　界面制作　384
16.5.2　切片　385
16.5.3　制作導航網(wǎng)頁　386
16.6　小結　388
第17章　教育——清華大學校園網(wǎng)　389
17.1　網(wǎng)站需求分析　390
17.2　網(wǎng)站首頁設計制作　390
17.2.1　結構設計　391
17.2.2　界面設計　391
17.2.3　切圖　392
17.2.4　頁面制作　392
17.3　網(wǎng)站二級頁面設計制作　393
17.3.1　結構分析　393
17.3.2　界面設計　393
17.3.3　切圖　394
17.3.4　頁面制作　395
17.4　小結　396
第18章　大眾傳媒——CCTV　397
18.1　網(wǎng)站需求分析　398
18.2　網(wǎng)站結構分析　398
18.3　網(wǎng)站界面設計　400
18.4　頁面切圖　401
18.5　頁面制作　402
18.6　小結　408
第19章　時尚——金帝食品有限公司　409
19.1　網(wǎng)站需求分析　410
19.2　網(wǎng)站封面設計制作　410
19.2.1　封面Flash的結構設計　411
19.2.2　封面Flash制作　413
19.3　小結　418
第20章　色彩——視覺中國　419
20.1　網(wǎng)站需求分析　420
20.2　網(wǎng)站首頁結構分析　420
20.3　網(wǎng)站首頁界面設計　421
20.4　小結　427