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

時間：2023-02-21 03:42:02 | 來源：營銷百科

時間：2023-02-21 03:42:02 來源：營銷百科

美工神話：Dreamweaver Photoshop精美網(wǎng)頁設(shè)計與制作目錄：第一篇　色彩設(shè)計與風格創(chuàng)意篇

n第1章　網(wǎng)頁的色彩設(shè)計　1

n1.1　色彩的常識　3

n1.1.1　色彩的三要素　3

n1.1.2　色彩的混合　3

n1.1.3　網(wǎng)頁安全色　4

n1.2　色彩的心理感受　5

n1.2.1　色彩的聯(lián)想　5

n1.2.2　色彩的功能　6

n1.2.3　色彩的共感覺　13

n1.3　制定配色方案　14

n1.3.1　基于色彩三要素的配色方案　15

n1.3.2　基于色彩情感的配色方案　16

n1.3.3　網(wǎng)站整體的色彩規(guī)劃　19

n第2章　網(wǎng)頁設(shè)計的風格創(chuàng)意　23

n2.1　網(wǎng)頁的風格設(shè)計　24

n2.1.1　金屬風格　24

n2.1.2　像素風格　25

n2.1.3　面板風格　25

n2.1.4　報紙風格　26

n2.1.5　三維風格　27

n2.2　網(wǎng)頁的創(chuàng)意視覺表現(xiàn)　29

n2.3　酷站賞析　32

n第3章　頁面規(guī)劃與結(jié)構(gòu)設(shè)計　41

n3.1　網(wǎng)頁的結(jié)構(gòu)框架　42

n3.1.1　分欄式　42

n3.1.2　區(qū)域劃分　45

n3.1.3　不規(guī)則頁面設(shè)計　45

n3.2　頁面的信息布局　48

n3.2.1　信息結(jié)構(gòu)設(shè)計　48

n3.2.2　網(wǎng)頁中的留白　49

n第二篇　Photoshop網(wǎng)頁元素設(shè)計篇

n第4章　Logo與Banner的設(shè)計制作　52

n4.1　網(wǎng)站Logo的制作　53

n4.1.1　Logo的特點與設(shè)計原則　53

n4.1.2　Logo設(shè)計實例　53

n4.2　網(wǎng)站Banner的制作　58

n4.2.1　Banner的標準與設(shè)計原則　58

n4.2.2　Banner設(shè)計實例　60

n第5章　按鈕與導航條的設(shè)計制作 　64

n5.1　按鈕的設(shè)計原則　65

n5.2　常見按鈕樣式的制作　65

n5.2.1　簡潔按鈕　65

n5.2.2　迷你按鈕　67

n5.2.3　水晶按鈕　69

n5.2.4　塑料按鈕　73

n5.2.5　木紋按鈕　75

n5.2.6　金屬按鈕　77

n5.2.7　舉一反三　79

n5.3　導航條的制作　80

n5.4　企業(yè)識別VI設(shè)計　83

n5.4.1　企業(yè)識別概念　83

n5.4.2　網(wǎng)站整體形象規(guī)劃與設(shè)計開發(fā)　84

n第6章　網(wǎng)頁中的文字設(shè)計　85

n6.1　文字在網(wǎng)頁中的應用　86

n6.2　常見的文字特效設(shè)計　86

n6.2.1　絢彩果凍字　86

n6.2.2　立體條紋字　90

n6.2.3　不銹鋼字　94

n6.2.4　凝膠字　98

n6.2.5　晶瑩剔透玻璃字體　101

n6.2.6　像素立體字　107

n6.2.7　舉一反三　109

n第7章　網(wǎng)頁中的圖像制作 　110

n7.1　常見裝飾邊線的制作　111

n7.1.1　虛線的制作　111

n7.1.2　內(nèi)嵌線條的制作　113

n7.1.3　斜紋線條的制作　115

n7.1.4　交叉線條的制作　116

n7.2　背景圖像的制作　117

n7.2.1　愛心醫(yī)院背景的制作　118

n7.2.2　魔幻背景的制作　120

n7.2.3　藤編結(jié)物背景的制作　123

n7.3　透明圖像的制作　127

n7.3.1　了解文件格式　128

n7.3.2　制作透明圖像的方法　128

n7.4　實用網(wǎng)頁插圖設(shè)計　130

n7.4.1　馬賽克插圖　130

n7.4.2　云中漫步插圖　139

n7.4.3　蝴蝶美人插圖　144

n第8章　黃金搭檔——Photoshop ImageReady　154

n8.1　ImageReady CS的特點　155

n8.2　網(wǎng)頁圖像的優(yōu)化與處理　158

n8.2.1　分割圖像　158

n8.2.2　壓縮圖像 　160

n8.2.3　保存壓縮后的圖像文件　161

n8.3　設(shè)置互動式圖像效果　163

n8.4　使用GIF文件制作動畫Banner　165

n第三篇　Dreamweaver網(wǎng)頁布局美化篇

n第9章　Dreamweaver基礎(chǔ)演練　172

n9.1　創(chuàng)建表格對象　173

n9.1.1　表格基礎(chǔ)　173

n9.1.2　在頁面中插入表格　174

n9.1.3　設(shè)置表格屬性　176

n9.2　使用層　179

n9.2.1　創(chuàng)建'層'　179

n9.2.2　創(chuàng)建嵌套層　180

n9.2.3　編輯層屬性　182

n9.3　制作表單　183

n9.3.1　插入表單　185

n9.3.2　使用文本字段　186

n9.3.3　使用文本區(qū)域　188

n9.3.4　使用按鈕　189

n9.3.5　使用復選框　190

n9.3.6　使用單選按鈕　191

n9.3.7　使用列表/菜單　192

n9.3.8　使用跳轉(zhuǎn)菜單　194

n9.4　使用行為　196

n9.4.1　交換圖像　196

n9.4.2　設(shè)置導航欄圖像　198

n9.4.3　設(shè)置狀態(tài)欄文本　200

n第10章　使用CSS樣式表美化網(wǎng)頁　202

n10.1　CSS使用進階　203

n10.1.1　CSS的使用方法　203

n10.1.2　CSS的引用方式　205

n10.2　CSS網(wǎng)頁美化實例　208

n10.2.1　使用CSS美化文字　208

n10.2.2　使用CSS實現(xiàn)圖文混排效果　211

n10.2.3　使用CSS制作精美表格　213

n10.2.4　使用CSS打造精美表單　221

n10.2.5　使用CSS控制鼠標樣式　227

n10.2.6　CSS濾鏡全攻略　230

n第四篇　精美網(wǎng)頁設(shè)計綜合案例篇

n第11章　企業(yè)網(wǎng)站設(shè)計綜合案例　238

n11.1　創(chuàng)建背景　239

n11.2　制作導航　241

n11.3　設(shè)計Logo 　242

n11.4　創(chuàng)建網(wǎng)頁　244

n第12章　校園網(wǎng)站設(shè)計綜合案例　251

n12.1　創(chuàng)建背景　252

n12.2　制作夢幻效果　254

n12.3　制作信息面板　257

n12.4　進行細節(jié)修飾　260

n12.5　創(chuàng)建網(wǎng)頁　262