Dreamweaver網(wǎng)頁制作與色彩搭配全攻略

第1章  網(wǎng)頁設(shè)計概述    3
1.1  網(wǎng)頁和網(wǎng)站    4
1.2  網(wǎng)頁設(shè)計    4
1.2.1  網(wǎng)頁設(shè)計的步驟    4
1.2.2  網(wǎng)頁表現(xiàn)手法    5
1.2.3  頁面布局設(shè)計    8
1.3  Web圖像基礎(chǔ)知識    15
1.3.1  位圖    15
1.3.2  矢量圖    16
1.3.3  幾種常用的圖像文件類型    16
1.4  HTML基礎(chǔ)知識    19
1.4.1  HTML概念    19
1.4.2  HTML基本語法    19
1.4.3  基本標記    19
1.4.4  格式標記    20
1.4.5  文本標記    23
1.4.6  圖像標記    24
1.4.7  表格標記    25
1.4.8  鏈接標記    26
1.4.9  幀標記    27
1.4.10  表單標記    28
1.5  網(wǎng)頁設(shè)計的流程    29
1.5.1  客戶提出需求    29
1.5.2  注冊域名和申請空間    29
1.5.3  確定網(wǎng)站的內(nèi)容和主題    30
1.5.4  設(shè)計頁面    30
1.5.5  設(shè)計網(wǎng)頁動畫    32
1.5.6  網(wǎng)頁整合    33
1.5.7  文件發(fā)布    34
1.5.8  后期維護    34
1.6  小結(jié)    35
第2章  Dreamweaver 8快速入門    37
2.1  簡介    38
2.2  Dreamweaver 8基本工作環(huán)境    39
2.2.1  界面布局    39
2.2.2  主菜單    40
2.2.3  工具欄    40
2.2.4  常用面板    41
2.3  網(wǎng)頁制作基礎(chǔ)知識    43
2.3.1  創(chuàng)建站點及保存網(wǎng)頁    44
2.3.2  應(yīng)用表格    45
2.3.3  編輯文本    48
2.3.4  插入圖像    49
2.3.5  超鏈接    50
2.4  網(wǎng)頁制作高級功能    53
2.4.1  層    53
2.4.2  表單    54
2.4.3  文本表單和按鈕    55
2.4.4  行為    56
2.4.5  CSS樣式表    58
2.4.6  模板和資源庫    59
2.5  小結(jié)    60
第3章  站點管理    61
3.1  規(guī)劃站點    62
3.1.1  規(guī)劃站點結(jié)構(gòu)    62
3.1.2  規(guī)劃站點的瀏覽機制    63
3.1.3  構(gòu)建整體的站點風格    63
3.1.4  網(wǎng)頁的設(shè)計和發(fā)布流程    64
3.2  創(chuàng)建本地站點    64
3.2.1  Files面板    65
3.2.2  利用建站向?qū)?gòu)建站點    66
3.2.3  利用增強方式構(gòu)建站點    68
3.3  管理站點內(nèi)容    69
3.3.1  打開本地站點和編輯站點屬性    69
3.3.2  操作站點文件    70
3.3.3  刷新站點文件列表    72
3.3.4  重建緩存    72
3.4  使用站點地圖    73
3.4.1  設(shè)置主頁    73
3.4.2  顯示站點地圖    74
3.4.3  在站點地圖中顯示文件標題    75
3.4.4  在站點地圖中操作文件    76
3.4.5  從某個分支開始查看地圖    77
3.4.6  顯示或隱藏站點地圖文件    77
3.4.7  在站點地圖中管理鏈接    78
3.5  文件的上傳和下載    79
3.5.1  上傳文件    79
3.5.2  下載文件    80
3.5.3  同步本地站點和遠端站點    80
3.6  小結(jié)    80
中篇  網(wǎng)頁配色
第4章  色彩理論    83
4.1  色彩體系    84
4.1.1  色立體坐標    84
4.1.2  色立體    84
4.2  無彩色系與有彩色系    86
4.2.1  無彩色系    86
4.2.2  有彩色系    86
4.3  色彩的三要素    87
4.3.1  明度    88
4.3.2  色相    89
4.3.3  純度    89
4.4  色彩對比    90
4.4.1  明度對比    91
4.4.2  色相對比    92
4.4.3  純度對比    94
4.5  色彩的其他對比    95
4.5.1  色彩的面積對比    95
4.5.2  色彩的形狀對比    97
4.5.3  色彩的冷暖對比    97
4.5.4  色彩的肌理對比    99
4.6  色彩模式    99
4.6.1  RGB模式    100
4.6.2  CMYK模式    101
4.6.3  Lab模式    101
4.7  色彩調(diào)和    102
4.7.1  色彩調(diào)和的方式    103
4.7.2  色彩調(diào)和的基本法則    104
4.8  小結(jié)    105
第5章  網(wǎng)頁配色    107
5.1  色彩心理的表現(xiàn)形式    108
5.1.1  紅色心理與網(wǎng)頁表現(xiàn)    108
5.1.2  黃色心理與網(wǎng)頁表現(xiàn)    111
5.1.3  藍色心理與網(wǎng)頁表現(xiàn)    113
5.1.4  綠色心理與網(wǎng)頁表現(xiàn)    115
5.1.5  紫色心理與網(wǎng)頁表現(xiàn)    117
5.1.6  橙色心理與網(wǎng)頁表現(xiàn)    119
5.1.7  白色心理與網(wǎng)頁表現(xiàn)    121
5.1.8  黑色心理與網(wǎng)頁表現(xiàn)    122
5.1.9  灰色心理與網(wǎng)頁表現(xiàn)    123
5.1.10  金色、銀色心理與網(wǎng)頁表現(xiàn)    124
5.2  色彩聯(lián)想與網(wǎng)頁“表情”    125
5.2.1  聲音與網(wǎng)頁色彩    126
5.2.2  味覺與網(wǎng)頁色彩    127
5.2.3  嗅覺與網(wǎng)頁色彩    127
5.2.4  冷暖與網(wǎng)頁色彩    128
5.3  色彩的聯(lián)覺與網(wǎng)頁表達    129
5.3.1  色彩的空間感    129
5.3.2  色彩的親切感    130
5.3.3  色彩的莊重感    131
5.3.4  色彩的神秘感    131
5.3.5  色彩的柔軟感與堅硬感    132
5.3.6  色彩的興奮感與憂郁感    132
5.3.7  色彩的華麗感與樸素感    133
5.4  色彩搭配    134
5.4.1  色彩的平衡原則    135
5.4.2  色彩的適應(yīng)性原則    137
5.4.3  網(wǎng)頁色彩搭配    137
5.4.4  網(wǎng)頁色彩搭配技巧    139
5.4.5  網(wǎng)頁色彩選擇標準    140
5.5  小結(jié)    141
第6章  精彩網(wǎng)頁賞析    143
6.1  資訊類網(wǎng)站    144
6.1.1  頁面布局與導航    144
6.1.2  框架設(shè)計與風格    145
6.1.3  圖文信息    146
6.2  機構(gòu)類網(wǎng)站    147
6.2.1  網(wǎng)站整體風格    147
6.2.2  結(jié)構(gòu)與色彩    148
6.3  娛樂類網(wǎng)站    149
6.3.1  頁面氛圍與網(wǎng)站風格    149
6.3.2  游戲網(wǎng)站    151
6.3.3  電影網(wǎng)站    154
6.4  生活類網(wǎng)站    156
6.4.1  色彩與氛圍    157
6.4.2  女性網(wǎng)站    157
6.4.3  家居網(wǎng)站    158
6.5  文化類網(wǎng)站    160
6.5.1  網(wǎng)站與網(wǎng)站文化    160
6.5.2  網(wǎng)站色彩與結(jié)構(gòu)    161
6.5.3  文化特征與風格    162
6.6  電子商務(wù)網(wǎng)站    163
6.6.1  網(wǎng)站結(jié)構(gòu)與布局    164
6.6.2  商品分類和導航信息    165
6.6.3  頁面風格與特征    166
6.7  企業(yè)網(wǎng)站    169
6.7.1  網(wǎng)站與企業(yè)文化    169
6.7.2  以形象為主的企業(yè)網(wǎng)站    170
6.7.3  以產(chǎn)品為主的企業(yè)網(wǎng)站    173
6.8  世界500強網(wǎng)站    175
6.8.1  電信與IT行業(yè)    175
6.8.2  航空運輸業(yè)    177
6.8.3  汽車工業(yè)    178
6.8.4  能源與工業(yè)    179
6.8.5  銀行與金融業(yè)    182
6.8.6  生產(chǎn)制造業(yè)    184
6.8.7  其他行業(yè)    186
6.9  小結(jié)    188
下篇  典型網(wǎng)頁設(shè)計
第7章  電子商務(wù)網(wǎng)站    191
7.1  網(wǎng)站概述    192
7.2  電子商務(wù)網(wǎng)站分類    192
7.2.1  B2B——企業(yè)與企業(yè)之間的電子商務(wù)    192
7.2.2  B2C——企業(yè)與消費者之間的電子商務(wù)    193
7.2.3  B2G——企業(yè)與政府之間的電子商務(wù)    193
7.3  網(wǎng)站特點分析    195
7.3.1  超長的頁面結(jié)構(gòu)    195
7.3.2  實用美觀的分欄結(jié)構(gòu)    195
7.3.3  簡單易用的導航功能    196
7.3.4  色彩結(jié)構(gòu)與圖片應(yīng)用    198
7.4  功能規(guī)劃    200
7.4.1  產(chǎn)品展示    200
7.4.2  售后服務(wù)    201
7.4.3  網(wǎng)上訂購    202
7.4.4  網(wǎng)上結(jié)算    203
7.5  創(chuàng)意分析    204
7.5.1  色彩搭配    204
7.5.2  結(jié)構(gòu)設(shè)計    205
7.6  實例目標    206
7.7  網(wǎng)站實現(xiàn)    206
7.7.1  制作網(wǎng)站導航條    207
7.7.2  制作網(wǎng)站Banner    208
7.7.3  繪制功能區(qū)域    209
7.7.4  切圖和輸出頁面    210
7.7.5  構(gòu)建站點和編輯頁面    211
7.7.6  制作局部框架的頁面    214
7.7.7  整合局部頁面至主頁面    215
7.7.8  添加頁面圖文內(nèi)容    215
7.7.9  制作二級頁面    216
7.8  小結(jié)    219

