網(wǎng)頁界面設(shè)計

目　錄

第1章　網(wǎng)頁平面構(gòu)成　1
1.1　平面構(gòu)成概述　1
1.1.1　平面構(gòu)成設(shè)計的元素　1
1.1.2　平面構(gòu)成的形式美　2
1.1.3　平面構(gòu)成的骨骼及基本形式　2
1.2　網(wǎng)頁中的平面構(gòu)成　4
1.2.1　網(wǎng)頁設(shè)計中的平面構(gòu)成　4
1.2.2　構(gòu)成設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用　7
1.3　習(xí)題　10
第2章　網(wǎng)頁的色彩搭配　11
2.1　色彩構(gòu)成的原理　11
2.1.1　色彩的形成　11
2.1.2　色彩的對比　12
2.2　網(wǎng)頁配色的原理　12
2.2.1　色彩的基本知識　12
2.2.2　色彩的心理感覺　13
2.2.3　網(wǎng)頁設(shè)計中色彩的基本原則　15
2.2.4　色彩均衡　16
2.3　網(wǎng)頁常用配色分析　17
2.3.1　常用的網(wǎng)頁色彩模式　17
2.3.2　網(wǎng)頁色彩搭配的技巧　18
2.3.3　3種以上的色彩搭配　20
2.4　習(xí)題　21
第3章　網(wǎng)頁編排設(shè)計　22
3.1　字體編排與編排的基本形式　22
3.1.1　網(wǎng)頁文字的形式概述　22
3.1.2　文字的設(shè)計要點　22
3.1.3　文字字體與版式設(shè)計　23
3.2　網(wǎng)頁設(shè)計中的排版布局　31
3.2.1　網(wǎng)頁文字的設(shè)計方法　31
3.2.2　網(wǎng)頁按鈕的設(shè)計方法　33
3.2.3　網(wǎng)頁版式設(shè)計的發(fā)展趨勢　34
3.3　網(wǎng)頁布局的基本結(jié)構(gòu)　35
3.4　網(wǎng)頁中的圖像　38
3.5　習(xí)題　39
第4章　Photoshop設(shè)計制作網(wǎng)頁圖像　41
4.1　設(shè)計制作網(wǎng)站Logo　41
4.1.1　概述　41
4.1.2　制作步驟　42
4.1.3　案例回顧與總結(jié)　47
4.2　設(shè)計制作網(wǎng)站Banner　48
4.2.1　概述　48
4.2.2　制作步驟　48
4.2.3　案例回顧與總結(jié)　53
4.3　設(shè)計制作網(wǎng)頁導(dǎo)航欄　53
4.3.1　概述　53
4.3.2　制作步驟　53
4.3.3　案例回顧與總結(jié)　59
4.4　設(shè)計制作網(wǎng)站首頁版面　59
4.4.1　概述　59
4.4.2　制作步驟　60
4.4.3　案例回顧與總結(jié)　67
4.5　習(xí)題　67
第5章　Flash網(wǎng)頁動畫設(shè)計與制作　70
5.1　Flash基本操作　70
5.1.1　創(chuàng)建Flash文檔　71
5.1.2　打開Flash文檔　71
5.1.3　保存Flash文檔　71
5.1.4　繪圖工具的使用　72
5.2　Flash時間軸及幀操作　73
5.2.1　時間軸　73
5.2.2　幀和關(guān)鍵幀　74
5.2.3　圖層　74
5.3　Flash元件和實例　74
5.3.1　元件和實例　74
5.3.2　元件類型　74
5.3.3　元件的創(chuàng)建　74
5.4　Flash文件的發(fā)布和播放　75
5.4.1　Flash文件的發(fā)布設(shè)置　75
5.4.2　Flash動畫文件的播放　75
5.5　逐幀動畫　76
5.5.1　逐幀動畫的概念　76
5.5.2　逐幀動畫制作實例——花開動畫　76
5.6　補間動畫　77
5.6.1　補間動畫的種類　77
5.6.2　補間動畫的制作實例——水滴動畫　77
5.7　網(wǎng)頁特殊動畫　79
5.7.1　遮罩動畫實例　79
5.7.2　引導(dǎo)層動畫實例　80
5.7.3　骨骼動畫的創(chuàng)建　81
5.8　Flash基本網(wǎng)頁動畫綜合實例　84
5.9　總結(jié)與經(jīng)驗積累　89
5.10　習(xí)題　89
第6章　Flash交互式網(wǎng)頁動畫的創(chuàng)作　92
6.1　ActionScript腳本語言　92
6.1.1　腳本語言屬性設(shè)置　92
6.1.2　動作面板　93
6.1.3　影片瀏覽器面板　93
6.2　按鈕腳本動畫制作　94
6.2.1　按鈕元件　94
6.2.2　利用按鈕庫編輯按鈕動畫　94
6.2.3　自定義按鈕動畫實例　95
6.3　幀腳本動畫制作　96
6.3.1　幀動作　96
6.3.2　幀腳本動畫實例　96
6.4　影片剪輯腳本動畫制作　97
6.4.1　影片剪輯腳本動畫　97
6.4.2　影片剪輯腳本實例　97
6.5　Flash交互式網(wǎng)頁動畫實例　99
6.5.1　制作Logo及導(dǎo)航按鈕　99
6.5.2　制作主頁　101
6.5.3　制作子頁　102
6.5.4　動畫制作　103
6.5.5　腳本編寫　105
6.6　總結(jié)與經(jīng)驗累積　114
6.7　習(xí)題　114
第7章　Dreamweaver靜態(tài)基本頁面的制作　117
7.1　Dreamweaver基本概念　117
7.2　Dreamweaver基本工作環(huán)境　118
7.2.1　工作環(huán)境　118
7.2.2　工具欄　119
7.2.3　“屬性”面板　120
7.2.4　面板組　121
7.3　Dreamweaver基本操作　122
7.3.1　站點的基本操作　122
7.3.2　文件的命名和管理　124
7.3.3　HTML基本概念　124
7.4　Dreamweaver靜態(tài)網(wǎng)頁的制作　129
7.4.1　文本編輯　129
7.4.2　網(wǎng)頁圖像編輯　136
7.4.3　網(wǎng)頁多媒體元素編輯　141
7.5　習(xí)題　145
第8章　Dreamweaver制作網(wǎng)站頁面　146
8.1　創(chuàng)建網(wǎng)站的本地站點　146
8.1.1　建立網(wǎng)站目錄結(jié)構(gòu)的建議　146
8.1.2　創(chuàng)建本地站點　147
8.2　應(yīng)用表格制作網(wǎng)站主頁面　149
8.2.1　利用表格對頁面進行布局　149
8.2.2　添加各類網(wǎng)頁元素　153
8.3　應(yīng)用模板技術(shù)制作網(wǎng)站子頁面　155
8.3.1　模板的基本知識　155
8.3.2　制作網(wǎng)站子頁面　155
8.4　應(yīng)用超鏈接建立網(wǎng)站頁面間超鏈接　159
8.4.1　超鏈接的概念和種類　159
8.4.2　建立網(wǎng)站頁面間超鏈接　160
8.5　應(yīng)用CSS美化網(wǎng)站頁面　161
8.5.1　CSS種類　161
8.5.2　CSS美化網(wǎng)站頁面　162
8.6　利用表單設(shè)計用戶注冊頁面　164
8.7　習(xí)題　168
第9章　綜合案例　169
9.1　使用Photoshop設(shè)計頁面　169
9.1.1　設(shè)計首頁　169
9.1.2　設(shè)計內(nèi)頁　171
9.2　使用Dreamweaver排版網(wǎng)頁　173
9.3　使用Flash設(shè)計網(wǎng)頁動畫　174
9.3.1　首頁動畫的制作　174
9.3.2　網(wǎng)頁頁面動畫的制作　181
9.4　總結(jié)與經(jīng)驗累積　186
9.5　習(xí)題　187