Dreamweaver網頁制作與色彩搭配全攻略

第1章  網頁設計概述    3
1.1  網頁和網站    4
1.2  網頁設計    4
1.2.1  網頁設計的步驟    4
1.2.2  網頁表現手法    5
1.2.3  頁面布局設計    8
1.3  Web圖像基礎知識    15
1.3.1  位圖    15
1.3.2  矢量圖    16
1.3.3  幾種常用的圖像文件類型    16
1.4  HTML基礎知識    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  網頁設計的流程    29
1.5.1  客戶提出需求    29
1.5.2  注冊域名和申請空間    29
1.5.3  確定網站的內容和主題    30
1.5.4  設計頁面    30
1.5.5  設計網頁動畫    32
1.5.6  網頁整合    33
1.5.7  文件發(fā)布    34
1.5.8  后期維護    34
1.6  小結    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  網頁制作基礎知識    43
2.3.1  創(chuàng)建站點及保存網頁    44
2.3.2  應用表格    45
2.3.3  編輯文本    48
2.3.4  插入圖像    49
2.3.5  超鏈接    50
2.4  網頁制作高級功能    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  小結    60
第3章  站點管理    61
3.1  規(guī)劃站點    62
3.1.1  規(guī)劃站點結構    62
3.1.2  規(guī)劃站點的瀏覽機制    63
3.1.3  構建整體的站點風格    63
3.1.4  網頁的設計和發(fā)布流程    64
3.2  創(chuàng)建本地站點    64
3.2.1  Files面板    65
3.2.2  利用建站向導構建站點    66
3.2.3  利用增強方式構建站點    68
3.3  管理站點內容    69
3.3.1  打開本地站點和編輯站點屬性    69
3.3.2  操作站點文件    70
3.3.3  刷新站點文件列表    72
3.3.4  重建緩存    72
3.4  使用站點地圖    73
3.4.1  設置主頁    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  小結    80
中篇  網頁配色
第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  色彩調和    102
4.7.1  色彩調和的方式    103
4.7.2  色彩調和的基本法則    104
4.8  小結    105
第5章  網頁配色    107
5.1  色彩心理的表現形式    108
5.1.1  紅色心理與網頁表現    108
5.1.2  黃色心理與網頁表現    111
5.1.3  藍色心理與網頁表現    113
5.1.4  綠色心理與網頁表現    115
5.1.5  紫色心理與網頁表現    117
5.1.6  橙色心理與網頁表現    119
5.1.7  白色心理與網頁表現    121
5.1.8  黑色心理與網頁表現    122
5.1.9  灰色心理與網頁表現    123
5.1.10  金色、銀色心理與網頁表現    124
5.2  色彩聯(lián)想與網頁“表情”    125
5.2.1  聲音與網頁色彩    126
5.2.2  味覺與網頁色彩    127
5.2.3  嗅覺與網頁色彩    127
5.2.4  冷暖與網頁色彩    128
5.3  色彩的聯(lián)覺與網頁表達    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  色彩的適應性原則    137
5.4.3  網頁色彩搭配    137
5.4.4  網頁色彩搭配技巧    139
5.4.5  網頁色彩選擇標準    140
5.5  小結    141
第6章  精彩網頁賞析    143
6.1  資訊類網站    144
6.1.1  頁面布局與導航    144
6.1.2  框架設計與風格    145
6.1.3  圖文信息    146
6.2  機構類網站    147
6.2.1  網站整體風格    147
6.2.2  結構與色彩    148
6.3  娛樂類網站    149
6.3.1  頁面氛圍與網站風格    149
6.3.2  游戲網站    151
6.3.3  電影網站    154
6.4  生活類網站    156
6.4.1  色彩與氛圍    157
6.4.2  女性網站    157
6.4.3  家居網站    158
6.5  文化類網站    160
6.5.1  網站與網站文化    160
6.5.2  網站色彩與結構    161
6.5.3  文化特征與風格    162
6.6  電子商務網站    163
6.6.1  網站結構與布局    164
6.6.2  商品分類和導航信息    165
6.6.3  頁面風格與特征    166
6.7  企業(yè)網站    169
6.7.1  網站與企業(yè)文化    169
6.7.2  以形象為主的企業(yè)網站    170
6.7.3  以產品為主的企業(yè)網站    173
6.8  世界500強網站    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  生產制造業(yè)    184
6.8.7  其他行業(yè)    186
6.9  小結    188
下篇  典型網頁設計
第7章  電子商務網站    191
7.1  網站概述    192
7.2  電子商務網站分類    192
7.2.1  B2B——企業(yè)與企業(yè)之間的電子商務    192
7.2.2  B2C——企業(yè)與消費者之間的電子商務    193
7.2.3  B2G——企業(yè)與政府之間的電子商務    193
7.3  網站特點分析    195
7.3.1  超長的頁面結構    195
7.3.2  實用美觀的分欄結構    195
7.3.3  簡單易用的導航功能    196
7.3.4  色彩結構與圖片應用    198
7.4  功能規(guī)劃    200
7.4.1  產品展示    200
7.4.2  售后服務    201
7.4.3  網上訂購    202
7.4.4  網上結算    203
7.5  創(chuàng)意分析    204
7.5.1  色彩搭配    204
7.5.2  結構設計    205
7.6  實例目標    206
7.7  網站實現    206
7.7.1  制作網站導航條    207
7.7.2  制作網站Banner    208
7.7.3  繪制功能區(qū)域    209
7.7.4  切圖和輸出頁面    210
7.7.5  構建站點和編輯頁面    211
7.7.6  制作局部框架的頁面    214
7.7.7  整合局部頁面至主頁面    215
7.7.8  添加頁面圖文內容    215
7.7.9  制作二級頁面    216
7.8  小結    219

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