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

第一篇　色彩設計與風格創(chuàng)意篇
第1章　網(wǎng)頁的色彩設計　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)頁設計的風格創(chuàng)意　23
2.1　網(wǎng)頁的風格設計　24
2.1.1　金屬風格　24
2.1.2　像素風格　25
2.1.3　面板風格　25
2.1.4　報紙風格　26
2.1.5　三維風格　27
2.2　網(wǎng)頁的創(chuàng)意視覺表現(xiàn)　29
2.3　酷站賞析　32
第3章　頁面規(guī)劃與結構設計　41
3.1　網(wǎng)頁的結構框架　42
3.1.1　分欄式　42
3.1.2　區(qū)域劃分　45
3.1.3　不規(guī)則頁面設計　45
3.2　頁面的信息布局　48
3.2.1　信息結構設計　48
3.2.2　網(wǎng)頁中的留白　49
第二篇　Photoshop網(wǎng)頁元素設計篇
第4章　Logo與Banner的設計制作　52
4.1　網(wǎng)站Logo的制作　53
4.1.1　Logo的特點與設計原則　53
4.1.2　Logo設計實例　53
4.2　網(wǎng)站Banner的制作　58
4.2.1　Banner的標準與設計原則　58
4.2.2　Banner設計實例　60
第5章　按鈕與導航條的設計制作 　64
5.1　按鈕的設計原則　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　導航條的制作　80
5.4　企業(yè)識別VI設計　83
5.4.1　企業(yè)識別概念　83
5.4.2　網(wǎng)站整體形象規(guī)劃與設計開發(fā)　84
第6章　網(wǎng)頁中的文字設計　85
6.1　文字在網(wǎng)頁中的應用　86
6.2　常見的文字特效設計　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　內嵌線條的制作　113
7.1.3　斜紋線條的制作　115
7.1.4　交叉線條的制作　116
7.2　背景圖像的制作　117
7.2.1　愛心醫(yī)院背景的制作　118
7.2.2　魔幻背景的制作　120
7.2.3　藤編結物背景的制作　123
7.3　透明圖像的制作　127
7.3.1　了解文件格式　128
7.3.2　制作透明圖像的方法　128
7.4　實用網(wǎng)頁插圖設計　130
7.4.1　馬賽克插圖　130
7.4.2　云中漫步插圖　139
7.4.3　蝴蝶美人插圖　144
第8章　黃金搭檔——Photoshop & ImageReady　154
8.1　ImageReady CS的特點　155
8.2　網(wǎng)頁圖像的優(yōu)化與處理　158
8.2.1　分割圖像　158
8.2.2　壓縮圖像 　160
8.2.3　保存壓縮后的圖像文件　161
8.3　設置互動式圖像效果　163
8.4　使用GIF文件制作動畫Banner　165
第三篇　Dreamweaver網(wǎng)頁布局美化篇
第9章　Dreamweaver基礎演練　172
9.1　創(chuàng)建表格對象　173
9.1.1　表格基礎　173
9.1.2　在頁面中插入表格　174
9.1.3　設置表格屬性　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　使用復選框　190
9.3.6　使用單選按鈕　191
9.3.7　使用列表/菜單　192
9.3.8　使用跳轉菜單　194
9.4　使用行為　196
9.4.1　交換圖像　196
9.4.2　設置導航欄圖像　198
9.4.3　設置狀態(tài)欄文本　200
第10章　使用CSS樣式表美化網(wǎng)頁　202
10.1　CSS使用進階　203
10.1.1　CSS的使用方法　203
10.1.2　CSS的引用方式　205
10.2　CSS網(wǎng)頁美化實例　208
10.2.1　使用CSS美化文字　208
10.2.2　使用CSS實現(xiàn)圖文混排效果　211
10.2.3　使用CSS制作精美表格　213
10.2.4　使用CSS打造精美表單　221
10.2.5　使用CSS控制鼠標樣式　227
10.2.6　CSS濾鏡全攻略　230
第四篇　精美網(wǎng)頁設計綜合案例篇
第11章　企業(yè)網(wǎng)站設計綜合案例　238
11.1　創(chuàng)建背景　239
11.2　制作導航　241
11.3　設計Logo 　242
11.4　創(chuàng)建網(wǎng)頁　244
第12章　校園網(wǎng)站設計綜合案例　251
12.1　創(chuàng)建背景　252
12.2　制作夢幻效果　254
12.3　制作信息面板　257
12.4　進行細節(jié)修飾　260
12.5　創(chuàng)建網(wǎng)頁　262