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

目　錄

第1章　網(wǎng)頁(yè)平面構(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)頁(yè)中的平面構(gòu)成　4
1.2.1　網(wǎng)頁(yè)設(shè)計(jì)中的平面構(gòu)成　4
1.2.2　構(gòu)成設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用　7
1.3　習(xí)題　10
第2章　網(wǎng)頁(yè)的色彩搭配　11
2.1　色彩構(gòu)成的原理　11
2.1.1　色彩的形成　11
2.1.2　色彩的對(duì)比　12
2.2　網(wǎng)頁(yè)配色的原理　12
2.2.1　色彩的基本知識(shí)　12
2.2.2　色彩的心理感覺(jué)　13
2.2.3　網(wǎng)頁(yè)設(shè)計(jì)中色彩的基本原則　15
2.2.4　色彩均衡　16
2.3　網(wǎng)頁(yè)常用配色分析　17
2.3.1　常用的網(wǎng)頁(yè)色彩模式　17
2.3.2　網(wǎng)頁(yè)色彩搭配的技巧　18
2.3.3　3種以上的色彩搭配　20
2.4　習(xí)題　21
第3章　網(wǎng)頁(yè)編排設(shè)計(jì)　22
3.1　字體編排與編排的基本形式　22
3.1.1　網(wǎng)頁(yè)文字的形式概述　22
3.1.2　文字的設(shè)計(jì)要點(diǎn)　22
3.1.3　文字字體與版式設(shè)計(jì)　23
3.2　網(wǎng)頁(yè)設(shè)計(jì)中的排版布局　31
3.2.1　網(wǎng)頁(yè)文字的設(shè)計(jì)方法　31
3.2.2　網(wǎng)頁(yè)按鈕的設(shè)計(jì)方法　33
3.2.3　網(wǎng)頁(yè)版式設(shè)計(jì)的發(fā)展趨勢(shì)　34
3.3　網(wǎng)頁(yè)布局的基本結(jié)構(gòu)　35
3.4　網(wǎng)頁(yè)中的圖像　38
3.5　習(xí)題　39
第4章　Photoshop設(shè)計(jì)制作網(wǎng)頁(yè)圖像　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)頁(yè)導(dǎo)航欄　53
4.3.1　概述　53
4.3.2　制作步驟　53
4.3.3　案例回顧與總結(jié)　59
4.4　設(shè)計(jì)制作網(wǎng)站首頁(yè)版面　59
4.4.1　概述　59
4.4.2　制作步驟　60
4.4.3　案例回顧與總結(jié)　67
4.5　習(xí)題　67
第5章　Flash網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)與制作　70
5.1　Flash基本操作　70
5.1.1　創(chuàng)建Flash文檔　71
5.1.2　打開(kāi)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í)例——花開(kāi)動(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)頁(yè)特殊動(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)頁(yè)動(dòng)畫綜合實(shí)例　84
5.9　總結(jié)與經(jīng)驗(yàn)積累　89
5.10　習(xí)題　89
第6章　Flash交互式網(wǎng)頁(yè)動(dòng)畫的創(chuàng)作　92
6.1　ActionScript腳本語(yǔ)言　92
6.1.1　腳本語(yǔ)言屬性設(shè)置　92
6.1.2　動(dòng)作面板　93
6.1.3　影片瀏覽器面板　93
6.2　按鈕腳本動(dòng)畫制作　94
6.2.1　按鈕元件　94
6.2.2　利用按鈕庫(kù)編輯按鈕動(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)頁(yè)動(dòng)畫實(shí)例　99
6.5.1　制作Logo及導(dǎo)航按鈕　99
6.5.2　制作主頁(yè)　101
6.5.3　制作子頁(yè)　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)基本頁(yè)面的制作　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)頁(yè)的制作　129
7.4.1　文本編輯　129
7.4.2　網(wǎng)頁(yè)圖像編輯　136
7.4.3　網(wǎng)頁(yè)多媒體元素編輯　141
7.5　習(xí)題　145
第8章　Dreamweaver制作網(wǎng)站頁(yè)面　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)站主頁(yè)面　149
8.2.1　利用表格對(duì)頁(yè)面進(jìn)行布局　149
8.2.2　添加各類網(wǎng)頁(yè)元素　153
8.3　應(yīng)用模板技術(shù)制作網(wǎng)站子頁(yè)面　155
8.3.1　模板的基本知識(shí)　155
8.3.2　制作網(wǎng)站子頁(yè)面　155
8.4　應(yīng)用超鏈接建立網(wǎng)站頁(yè)面間超鏈接　159
8.4.1　超鏈接的概念和種類　159
8.4.2　建立網(wǎng)站頁(yè)面間超鏈接　160
8.5　應(yīng)用CSS美化網(wǎng)站頁(yè)面　161
8.5.1　CSS種類　161
8.5.2　CSS美化網(wǎng)站頁(yè)面　162
8.6　利用表單設(shè)計(jì)用戶注冊(cè)頁(yè)面　164
8.7　習(xí)題　168
第9章　綜合案例　169
9.1　使用Photoshop設(shè)計(jì)頁(yè)面　169
9.1.1　設(shè)計(jì)首頁(yè)　169
9.1.2　設(shè)計(jì)內(nèi)頁(yè)　171
9.2　使用Dreamweaver排版網(wǎng)頁(yè)　173
9.3　使用Flash設(shè)計(jì)網(wǎng)頁(yè)動(dòng)畫　174
9.3.1　首頁(yè)動(dòng)畫的制作　174
9.3.2　網(wǎng)頁(yè)頁(yè)面動(dòng)畫的制作　181
9.4　總結(jié)與經(jīng)驗(yàn)累積　186
9.5　習(xí)題　187