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

目　錄

第1章　網(wǎng)頁平面構(gòu)成　1
1.1　平面構(gòu)成概述　1
1.1.1　平面構(gòu)成設(shè)計(jì)的元素　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è)計(jì)中的平面構(gòu)成　4
1.2.2　構(gòu)成設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用　7
1.3　習(xí)題　10
第2章　網(wǎng)頁的色彩搭配　11
2.1　色彩構(gòu)成的原理　11
2.1.1　色彩的形成　11
2.1.2　色彩的對(duì)比　12
2.2　網(wǎng)頁配色的原理　12
2.2.1　色彩的基本知識(shí)　12
2.2.2　色彩的心理感覺　13
2.2.3　網(wǎng)頁設(shè)計(jì)中色彩的基本原則　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è)計(jì)　22
3.1　字體編排與編排的基本形式　22
3.1.1　網(wǎng)頁文字的形式概述　22
3.1.2　文字的設(shè)計(jì)要點(diǎn)　22
3.1.3　文字字體與版式設(shè)計(jì)　23
3.2　網(wǎng)頁設(shè)計(jì)中的排版布局　31
3.2.1　網(wǎng)頁文字的設(shè)計(jì)方法　31
3.2.2　網(wǎng)頁按鈕的設(shè)計(jì)方法　33
3.2.3　網(wǎng)頁版式設(shè)計(jì)的發(fā)展趨勢　34
3.3　網(wǎng)頁布局的基本結(jié)構(gòu)　35
3.4　網(wǎng)頁中的圖像　38
3.5　習(xí)題　39
第4章　Photoshop設(shè)計(jì)制作網(wǎng)頁圖像　41
4.1　設(shè)計(jì)制作網(wǎng)站Logo　41
4.1.1　概述　41
4.1.2　制作步驟　42
4.1.3　案例回顧與總結(jié)　47
4.2　設(shè)計(jì)制作網(wǎng)站Banner　48
4.2.1　概述　48
4.2.2　制作步驟　48
4.2.3　案例回顧與總結(jié)　53
4.3　設(shè)計(jì)制作網(wǎng)頁導(dǎo)航欄　53
4.3.1　概述　53
4.3.2　制作步驟　53
4.3.3　案例回顧與總結(jié)　59
4.4　設(shè)計(jì)制作網(wǎng)站首頁版面　59
4.4.1　概述　59
4.4.2　制作步驟　60
4.4.3　案例回顧與總結(jié)　67
4.5　習(xí)題　67
第5章　Flash網(wǎng)頁動(dòng)畫設(shè)計(jì)與制作　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時(shí)間軸及幀操作　73
5.2.1　時(shí)間軸　73
5.2.2　幀和關(guān)鍵幀　74
5.2.3　圖層　74
5.3　Flash元件和實(shí)例　74
5.3.1　元件和實(shí)例　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動(dòng)畫文件的播放　75
5.5　逐幀動(dòng)畫　76
5.5.1　逐幀動(dòng)畫的概念　76
5.5.2　逐幀動(dòng)畫制作實(shí)例——花開動(dòng)畫　76
5.6　補(bǔ)間動(dòng)畫　77
5.6.1　補(bǔ)間動(dòng)畫的種類　77
5.6.2　補(bǔ)間動(dòng)畫的制作實(shí)例——水滴動(dòng)畫　77
5.7　網(wǎng)頁特殊動(dòng)畫　79
5.7.1　遮罩動(dòng)畫實(shí)例　79
5.7.2　引導(dǎo)層動(dòng)畫實(shí)例　80
5.7.3　骨骼動(dòng)畫的創(chuàng)建　81
5.8　Flash基本網(wǎng)頁動(dòng)畫綜合實(shí)例　84
5.9　總結(jié)與經(jīng)驗(yàn)積累　89
5.10　習(xí)題　89
第6章　Flash交互式網(wǎng)頁動(dòng)畫的創(chuàng)作　92
6.1　ActionScript腳本語言　92
6.1.1　腳本語言屬性設(shè)置　92
6.1.2　動(dòng)作面板　93
6.1.3　影片瀏覽器面板　93
6.2　按鈕腳本動(dòng)畫制作　94
6.2.1　按鈕元件　94
6.2.2　利用按鈕庫編輯按鈕動(dòng)畫　94
6.2.3　自定義按鈕動(dòng)畫實(shí)例　95
6.3　幀腳本動(dòng)畫制作　96
6.3.1　幀動(dòng)作　96
6.3.2　幀腳本動(dòng)畫實(shí)例　96
6.4　影片剪輯腳本動(dòng)畫制作　97
6.4.1　影片剪輯腳本動(dòng)畫　97
6.4.2　影片剪輯腳本實(shí)例　97
6.5　Flash交互式網(wǎng)頁動(dòng)畫實(shí)例　99
6.5.1　制作Logo及導(dǎo)航按鈕　99
6.5.2　制作主頁　101
6.5.3　制作子頁　102
6.5.4　動(dòng)畫制作　103
6.5.5　腳本編寫　105
6.6　總結(jié)與經(jīng)驗(yàn)累積　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　站點(diǎn)的基本操作　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)站的本地站點(diǎn)　146
8.1.1　建立網(wǎng)站目錄結(jié)構(gòu)的建議　146
8.1.2　創(chuàng)建本地站點(diǎn)　147
8.2　應(yīng)用表格制作網(wǎng)站主頁面　149
8.2.1　利用表格對(duì)頁面進(jìn)行布局　149
8.2.2　添加各類網(wǎng)頁元素　153
8.3　應(yīng)用模板技術(shù)制作網(wǎng)站子頁面　155
8.3.1　模板的基本知識(shí)　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è)計(jì)用戶注冊頁面　164
8.7　習(xí)題　168
第9章　綜合案例　169
9.1　使用Photoshop設(shè)計(jì)頁面　169
9.1.1　設(shè)計(jì)首頁　169
9.1.2　設(shè)計(jì)內(nèi)頁　171
9.2　使用Dreamweaver排版網(wǎng)頁　173
9.3　使用Flash設(shè)計(jì)網(wǎng)頁動(dòng)畫　174
9.3.1　首頁動(dòng)畫的制作　174
9.3.2　網(wǎng)頁頁面動(dòng)畫的制作　181
9.4　總結(jié)與經(jīng)驗(yàn)累積　186
9.5　習(xí)題　187