美工神話Dreamweaver+Photoshop精美網(wǎng)頁設(shè)計(jì)與制作

第一篇　色彩設(shè)計(jì)與風(fēng)格創(chuàng)意篇
第1章　網(wǎng)頁的色彩設(shè)計(jì)　1
1.1　色彩的常識　3
1.1.1　色彩的三要素　3
1.1.2　色彩的混合　3
1.1.3　網(wǎng)頁安全色　4
1.2　色彩的心理感受　5
1.2.1　色彩的聯(lián)想　5
1.2.2　色彩的功能　6
1.2.3　色彩的共感覺　13
1.3　制定配色方案　14
1.3.1　基于色彩三要素的配色方案　15
1.3.2　基于色彩情感的配色方案　16
1.3.3　網(wǎng)站整體的色彩規(guī)劃　19
第2章　網(wǎng)頁設(shè)計(jì)的風(fēng)格創(chuàng)意　23
2.1　網(wǎng)頁的風(fēng)格設(shè)計(jì)　24
2.1.1　金屬風(fēng)格　24
2.1.2　像素風(fēng)格　25
2.1.3　面板風(fēng)格　25
2.1.4　報(bào)紙風(fēng)格　26
2.1.5　三維風(fēng)格　27
2.2　網(wǎng)頁的創(chuàng)意視覺表現(xiàn)　29
2.3　酷站賞析　32
第3章　頁面規(guī)劃與結(jié)構(gòu)設(shè)計(jì)　41
3.1　網(wǎng)頁的結(jié)構(gòu)框架　42
3.1.1　分欄式　42
3.1.2　區(qū)域劃分　45
3.1.3　不規(guī)則頁面設(shè)計(jì)　45
3.2　頁面的信息布局　48
3.2.1　信息結(jié)構(gòu)設(shè)計(jì)　48
3.2.2　網(wǎng)頁中的留白　49
第二篇　Photoshop網(wǎng)頁元素設(shè)計(jì)篇
第4章　Logo與Banner的設(shè)計(jì)制作　52
4.1　網(wǎng)站Logo的制作　53
4.1.1　Logo的特點(diǎn)與設(shè)計(jì)原則　53
4.1.2　Logo設(shè)計(jì)實(shí)例　53
4.2　網(wǎng)站Banner的制作　58
4.2.1　Banner的標(biāo)準(zhǔn)與設(shè)計(jì)原則　58
4.2.2　Banner設(shè)計(jì)實(shí)例　60
第5章　按鈕與導(dǎo)航條的設(shè)計(jì)制作 　64
5.1　按鈕的設(shè)計(jì)原則　65
5.2　常見按鈕樣式的制作　65
5.2.1　簡潔按鈕　65
5.2.2　迷你按鈕　67
5.2.3　水晶按鈕　69
5.2.4　塑料按鈕　73
5.2.5　木紋按鈕　75
5.2.6　金屬按鈕　77
5.2.7　舉一反三　79
5.3　導(dǎo)航條的制作　80
5.4　企業(yè)識別VI設(shè)計(jì)　83
5.4.1　企業(yè)識別概念　83
5.4.2　網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)開發(fā)　84
第6章　網(wǎng)頁中的文字設(shè)計(jì)　85
6.1　文字在網(wǎng)頁中的應(yīng)用　86
6.2　常見的文字特效設(shè)計(jì)　86
6.2.1　絢彩果凍字　86
6.2.2　立體條紋字　90
6.2.3　不銹鋼字　94
6.2.4　凝膠字　98
6.2.5　晶瑩剔透玻璃字體　101
6.2.6　像素立體字　107
6.2.7　舉一反三　109
第7章　網(wǎng)頁中的圖像制作 　110
7.1　常見裝飾邊線的制作　111
7.1.1　虛線的制作　111
7.1.2　內(nèi)嵌線條的制作　113
7.1.3　斜紋線條的制作　115
7.1.4　交叉線條的制作　116
7.2　背景圖像的制作　117
7.2.1　愛心醫(yī)院背景的制作　118
7.2.2　魔幻背景的制作　120
7.2.3　藤編結(jié)物背景的制作　123
7.3　透明圖像的制作　127
7.3.1　了解文件格式　128
7.3.2　制作透明圖像的方法　128
7.4　實(shí)用網(wǎng)頁插圖設(shè)計(jì)　130
7.4.1　馬賽克插圖　130
7.4.2　云中漫步插圖　139
7.4.3　蝴蝶美人插圖　144
第8章　黃金搭檔——Photoshop & ImageReady　154
8.1　ImageReady CS的特點(diǎn)　155
8.2　網(wǎng)頁圖像的優(yōu)化與處理　158
8.2.1　分割圖像　158
8.2.2　壓縮圖像 　160
8.2.3　保存壓縮后的圖像文件　161
8.3　設(shè)置互動(dòng)式圖像效果　163
8.4　使用GIF文件制作動(dòng)畫Banner　165
第三篇　Dreamweaver網(wǎng)頁布局美化篇
第9章　Dreamweaver基礎(chǔ)演練　172
9.1　創(chuàng)建表格對象　173
9.1.1　表格基礎(chǔ)　173
9.1.2　在頁面中插入表格　174
9.1.3　設(shè)置表格屬性　176
9.2　使用層　179
9.2.1　創(chuàng)建“層”　179
9.2.2　創(chuàng)建嵌套層　180
9.2.3　編輯層屬性　182
9.3　制作表單　183
9.3.1　插入表單　185
9.3.2　使用文本字段　186
9.3.3　使用文本區(qū)域　188
9.3.4　使用按鈕　189
9.3.5　使用復(fù)選框　190
9.3.6　使用單選按鈕　191
9.3.7　使用列表/菜單　192
9.3.8　使用跳轉(zhuǎn)菜單　194
9.4　使用行為　196
9.4.1　交換圖像　196
9.4.2　設(shè)置導(dǎo)航欄圖像　198
9.4.3　設(shè)置狀態(tài)欄文本　200
第10章　使用CSS樣式表美化網(wǎng)頁　202
10.1　CSS使用進(jìn)階　203
10.1.1　CSS的使用方法　203
10.1.2　CSS的引用方式　205
10.2　CSS網(wǎng)頁美化實(shí)例　208
10.2.1　使用CSS美化文字　208
10.2.2　使用CSS實(shí)現(xiàn)圖文混排效果　211
10.2.3　使用CSS制作精美表格　213
10.2.4　使用CSS打造精美表單　221
10.2.5　使用CSS控制鼠標(biāo)樣式　227
10.2.6　CSS濾鏡全攻略　230
第四篇　精美網(wǎng)頁設(shè)計(jì)綜合案例篇
第11章　企業(yè)網(wǎng)站設(shè)計(jì)綜合案例　238
11.1　創(chuàng)建背景　239
11.2　制作導(dǎo)航　241
11.3　設(shè)計(jì)Logo 　242
11.4　創(chuàng)建網(wǎng)頁　244
第12章　校園網(wǎng)站設(shè)計(jì)綜合案例　251
12.1　創(chuàng)建背景　252
12.2　制作夢幻效果　254
12.3　制作信息面板　257
12.4　進(jìn)行細(xì)節(jié)修飾　260
12.5　創(chuàng)建網(wǎng)頁　262