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

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