Dreamweaver8完美網(wǎng)頁(yè)設(shè)計(jì)：商業(yè)網(wǎng)站篇

前  言
第1章　網(wǎng)頁(yè)設(shè)計(jì)概述
1.1  網(wǎng)頁(yè)基礎(chǔ)知識(shí)    1
1.1.1  什么是Internet    1
1.1.2  什么是WWW    2
1.1.3  什么是主頁(yè)    3
1.2  網(wǎng)頁(yè)制作常用工具    3
1.2.1  利用Photoshop CS2設(shè)計(jì)網(wǎng)頁(yè)
圖像    3
1.2.2  利用Fireworks 8設(shè)計(jì)網(wǎng)頁(yè)圖像    4
1.2.3  利用網(wǎng)頁(yè)編輯軟件Dreamweaver 8
制作網(wǎng)頁(yè)    5
1.2.4  利用網(wǎng)頁(yè)動(dòng)畫軟件Flash 8制作
動(dòng)畫    6
1.3  網(wǎng)站建設(shè)的基本流程    7
1.3.1  網(wǎng)站需求分析    7
1.3.2  設(shè)計(jì)制作網(wǎng)站頁(yè)面    9
1.3.3  開發(fā)網(wǎng)站功能模塊    10
1.3.4  域名和空間申請(qǐng)    12
1.3.5  網(wǎng)站文件的上傳    13
1.3.6  推廣網(wǎng)站    15
第2章　網(wǎng)站中色彩的應(yīng)用
2.1  網(wǎng)頁(yè)色彩的基本知識(shí)    19
2.2  搭配網(wǎng)頁(yè)色彩    20
2.2.1  網(wǎng)頁(yè)色彩搭配原理    20
2.2.2  網(wǎng)頁(yè)色彩搭配技巧    21
2.2.3  常見的幾種網(wǎng)頁(yè)配色方案    22
2.3  網(wǎng)站廣告設(shè)計(jì)概述    23
2.3.1  網(wǎng)站廣告標(biāo)準(zhǔn)尺寸    24
2.3.2  網(wǎng)站廣告的設(shè)計(jì)準(zhǔn)則    24
2.4  網(wǎng)站中的廣告設(shè)計(jì)要素    25
2.4.1  GIF和JPG圖像    25
2.4.2  多媒體影像    25
第3章　網(wǎng)站頁(yè)面的設(shè)計(jì)
3.1  網(wǎng)站頁(yè)面設(shè)計(jì)原則    27
3.2  網(wǎng)頁(yè)布局的基本要素    28
3.2.1  頁(yè)面標(biāo)題    28
3.2.2  網(wǎng)站標(biāo)志    28
3.2.3  頁(yè)面尺寸    29
3.2.4  導(dǎo)航欄    29
3.2.5  頁(yè)眉和頁(yè)腳    30
3.2  網(wǎng)頁(yè)布局方法    30
3.2.1  紙上布局    30
3.2.2  軟件布局    30
3.3  常見的版面布局形式    31
3.3.1  “國(guó)”字型布局    31
3.3.2  “廠”字型布局    31
3.3.3  “框架”型布局    32
3.3.4  “封面”型布局    32
3.3.5  Flash型布局    33
3.4  網(wǎng)頁(yè)中的文字設(shè)計(jì)    33
3.4.1  文字的字體、字號(hào)、行距    33
3.4.2  文字的顏色    35
3.4.3  文字的圖形化    36
3.5  網(wǎng)頁(yè)中的圖像應(yīng)用    36
3.5.1  常見的網(wǎng)頁(yè)圖像格式    36
3.5.2  網(wǎng)頁(yè)中應(yīng)用圖像的注意要點(diǎn)    37
3.6  確定網(wǎng)站的目錄結(jié)構(gòu)    37
第4章　創(chuàng)建基本圖文網(wǎng)頁(yè)
4.1  在網(wǎng)頁(yè)中輸入編輯文本    39
4.2  插入圖像    40
4.2.1  在網(wǎng)頁(yè)中插入圖像    40
4.2.2  設(shè)置圖像的屬性    42
4.3  編輯圖像    42
4.3.1  使用外部圖像編輯器    43
4.3.2  優(yōu)化網(wǎng)頁(yè)圖像    44
4.4  插入鼠標(biāo)經(jīng)過圖像    44
4.5  在網(wǎng)頁(yè)中插入動(dòng)畫    46
4.5.1  插入Flash影片    47
4.5.2  插入Flash按鈕    48
4.6  創(chuàng)建鏈接    50
4.6.1  創(chuàng)建文字鏈接    50
4.6.2  創(chuàng)建圖像鏈接    51
4.6.3  創(chuàng)建圖像熱點(diǎn)鏈接    52
4.6.4  創(chuàng)建電子郵件鏈接    53
4.6.5  創(chuàng)建錨點(diǎn)鏈接    55
第5章　網(wǎng)站中表格的使用
5.1  表格基本知識(shí)    57
5.2  表格的基本操作    58
5.2.1  插入表格    58
5.2.2  設(shè)置表格屬性    59
5.2.3  設(shè)置單元格屬性    60
5.2.4  拆分和合并單元格    61
5.2.5  選取表格對(duì)象    63
5.2.6  導(dǎo)入表格數(shù)據(jù)    64
5.3  制作網(wǎng)頁(yè)特效表格    66
5.3.1  圓角表格的制作    66
5.3.2  細(xì)線表格的制作    70
5.3.3  陰影表格的制作    72
5.4  利用表格布局網(wǎng)頁(yè)    73
第6章　網(wǎng)站中層的使用
6.1  網(wǎng)頁(yè)中層的概念    89
6.1.1  關(guān)于層面板    89
6.1.2  創(chuàng)建嵌套層    90
6.1.3  選擇層    90
6.1.4  調(diào)整層的大小    92
6.1.5  移動(dòng)層    92
6.2  設(shè)置層的屬性    93
6.2.1  更改層可見性    94
6.2.2  更改層的層疊順序    95
6.3  層與表格的轉(zhuǎn)換    97
6.4  利用層制作網(wǎng)頁(yè)下拉菜單    98
第7章　制作框架網(wǎng)站
7.1  框架網(wǎng)頁(yè)簡(jiǎn)述    101
7.2  創(chuàng)建框架和框架集    102
7.2.1  創(chuàng)建預(yù)定義的框架集    102
7.2.2  添加內(nèi)容    102
7.2.3  創(chuàng)建嵌套框架    105
7.3  保存框架和框架集文件    105
7.4  選擇框架和框架集    107
7.4.1  在【框架】面板中選擇框架和
框架集    107
7.4.2  在【文檔】窗口中選擇框架和
框架集    108
7.4.3  在框架中打開文檔    108
7.5  設(shè)置框架的鏈接    109
第8章　使用行為和JavaScript制作網(wǎng)頁(yè)
8.1  Dreamweaver中的行為概述    111
8.2  使用Dreamweaver自帶行為創(chuàng)建特效
網(wǎng)頁(yè)    112
8.2.1  設(shè)置狀態(tài)欄文本    112
8.2.2  添加彈出信息    113
8.2.3  創(chuàng)建自動(dòng)跳轉(zhuǎn)頁(yè)面網(wǎng)頁(yè)    114
8.2.4  調(diào)用JavaScript創(chuàng)建自動(dòng)關(guān)閉
網(wǎng)頁(yè)    115
8.2.5  創(chuàng)建播放聲音網(wǎng)頁(yè)    116
8.2.6  打開瀏覽器窗口    117
8.3  JavaScript基本語(yǔ)法    118
8.3.1  常量和變量    121
8.3.2  表達(dá)式和運(yùn)算符    122
8.3.3  基本程序語(yǔ)句    124
8.4  使用JavaScript創(chuàng)建動(dòng)感網(wǎng)頁(yè)    127
8.4.1  利用JavaScript創(chuàng)建自動(dòng)滾屏
網(wǎng)頁(yè)效果    127
8.4.2  利用JavaScript禁止頁(yè)面最
小化    129
第9章　使用CSS樣式表設(shè)計(jì)網(wǎng)頁(yè)
9.1  CSS概述    131
9.1.1  CSS的特點(diǎn)    131
9.1.2  添加CSS的方法    131
9.1.3  CSS基本語(yǔ)法    132
9.2  定義CSS樣式的屬性    133
9.2.1  創(chuàng)建嵌入式CSS    138
9.2.2  鏈接外部現(xiàn)有CSS樣式文件    139
9.2.3  導(dǎo)出到外部CSS樣式表    141
9.3  應(yīng)用CSS樣式美化網(wǎng)頁(yè)    141
9.3.1  應(yīng)用CSS改變文本間的行距    141
9.3.2  應(yīng)用CSS固定字體大小    143
9.3.3  應(yīng)用CSS給文字添加邊框    145
第10章　創(chuàng)建動(dòng)態(tài)網(wǎng)站
10.1  認(rèn)識(shí)動(dòng)態(tài)網(wǎng)頁(yè)    147
10.2  動(dòng)態(tài)網(wǎng)頁(yè)的運(yùn)行機(jī)制與制作流程    148
10.3  ASP基本語(yǔ)法    148
10.3.1  變量、常量和過程    148
10.3.2  條件運(yùn)算    150
10.3.3  循環(huán)語(yǔ)句    151
10.4  ASP內(nèi)建對(duì)象    152
10.4.1  Request對(duì)象    153
10.4.2  Response對(duì)象    155
10.4.3  Application對(duì)象    157
10.4.4  Server對(duì)象    158
10.4.5  Session對(duì)象    160
10.5  搭建服務(wù)器平臺(tái)    161
10.5.1  IIS的安裝    161
10.5.2  設(shè)置服務(wù)器    162
10.6  創(chuàng)建數(shù)據(jù)庫(kù)    164
10.6.1  新建數(shù)據(jù)庫(kù)    164
10.6.2  創(chuàng)建字段和表    165
10.7  連接數(shù)據(jù)庫(kù)    166
10.7.1  創(chuàng)建ODBC數(shù)據(jù)源    166
10.7.2  連接數(shù)據(jù)庫(kù)    167
10.8  創(chuàng)建記錄集    168
10.9  給頁(yè)面綁定動(dòng)態(tài)內(nèi)容    169
10.10  插入表單    170
10.10.1  插入文本域    171
10.10.2  插入密碼域    172
10.10.3  插入多行文本域    173
10.10.4  復(fù)選框和單選按鈕    173
10.10.5  插入列表和菜單    175
10.10.6  插入按鈕    175
第11章　制作時(shí)代網(wǎng)通公司網(wǎng)站
——框架和論壇的設(shè)計(jì)
11.1  網(wǎng)站規(guī)劃    177
11.1.1  網(wǎng)站架構(gòu)和功能頁(yè)面    177
11.1.2  本章主要內(nèi)容    178
11.2  設(shè)計(jì)網(wǎng)站主頁(yè)    179
11.2.1  主頁(yè)的設(shè)計(jì)    179
11.2.2  切割主頁(yè)    184
11.2.3  給主頁(yè)添加鏈接    186
11.3  制作二級(jí)框架頁(yè)面    189
11.3.1  創(chuàng)建框架集    189
11.3.2  創(chuàng)建頭部框架頁(yè)面    191
11.3.3  創(chuàng)建左側(cè)框架網(wǎng)頁(yè)    193
11.3.4  創(chuàng)建右側(cè)框架網(wǎng)頁(yè)    197
11.4  制作論壇系統(tǒng)    200
11.4.1  論壇主要功能頁(yè)面    200
11.4.2  創(chuàng)建論壇數(shù)據(jù)庫(kù)    201
11.4.3  論壇的制作    202
第12章　制作辛集眼科醫(yī)院網(wǎng)站
——網(wǎng)頁(yè)圖像和網(wǎng)上預(yù)約的設(shè)計(jì)
12.1  醫(yī)院網(wǎng)站規(guī)劃    205
12.1.1  建立醫(yī)院網(wǎng)站的意義    205
12.1.2  網(wǎng)站架構(gòu)和主要內(nèi)容    205
12.2  網(wǎng)站形象設(shè)計(jì)    207
12.2.1  網(wǎng)站VI設(shè)計(jì)概述    207
12.2.2  網(wǎng)站LOGO設(shè)計(jì)概述    207
12.2.3  制作網(wǎng)站LOGO    208
12.3  網(wǎng)站圖像設(shè)計(jì)    211
12.3.1  設(shè)計(jì)網(wǎng)頁(yè)Banner導(dǎo)航    211
12.3.2  設(shè)計(jì)網(wǎng)頁(yè)按鈕    215
12.4  制作網(wǎng)站主頁(yè)    217
12.4.1  創(chuàng)建本地站點(diǎn)    217
12.4.2  制作網(wǎng)站頂部導(dǎo)航    217
12.4.3  制作專家在線    219
12.4.4  制作介紹部分    226
12.4.5  制作底部版權(quán)部分    229
12.5  制作網(wǎng)上預(yù)約系統(tǒng)    231
第13章　制作山東正恒泰鋼結(jié)構(gòu)公司網(wǎng)站
——模板和留言的設(shè)計(jì)
13.1  網(wǎng)站的策劃分析    241
13.1.1  網(wǎng)站架構(gòu)和功能頁(yè)面    241
13.1.2  本章主要內(nèi)容    241
13.2  創(chuàng)建數(shù)據(jù)庫(kù)    243
13.3  設(shè)計(jì)網(wǎng)站的首頁(yè)    244
13.3.1  制作網(wǎng)站頂部導(dǎo)航    244
13.3.2  制作公司新聞部分    247
13.3.3  制作產(chǎn)品展示部分    251
13.3.4  制作工程實(shí)例部分    254
13.3.5  制作銷售網(wǎng)絡(luò)部分    257
13.3.6  制作滾動(dòng)圖片展示部分    258
13.3.7  制作底部版權(quán)部分    259
13.4  二級(jí)模板頁(yè)面的制作    260
13.4.1  創(chuàng)建庫(kù)文件    260
13.4.2  創(chuàng)建模板    261
13.4.3  利用模板創(chuàng)建二級(jí)頁(yè)面    263
13.5  留言系統(tǒng)的制作    269
13.5.1  制作發(fā)表留言頁(yè)面    269
13.5.2  制作留言管理頁(yè)面    272
第14章　制作喜來認(rèn)證公司網(wǎng)站
——新聞發(fā)布系統(tǒng)的設(shè)計(jì)
14.1  網(wǎng)站策劃    279
14.1.1  網(wǎng)站主要功能頁(yè)面    279
14.1.2  本章主要內(nèi)容    280
14.1.3  創(chuàng)建本地站點(diǎn)    282
14.2  創(chuàng)建數(shù)據(jù)庫(kù)    282
14.3  新聞發(fā)布系統(tǒng)的制作    283
14.3.1  制作新聞列表頁(yè)面    283
14.3.2  制作新聞詳細(xì)內(nèi)容頁(yè)面    291
14.4  制作后臺(tái)管理系統(tǒng)    295
14.4.1  網(wǎng)站后臺(tái)管理登錄頁(yè)面    295
14.4.2  制作后臺(tái)新聞發(fā)布頁(yè)面    300
14.4.3  制作后臺(tái)新聞修改頁(yè)面    309
第15章　制作新世紀(jì)電腦學(xué)校網(wǎng)站
——課件下載系統(tǒng)的設(shè)計(jì)
15.1  網(wǎng)站的策劃    317
15.1.1  網(wǎng)站主要欄目和架構(gòu)    317
15.1.2  本章主要內(nèi)容    317
15.1.3  創(chuàng)建網(wǎng)站數(shù)據(jù)庫(kù)    319
15.2  制作Flash動(dòng)畫    320
15.3  制作網(wǎng)站主頁(yè)    322
15.3.1  制作主頁(yè)頂部導(dǎo)航    322
15.3.2  制作頁(yè)面左側(cè)部分    324
15.3.3  制作學(xué)校信息部分    329
15.3.4  制作德育教育部分    331
15.3.5  制作教育科研部分    333
15.3.6  制作本站專題部分    335
15.3.7  制作站內(nèi)調(diào)查部分    337
15.3.8  制作底部版權(quán)部分    339
15.4  給主頁(yè)添加特效    341
15.4.1  給主頁(yè)添加背景音樂    341
15.4.2  給主頁(yè)添加漂浮廣告    342
15.5  課件下載系統(tǒng)制作    344
15.5.1  制作分類瀏覽下載列表頁(yè)面    344
15.5.2  制作下載內(nèi)容頁(yè)面soft.asp    353
第16章　博客網(wǎng)站制作
16.1  博客網(wǎng)站設(shè)計(jì)規(guī)劃    365
16.1.1  博客網(wǎng)站概述    365
16.1.2  申請(qǐng)免費(fèi)的博客系統(tǒng)    366
16.2  制作具有個(gè)性的博客網(wǎng)站    367
16.2.1  網(wǎng)站的頁(yè)面分析    367
16.2.2  創(chuàng)建數(shù)據(jù)庫(kù)    368
16.2.3  創(chuàng)建數(shù)據(jù)庫(kù)連接    369
16.3  制作網(wǎng)站功能頁(yè)面    370
16.3.1  制作博客顯示列表頁(yè)面    370
16.3.2  制作博客詳細(xì)信息頁(yè)    377
16.3.3  制作簽寫日志頁(yè)面    379
16.4  利用RSS獲取新聞    383
第17章　制作中國(guó)精英人才網(wǎng)站
——會(huì)員管理系統(tǒng)的設(shè)計(jì)
17.1  網(wǎng)站策劃    385
17.2  創(chuàng)建數(shù)據(jù)庫(kù)    387
17.3  個(gè)人會(huì)員注冊(cè)系統(tǒng)    388
17.3.1  會(huì)員注冊(cè)賬號(hào)頁(yè)面reg.asp    389
17.3.2  會(huì)員注冊(cè)簡(jiǎn)歷頁(yè)面preg2.asp    395
17.4  個(gè)人簡(jiǎn)歷中心    402
17.4.1  個(gè)人密碼修改頁(yè)面    402
17.4.2  個(gè)人簡(jiǎn)歷修改    409
第18章　制作精品購(gòu)物網(wǎng)站
——在線購(gòu)物網(wǎng)站的設(shè)計(jì)
18.1  網(wǎng)站的策劃    419
18.1.1  網(wǎng)站主要功能頁(yè)面    419
18.1.2  本章主要內(nèi)容    421
18.2  創(chuàng)建數(shù)據(jù)庫(kù)表    423
18.3  制作商品分類展示頁(yè)面    424
18.3.1  制作頂部導(dǎo)航文件
webtop.asp    425
18.3.2  制作會(huì)員登錄窗口    433
18.3.3  制作熱賣商品    436
18.3.4  制作最新商品展示    444
18.3.5  制作底部文件    447
18.4  制作商品詳細(xì)介紹頁(yè)面    449
18.5  制作購(gòu)物車系統(tǒng)    465
18.6  制作后臺(tái)管理頁(yè)面    485