第8章  企業(yè)網(wǎng)站    221
8.1  企業(yè)網(wǎng)站概述    222
8.2  企業(yè)網(wǎng)站分類    222
8.2.1  宣傳型企業(yè)網(wǎng)站    222
8.2.2  應(yīng)用型企業(yè)網(wǎng)站    224
8.2.3  商務(wù)型企業(yè)網(wǎng)站    227
8.3  特點分析    229
8.3.1  企業(yè)網(wǎng)站的文化    229
8.3.2  企業(yè)網(wǎng)站的頁面結(jié)構(gòu)    232
8.4  色彩搭配    234
8.4.1  代表科技與服務(wù)的藍色企業(yè)網(wǎng)站    234
8.4.2  代表環(huán)保與通信的綠色企業(yè)網(wǎng)站    236
8.4.3  代表簡潔與大氣的白色企業(yè)網(wǎng)站    237
8.4.4  代表品質(zhì)與活力的紅色企業(yè)網(wǎng)站    238
8.4.5  企業(yè)網(wǎng)站的其他色彩搭配    240
8.5  創(chuàng)意分析    242
8.5.1  從頁面結(jié)構(gòu)設(shè)計上創(chuàng)新    242
8.5.2  從設(shè)計風格上進行創(chuàng)新    244
8.6  實例目標    246
8.7  操作步驟    247
8.7.1  制作網(wǎng)站Banner    247
8.7.2  制作頁面框架布局    248
8.7.3  添加導航和輸出頁面    251
8.7.4  新建網(wǎng)站站點    253
8.7.5  編輯左側(cè)內(nèi)容區(qū)    253
8.7.6  編輯頁面主體內(nèi)容區(qū)    255
8.7.7  編輯右側(cè)內(nèi)容區(qū)和版權(quán)信息    256
8.7.8  利用交互方式修改圖片    257
8.7.9  建立二級頁面    258
8.8  小結(jié)    261
第9章  旅游網(wǎng)站    263
9.1  網(wǎng)站概述    264
9.2  旅游網(wǎng)站分類    264
9.2.1  公益性旅游網(wǎng)站    264
9.2.2  商業(yè)運營旅游網(wǎng)站    265
9.3  網(wǎng)站特點分析    266
9.3.1  內(nèi)容結(jié)構(gòu)特點    268
9.3.2  頁面布局特點    269
9.4  配色原則    271
9.4.1  藍色基調(diào)的旅游網(wǎng)站頁面配色    272
9.4.2  綠色基調(diào)的旅游網(wǎng)站頁面配色    272
9.4.3  白色基調(diào)的旅游網(wǎng)站頁面配色    273
9.4.4  其他基調(diào)的旅游網(wǎng)站頁面配色    275
9.5  創(chuàng)意分析    276
9.5.1  從宣傳內(nèi)容上進行創(chuàng)意    276
9.5.2  從設(shè)計風格上進行創(chuàng)意    276
9.5.3  從頁面布局上進行創(chuàng)意    277
9.5.4  從色彩搭配上進行創(chuàng)意    277
9.6  實例目標    279
9.7  操作步驟    279
9.7.1  制作Banner和網(wǎng)站LOGO    279
9.7.2  制作頁面整體框架    282
9.7.3  制作導航區(qū)域    284
9.7.4  切圖并輸出頁面    285
9.7.5  新建站點    287
9.7.6  制作導航欄翻轉(zhuǎn)圖片    288
9.7.7  編輯頁面內(nèi)容    288
9.7.8  制作二級頁面    292
9.8  小結(jié)    295
第10章  新聞網(wǎng)站    297
10.1  網(wǎng)站概述    298
10.2  網(wǎng)站背景    298
10.2.1  傳統(tǒng)媒體的新聞網(wǎng)站    298
10.2.2  專業(yè)的新聞網(wǎng)站    301
10.3  特點分析    303
10.3.1  頁面設(shè)計特點    303
10.3.2  網(wǎng)站內(nèi)容特點    305
10.3.3  互動性與時效性    305
10.4  風格與配色    308
10.4.1  具有時代氣息的配色    308
10.4.2  和諧自然的配色    308
10.5  創(chuàng)意分析    310
10.5.1  內(nèi)容突破創(chuàng)新    310
10.5.2  風格新穎專業(yè)專注    312
10.5.3  從網(wǎng)頁技術(shù)上創(chuàng)新    313
10.6  實例目標    315
10.7  操作步驟    316
10.7.1  設(shè)計頁面布局    316
10.7.2  切圖和輸出頁面    320
10.7.3  建立Web站點和編輯頁面內(nèi)容    321
10.7.4  框架區(qū)域的切圖和輸出    325
10.7.5  整合與編輯頁面框架結(jié)構(gòu)    325
10.7.6  新建二級頁面并編輯    327
10.8  小結(jié)    330
第11章  電子政務(wù)網(wǎng)站    331
11.1  網(wǎng)站概述    332
11.2  電子政務(wù)網(wǎng)站分類    332
11.2.1  職能型政府網(wǎng)站    332
11.2.2  行業(yè)性政務(wù)網(wǎng)站    334
11.3  特點分析    336
11.3.1  內(nèi)容形式特點    336
11.3.2  應(yīng)用功能特點    341
11.4  網(wǎng)站定位    343
11.4.1  符合黨和國家的政治形勢    343
11.4.2  網(wǎng)站目的明確    344
11.4.3  網(wǎng)站實效性    345
11.5  創(chuàng)意分析    346
11.5.1  別致的頁面焦點    347
11.5.2  靈活的風格    348
11.6  實例目標    349
11.7  操作步驟    350
11.7.1  設(shè)計制作頁面布局    350
11.7.2  制作導航和Banner條    351
11.7.3  制作頁面內(nèi)容區(qū)框架    352
11.7.4  修飾細節(jié)和切圖、輸出頁面    354
11.7.5  建立站點編輯頁面    357
11.7.6  內(nèi)容框架的切圖和輸出    359
11.7.7  建立二級頁面    364
11.8  小結(jié)    366