網(wǎng)頁設(shè)計(jì)探索之旅

第1章  網(wǎng)頁設(shè)計(jì)基礎(chǔ)    1
1.1  網(wǎng)頁設(shè)計(jì)概述    1
1.1.1  網(wǎng)頁的概念    1
1.1.2  網(wǎng)頁的構(gòu)成元素    3
1.1.3  網(wǎng)頁設(shè)計(jì)的原則    6
1.1.4  網(wǎng)頁設(shè)計(jì)的任務(wù)    6
1.1.5  網(wǎng)頁設(shè)計(jì)的流程    7
1.2  網(wǎng)頁設(shè)計(jì)的相關(guān)術(shù)語    7
1.3  網(wǎng)頁設(shè)計(jì)師應(yīng)具備的素質(zhì)    10
1.4  解析HTML代碼    10
1.5  一個(gè)個(gè)人主頁的設(shè)計(jì)與制作    13
第2章  Dreamweaver 8快速入門    27
2.1  Dreamweaver 8的工作環(huán)境    27
2.2  輸入與格式化文本    29
2.2.1  輸入文本    29
2.2.2  設(shè)置文本格式    30
2.3  設(shè)置超鏈接    31
2.3.1  絕對路徑與相對路徑    31
2.3.2  設(shè)置超鏈接    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形象設(shè)計(jì)    63
3.3.1  CI形象設(shè)計(jì)    64
3.3.2  CI形象設(shè)計(jì)實(shí)例分析    65
3.4  網(wǎng)站的內(nèi)容設(shè)計(jì)    67
3.4.1  門戶網(wǎng)站的內(nèi)容設(shè)計(jì)    67
3.4.2  專業(yè)型網(wǎng)站的內(nèi)容設(shè)計(jì)    67
3.5  網(wǎng)站的總體結(jié)構(gòu)    71
3.6  網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)    71
3.6.1  建立網(wǎng)站的目錄結(jié)構(gòu)    71
3.6.2  網(wǎng)站的鏈接結(jié)構(gòu)    72
3.7  網(wǎng)站的整體風(fēng)格和創(chuàng)意設(shè)計(jì)    74
3.7.1  確立網(wǎng)站的風(fēng)格    74
3.7.2  網(wǎng)站的創(chuàng)意設(shè)計(jì)    75
3.8  網(wǎng)站策劃實(shí)例分析    76
3.8.1  大學(xué)生網(wǎng)站    76
3.8.2  文化網(wǎng)站    77
第4章  網(wǎng)頁中的色彩應(yīng)用    79
4.1  色彩基礎(chǔ)    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)站配色實(shí)例    100
4.6.1  個(gè)人網(wǎng)站    100
4.6.2  文化網(wǎng)站    101
4.6.3  優(yōu)秀網(wǎng)頁賞析    102
第5章  網(wǎng)頁版式設(shè)計(jì)    109
5.1  網(wǎng)頁版式設(shè)計(jì)要點(diǎn)    109
5.2  網(wǎng)頁版式的基本類型    109
5.3  文字與版式設(shè)計(jì)    114
5.3.1  文字的屬性    114
5.3.2  文字的整體編排    117
5.3.3  文字的強(qiáng)調(diào)    118
5.4  導(dǎo)航欄與版式設(shè)計(jì)    119
5.5  圖像與版式設(shè)計(jì)    120
5.5.1  圖像的屬性    120
5.5.2  圖像的編排    121
5.5.3  圖像的具體運(yùn)用    122
5.6  優(yōu)秀版式設(shè)計(jì)解析    124
5.7  網(wǎng)頁版式設(shè)計(jì)實(shí)例    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設(shè)計(jì)    137
6.1  企業(yè)識別系統(tǒng)簡介    137
6.1.1  企業(yè)識別的概念    137
6.1.2  VI設(shè)計(jì)在網(wǎng)站中的意義    137
6.2  Logo設(shè)計(jì)綜述    138
6.2.1  Logo的概念    138
6.2.2  Logo的作用    138
6.2.3  Logo的規(guī)格    138
6.2.4  一個(gè)好的Logo應(yīng)具備的條件    138
6.2.5  網(wǎng)站Logo設(shè)計(jì)規(guī)范    139
6.3  知名網(wǎng)站Logo分析    141
6.4  網(wǎng)站logo設(shè)計(jì)案例    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)頁素材設(shè)計(jì)    155
7.1  網(wǎng)頁素材分類    155
7.1.1  按鈕    155
7.1.2  動(dòng)畫    160
7.1.3  聲音    161
7.2  網(wǎng)頁素材與主題    161
7.3  網(wǎng)頁素材設(shè)計(jì)實(shí)例    162
7.3.1  Logo動(dòng)畫    162
7.3.2  橫幅廣告    168
7.3.3  GIF動(dòng)畫    173
第8章  網(wǎng)頁廣告設(shè)計(jì)    177
8.1  網(wǎng)絡(luò)廣告常識    177
8.2  網(wǎng)絡(luò)廣告的優(yōu)勢    178
8.3  網(wǎng)絡(luò)廣告的形式    179
8.3.1  橫幅廣告（Banner）    179
8.3.2  按鈕廣告（Buttons）    179
8.3.3  對聯(lián)式廣告    180
8.3.4  浮動(dòng)廣告    180
8.3.5  郵件列表廣告（Direct Marketing）    181
8.3.6  插播式廣告（Interstitial Ads）    181
8.3.7  與內(nèi)容結(jié)合的廣告    181
8.3.8  互動(dòng)式廣告（Interactive Games）    181
8.3.9  贊助式廣告（Sponsorships）    182
8.3.10  互動(dòng)游戲式廣告（Interactive Games）    182
8.4  網(wǎng)絡(luò)廣告設(shè)計(jì)要素    182
8.4.1  圖像    182
8.4.2  數(shù)字影（音）像    183
8.4.3  電腦動(dòng)畫    183
8.4.4  文字和超文本    183
8.5  網(wǎng)絡(luò)廣告策劃    183
8.5.1  確定網(wǎng)絡(luò)廣告的目標(biāo)    184
8.5.2  確定網(wǎng)絡(luò)廣告的目標(biāo)受眾    184
8.5.3  確定網(wǎng)絡(luò)廣告創(chuàng)意及策略    184
8.5.4  網(wǎng)絡(luò)廣告的發(fā)布渠道    185
8.5.5  確定網(wǎng)絡(luò)廣告的形式    186
8.6  網(wǎng)絡(luò)廣告制作的一般流程    186
8.6.1  圖文的準(zhǔn)備    186
8.6.2  圖形繪制和圖像處理    186
8.6.3  網(wǎng)頁動(dòng)畫的制作    186
8.6.4  影像及聲音的輸入和編輯    187
8.6.5  完成各要素之間的鏈接    187
8.7  網(wǎng)絡(luò)廣告設(shè)計(jì)技巧    187
8.8  優(yōu)秀網(wǎng)絡(luò)廣告案例    188
8.9  廣告設(shè)計(jì)實(shí)例    191
8.9.1  彈出視頻廣告    191
8.9.2  漂浮廣告    195
8.9.3  精品廣告代碼集錦    210
第9章  Web圖像設(shè)計(jì)及優(yōu)化    215
9.1  網(wǎng)絡(luò)色彩的特殊性    215
9.2  Web圖像設(shè)計(jì)技術(shù)    216
9.2.1  Web圖像的顏色模式    216
9.2.2  Web圖像的分辨率    216
9.2.3  瀏覽器安全色    216
9.2.4  網(wǎng)頁圖像設(shè)計(jì)技術(shù)    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章  動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)及其實(shí)現(xiàn)    229
10.1  動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)    229
10.1.1  動(dòng)態(tài)網(wǎng)頁技術(shù)概論    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)頁計(jì)數(shù)器案例    239
10.4  聊天室設(shè)計(jì)案例    244
10.5  在線郵寄系統(tǒng)    248
10.6  新聞發(fā)布系統(tǒng)    255
10.7  投票系統(tǒng)    269
第11章  綜合實(shí)例    287
11.1  網(wǎng)站的規(guī)劃    287
11.1.1  確定站點(diǎn)目標(biāo)    287
11.1.2  站點(diǎn)的結(jié)構(gòu)    287
11.1.3  站點(diǎn)的色彩設(shè)計(jì)    287
11.1.4  繪制設(shè)計(jì)圖    287
11.2  建站前的準(zhǔn)備工作    288
11.2.1  收集素材    288
11.2.2  安裝IIS    289
11.2.3  配置網(wǎng)站    291
11.3  制作素材    293
11.3.1  繪制設(shè)計(jì)圖    293
11.3.2  分割圖像    311
11.3.3  優(yōu)化圖像    314
11.4  制作首頁    314
11.4.1  網(wǎng)頁頭部設(shè)計(jì)    314
11.4.2  建立框架    315
11.4.3  創(chuàng)建樣式    321
11.4.4  添加內(nèi)容    323
11.4.5  設(shè)置顯示系統(tǒng)日期    331
11.4.6  設(shè)置鏈接    333
11.5  制作二級頁面    333
11.5.1  定義模板    334
11.5.2  添加內(nèi)容與鏈接    334
11.6  制作三級頁面    336
11.7  制作注冊頁面    336
11.8  論壇的實(shí)現(xiàn)    339
11.9  測試與發(fā)布站點(diǎn)    345
11.9.1  測試站點(diǎn)    345
11.9.2  上傳站點(diǎn)    345