網(wǎng)頁設計探索之旅

第1章  網(wǎng)頁設計基礎    1
1.1  網(wǎng)頁設計概述    1
1.1.1  網(wǎng)頁的概念    1
1.1.2  網(wǎng)頁的構成元素    3
1.1.3  網(wǎng)頁設計的原則    6
1.1.4  網(wǎng)頁設計的任務    6
1.1.5  網(wǎng)頁設計的流程    7
1.2  網(wǎng)頁設計的相關術語    7
1.3  網(wǎng)頁設計師應具備的素質    10
1.4  解析HTML代碼    10
1.5  一個個人主頁的設計與制作    13
第2章  Dreamweaver 8快速入門    27
2.1  Dreamweaver 8的工作環(huán)境    27
2.2  輸入與格式化文本    29
2.2.1  輸入文本    29
2.2.2  設置文本格式    30
2.3  設置超鏈接    31
2.3.1  絕對路徑與相對路徑    31
2.3.2  設置超鏈接    31
2.4  插入多媒體對象    33
2.4.1  插入圖片    34
2.4.2  插入Flash影片    34
2.4.3  插入其他對象    35
2.5  頁面布局工具    35
2.5.1  表格    35
2.5.2  層    38
2.5.3  框架    40
2.6  插入表單    43
2.7  CSS樣式    44
2.7.1  CSS樣式的概念    44
2.7.2  創(chuàng)建CSS樣式    45
2.7.3  解讀CSS樣式    47
第3章  網(wǎng)站的策劃    61
3.1  確定網(wǎng)站的主題和名稱    61
3.1.1  確定網(wǎng)站的主題    61
3.1.2  確定網(wǎng)站的名稱    62
3.2  網(wǎng)站受眾分析    62
3.3  網(wǎng)站的CI形象設計    63
3.3.1  CI形象設計    64
3.3.2  CI形象設計實例分析    65
3.4  網(wǎng)站的內(nèi)容設計    67
3.4.1  門戶網(wǎng)站的內(nèi)容設計    67
3.4.2  專業(yè)型網(wǎng)站的內(nèi)容設計    67
3.5  網(wǎng)站的總體結構    71
3.6  網(wǎng)站的目錄結構和鏈接結構    71
3.6.1  建立網(wǎng)站的目錄結構    71
3.6.2  網(wǎng)站的鏈接結構    72
3.7  網(wǎng)站的整體風格和創(chuàng)意設計    74
3.7.1  確立網(wǎng)站的風格    74
3.7.2  網(wǎng)站的創(chuàng)意設計    75
3.8  網(wǎng)站策劃實例分析    76
3.8.1  大學生網(wǎng)站    76
3.8.2  文化網(wǎng)站    77
第4章  網(wǎng)頁中的色彩應用    79
4.1  色彩基礎    79
4.1.1  色彩原理    79
4.1.2  色彩表示    81
4.1.3  色彩混合    82
4.1.4  色彩對比    83
4.2  色彩與心理    86
4.3  網(wǎng)頁色彩搭配    91
4.4  網(wǎng)頁安全色    94
4.5  網(wǎng)站配色案例分析    97
4.6  網(wǎng)站配色實例    100
4.6.1  個人網(wǎng)站    100
4.6.2  文化網(wǎng)站    101
4.6.3  優(yōu)秀網(wǎng)頁賞析    102
第5章  網(wǎng)頁版式設計    109
5.1  網(wǎng)頁版式設計要點    109
5.2  網(wǎng)頁版式的基本類型    109
5.3  文字與版式設計    114
5.3.1  文字的屬性    114
5.3.2  文字的整體編排    117
5.3.3  文字的強調(diào)    118
5.4  導航欄與版式設計    119
5.5  圖像與版式設計    120
5.5.1  圖像的屬性    120
5.5.2  圖像的編排    121
5.5.3  圖像的具體運用    122
5.6  優(yōu)秀版式設計解析    124
5.7  網(wǎng)頁版式設計實例    128
5.7.1  文化網(wǎng)站    128
5.7.2  企業(yè)網(wǎng)站    129
5.7.3  優(yōu)秀網(wǎng)頁賞析    130
第6章  網(wǎng)站Logo設計    137
6.1  企業(yè)識別系統(tǒng)簡介    137
6.1.1  企業(yè)識別的概念    137
6.1.2  VI設計在網(wǎng)站中的意義    137
6.2  Logo設計綜述    138
6.2.1  Logo的概念    138
6.2.2  Logo的作用    138
6.2.3  Logo的規(guī)格    138
6.2.4  一個好的Logo應具備的條件    138
6.2.5  網(wǎng)站Logo設計規(guī)范    139
6.3  知名網(wǎng)站Logo分析    141
6.4  網(wǎng)站logo設計案例    142
6.4.1  某文化網(wǎng)站Logo    142
6.4.2  某新聞網(wǎng)站Logo    145
6.4.3  某餐廳網(wǎng)站Logo    149
第7章  網(wǎng)頁素材設計    155
7.1  網(wǎng)頁素材分類    155
7.1.1  按鈕    155
7.1.2  動畫    160
7.1.3  聲音    161
7.2  網(wǎng)頁素材與主題    161
7.3  網(wǎng)頁素材設計實例    162
7.3.1  Logo動畫    162
7.3.2  橫幅廣告    168
7.3.3  GIF動畫    173
第8章  網(wǎng)頁廣告設計    177
8.1  網(wǎng)絡廣告常識    177
8.2  網(wǎng)絡廣告的優(yōu)勢    178
8.3  網(wǎng)絡廣告的形式    179
8.3.1  橫幅廣告（Banner）    179
8.3.2  按鈕廣告（Buttons）    179
8.3.3  對聯(lián)式廣告    180
8.3.4  浮動廣告    180
8.3.5  郵件列表廣告（Direct Marketing）    181
8.3.6  插播式廣告（Interstitial Ads）    181
8.3.7  與內(nèi)容結合的廣告    181
8.3.8  互動式廣告（Interactive Games）    181
8.3.9  贊助式廣告（Sponsorships）    182
8.3.10  互動游戲式廣告（Interactive Games）    182
8.4  網(wǎng)絡廣告設計要素    182
8.4.1  圖像    182
8.4.2  數(shù)字影（音）像    183
8.4.3  電腦動畫    183
8.4.4  文字和超文本    183
8.5  網(wǎng)絡廣告策劃    183
8.5.1  確定網(wǎng)絡廣告的目標    184
8.5.2  確定網(wǎng)絡廣告的目標受眾    184
8.5.3  確定網(wǎng)絡廣告創(chuàng)意及策略    184
8.5.4  網(wǎng)絡廣告的發(fā)布渠道    185
8.5.5  確定網(wǎng)絡廣告的形式    186
8.6  網(wǎng)絡廣告制作的一般流程    186
8.6.1  圖文的準備    186
8.6.2  圖形繪制和圖像處理    186
8.6.3  網(wǎng)頁動畫的制作    186
8.6.4  影像及聲音的輸入和編輯    187
8.6.5  完成各要素之間的鏈接    187
8.7  網(wǎng)絡廣告設計技巧    187
8.8  優(yōu)秀網(wǎng)絡廣告案例    188
8.9  廣告設計實例    191
8.9.1  彈出視頻廣告    191
8.9.2  漂浮廣告    195
8.9.3  精品廣告代碼集錦    210
第9章  Web圖像設計及優(yōu)化    215
9.1  網(wǎng)絡色彩的特殊性    215
9.2  Web圖像設計技術    216
9.2.1  Web圖像的顏色模式    216
9.2.2  Web圖像的分辨率    216
9.2.3  瀏覽器安全色    216
9.2.4  網(wǎng)頁圖像設計技術    217
9.3  Web圖像格式    217
9.3.1  GIF格式    217
9.3.2  JPEG格式    218
9.3.3  PNG格式    219
9.4  Web圖像的優(yōu)化    219
9.4.1  使用Fireworks優(yōu)化Web圖像    219
9.4.2  使用Photoshop優(yōu)化Web圖像    226
第10章  動態(tài)網(wǎng)頁設計及其實現(xiàn)    229
10.1  動態(tài)網(wǎng)頁設計    229
10.1.1  動態(tài)網(wǎng)頁技術概論    229
10.1.2  ASP簡介    231
10.1.3  JSP簡介    231
10.1.4  PHP簡介    232
10.2  ASP與數(shù)據(jù)庫的連接    233
10.2.1  ADO對象簡述    233
10.2.2  使用ADO連接數(shù)據(jù)庫    233
10.2.3  Access數(shù)據(jù)庫系統(tǒng)    234
10.2.4  在Dreamweaver中連接數(shù)據(jù)庫    237
10.3  網(wǎng)頁計數(shù)器案例    239
10.4  聊天室設計案例    244
10.5  在線郵寄系統(tǒng)    248
10.6  新聞發(fā)布系統(tǒng)    255
10.7  投票系統(tǒng)    269
第11章  綜合實例    287
11.1  網(wǎng)站的規(guī)劃    287
11.1.1  確定站點目標    287
11.1.2  站點的結構    287
11.1.3  站點的色彩設計    287
11.1.4  繪制設計圖    287
11.2  建站前的準備工作    288
11.2.1  收集素材    288
11.2.2  安裝IIS    289
11.2.3  配置網(wǎng)站    291
11.3  制作素材    293
11.3.1  繪制設計圖    293
11.3.2  分割圖像    311
11.3.3  優(yōu)化圖像    314
11.4  制作首頁    314
11.4.1  網(wǎng)頁頭部設計    314
11.4.2  建立框架    315
11.4.3  創(chuàng)建樣式    321
11.4.4  添加內(nèi)容    323
11.4.5  設置顯示系統(tǒng)日期    331
11.4.6  設置鏈接    333
11.5  制作二級頁面    333
11.5.1  定義模板    334
11.5.2  添加內(nèi)容與鏈接    334
11.6  制作三級頁面    336
11.7  制作注冊頁面    336
11.8  論壇的實現(xiàn)    339
11.9  測試與發(fā)布站點    345
11.9.1  測試站點    345
11.9.2  上傳站點    345